Просмотр исходного кода

fix(课程运行): 添加权限检查防止非教员查看课程运行情况

添加用户类型检查,当用户不是教员时显示提示信息而非课程运行组件
zhanghaijun месяцев назад: 10
Родитель
Сommit
4c82a85281
1 измененных файлов с 7 добавлено и 1 удалено
  1. 7 1
      src/views/train/course/trainer_run/index.vue

+ 7 - 1
src/views/train/course/trainer_run/index.vue

@@ -22,7 +22,10 @@
     </div>
     <div class="flex h-full flex-1 flex-row gap-4" style="max-height: calc(200px + 100vh)">
       <div class="flex-1 overflow-hidden border">
-        <EasyProcess ref="processRef" :data="course?.courseDataStream" :edit="false" />
+        <EasyProcess v-if="getUserType == 2" ref="processRef" :data="course?.courseDataStream" :edit="false" />
+        <div v-else>
+          <div class="text-center text-2xl font-bold"> 您不是教员,无法查看课程运行情况 </div>
+        </div>
       </div>
       <div class="flex w-[320px] flex-col gap-4">
         <div class="run-action relative">
@@ -76,6 +79,9 @@
   import CourseDetail from './course-detail.vue'
   import CourseProcess from './course_process.vue'
   import { useTimerDate } from '@/composables/useTimerDate'
+  import { useUserStore } from '@/store/modules/user'
+
+  const { getUserType } = toRefs(useUserStore())
 
   const processFormRef = ref()