refactor: update app configuration and live monitor for improved user experience and functionality

src/composables/useAppConfig.ts

@@ -14,7 +14,7 @@ const appConfigList = [
   },
   {
     system: 'x',
-    title: '1+X实训平台',
+    // title: '1+X实训平台',
     logo: 'https://webapp-pub.ezijing.com/website/base/logo.svg',
     hosts: ['saas-x'],
     studentMenus: [

src/composables/useLiveMonitor.ts

@@ -3,7 +3,7 @@ import { useLive, readBlobAsBase64 } from '@/composables/useLive'
 import { useSocket } from '@/composables/useSocket'
 import md5 from 'blueimp-md5'
 import { ElMessageBox } from 'element-plus'
-import { usePermission } from '@vueuse/core'
+import { usePermission, useIntervalFn } from '@vueuse/core'
 
 export function useLiveMonitor({ autoStart = false }: { autoStart?: boolean } = {}) {
   const userStore = useUserStore()
@@ -25,7 +25,7 @@ export function useLiveMonitor({ autoStart = false }: { autoStart?: boolean } =
     },
   })
 
-  const { stream, startTime, start, stop, restart } = useLive({
+  const { startTime, start, stop, restart } = useLive({
     enabledUserMedia: autoStart,
     onRecord: async (blob) => {
       const base64Data = await readBlobAsBase64(blob)
@@ -40,23 +40,27 @@ export function useLiveMonitor({ autoStart = false }: { autoStart?: boolean } =
 
   const cameraPermission = usePermission('camera')
 
+  const hasMessageBox = ref(false)
   const showMessageBox = () => {
+    if (hasMessageBox.value) return
+    hasMessageBox.value = true
     ElMessageBox.alert('本次考试要求全程开启摄像头，请点击‘确定’允许摄像头访问，以便正常参加考试。', '温馨提示', {
       confirmButtonText: '确定',
-      beforeClose: (action, instance, done) => {
-        console.log('stream', stream.value)
-        console.log('cameraPermission', cameraPermission.value)
-        if (stream.value && cameraPermission.value === 'granted') done()
-      },
+      // beforeClose: (action, instance, done) => {
+      //   console.log('stream', stream.value)
+      //   console.log('cameraPermission', cameraPermission.value)
+      //   if (stream.value && cameraPermission.value === 'granted') done()
+      // },
       callback: () => {
+        hasMessageBox.value = false
         restart()
       },
     })
   }
 
-  watchEffect(() => {
+  useIntervalFn(() => {
     if (cameraPermission.value === 'denied') showMessageBox()
-  })
+  }, 1000 * 10)
 
   onMounted(() => {
     if (autoStart) showMessageBox()

src/modules/student/lab/views/Index.vue

@@ -323,8 +323,8 @@ function handleGoToFunction(path: string) {
     <template #right>
       <AppCard>
         <div class="exam-status" v-if="appConfig.system === 'x' && experimentInfo?.exam_status === 1">
-          <el-button type="primary" @click="tabActive = 'qa'">实操系统</el-button>
           <el-button type="primary" @click="tabActive = 'exam'">理论试题</el-button>
+          <el-button type="primary" @click="tabActive = 'qa'">实操环境</el-button>
         </div>
         <el-row justify="space-between" v-else>
           <div>

src/router/index.ts

@@ -3,7 +3,7 @@ import { useUserStore } from '@/stores/user'
 
 const router = createRouter({
   history: createWebHistory(),
-  routes: [{ path: '/:pathMatch(.*)*', redirect: '/' }]
+  routes: [{ path: '/:pathMatch(.*)*', redirect: '/' }],
 })
 
 router.beforeEach(async (to, from, next) => {
@@ -18,7 +18,13 @@ router.beforeEach(async (to, from, next) => {
       } catch (e) {
         console.error(e)
       }
-      user.isLogin ? next() : next('/401')
+      if (!user.isLogin) {
+        next('/401')
+        return
+      }
+    }
+    if (to.path === '/' && user.role?.id === 1) {
+      next('/student/lab')
       return
     }
     next()