fix: 修复考试不回显的问题

src/components/DragPanel.vue

@@ -42,7 +42,7 @@ onMounted(() => {
 
 <template>
   <section class="drag-panel">
-    <div v-show="!isLeftShow" class="drag-panel-left" :class="{ 'is-hidden': !leftPanelVisible }">
+    <div v-if="!isLeftShow" class="drag-panel-left" :class="{ 'is-hidden': !leftPanelVisible }">
       <div class="drag-cover" v-if="dragFlag"></div>
       <slot name="left"></slot>
       <div class="panel-resize" id="panel-resize"></div>

src/modules/student/lab/components/Exam.vue

@@ -7,8 +7,13 @@ const appConfig = useAppConfig()
 interface Props {
   experiment_id: string
   examStatus?: number
+  showInfo?: boolean
+  showIframe?: boolean
 }
-const props = defineProps<Props>()
+const props = withDefaults(defineProps<Props>(), {
+  showInfo: true,
+  showIframe: false,
+})
 const model = defineModel()
 const emits = defineEmits(['empty'])
 
@@ -50,15 +55,19 @@ watchEffect(() => {
 
 <template>
   <template v-if="currentExam">
-    <el-form label-suffix="：" label-position="top" v-if="appConfig.system !== 'x'">
+    <el-form label-suffix="：" label-position="top" v-if="showInfo">
       <el-form-item label="考试名称">{{ currentExam.exam_info.name }}</el-form-item>
       <el-form-item label="考试时间"
         >{{ currentExam.exam_info.start_time }} ～ {{ currentExam.exam_info.end_time }}</el-form-item
       >
     </el-form>
-    <div style="width: 100%; height: 100%">
-      <iframe style="width: 100%; height: 100%" allowfullscreen class="iframe" :src="examURL" frameborder="0"></iframe>
-    </div>
+    <iframe
+      style="width: 100%; height: 100%"
+      allowfullscreen
+      class="iframe"
+      :src="examURL"
+      frameborder="0"
+      v-if="showIframe"></iframe>
   </template>
   <el-empty description="暂无数据" v-else />
 </template>

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

@@ -354,19 +354,30 @@ function handleEmpty(name: string) {
           style="flex: 1"
           v-if="submitted" />
         <template v-else>
-          <iframe
-            allow="camera; microphone"
-            allowfullscreen
-            :src="LAB_URL"
-            :key="iframeKey"
-            frameborder="0"
-            class="iframe"
-            ref="iframeRef"></iframe>
-          <div
-            style="padding: 10px; background-color: #fff; max-width: 300px; min-width: 300px"
-            v-if="experimentInfo?.exam_status === 1 && tabActive === 'qa'">
-            <Question :experiment_id="form.experiment_id" :exam_status="experimentInfo?.exam_status"></Question>
-          </div>
+          <template v-if="experimentInfo?.exam_status === 1 && tabActive === 'exam'">
+            <Exam
+              v-model="examURL"
+              :showInfo="false"
+              :showIframe="true"
+              :experiment_id="form.experiment_id"
+              :examStatus="experimentInfo?.exam_status"
+              @empty="handleEmpty('exam')"></Exam>
+          </template>
+          <template v-else>
+            <iframe
+              allow="camera; microphone"
+              allowfullscreen
+              :src="LAB_URL"
+              :key="iframeKey"
+              frameborder="0"
+              class="iframe"
+              ref="iframeRef"></iframe>
+            <div
+              style="padding: 10px; background-color: #fff; width: 300px"
+              v-if="experimentInfo?.exam_status === 1 && tabActive === 'qa'">
+              <Question :experiment_id="form.experiment_id" :exam_status="experimentInfo?.exam_status"></Question>
+            </div>
+          </template>
         </template>
       </div>
     </template>