【新增】 方案绑定软件环境检测

src/views/task/selftrans/ai/components/steps/step3/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <!-- 使用 el-tabs 组件创建可切换的选项卡 -->
-    <el-tabs v-model="activeTab" style="margin-top: 20px">
+    <el-tabs v-model="activeTab" style="margin-top: 20px" @tab-change="openAppForm">
       <!-- 第一个 tab - 通用参数 -->
       <el-tab-pane label="通用参数" name="tab1">
         <el-form :model="form" label-width="200px" style="margin-top: 20px">
@@ -28,6 +28,43 @@
                 />
               </el-form-item>
             </el-col>
+            <el-col :span="12">
+              <!-- 练习成绩保存 -->
+              <el-form-item label="练习成绩保存">
+                <el-radio-group v-model="form.saveGrades" @change="handleFormChange">
+                  <el-radio label="0">最高成绩</el-radio>
+                  <el-radio label="1">最新成绩</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+
+            <!-- <el-col :span="12">
+          <el-form-item label="是否显示重答按钮">
+            <el-switch 
+              v-model="form.isRepeat" 
+              active-value="0" 
+              inactive-value="1" 
+              active-text="是" 
+              inactive-text="否" 
+              @change="handleFormChange" />
+          </el-form-item>
+
+        </el-col> -->
+          </el-row>
+
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <el-form-item label="考生答题时是否显示试题编号">
+                <el-switch
+                  v-model="form.isAnswerId"
+                  active-value="0"
+                  inactive-value="1"
+                  active-text="是"
+                  inactive-text="否"
+                  @change="handleFormChange"
+                />
+              </el-form-item>
+            </el-col>
             <el-col :span="12">
               <el-form-item label="是否显示试卷编号">
                 <el-switch
@@ -54,11 +91,10 @@
                 />
               </el-form-item>
             </el-col>
-
             <el-col :span="12">
-              <el-form-item label="考生答题时是否显示试题编号">
+              <el-form-item label="是否显示重答按钮">
                 <el-switch
-                  v-model="form.isAnswerId"
+                  v-model="form.isRepeat"
                   active-value="0"
                   inactive-value="1"
                   active-text="是"
@@ -96,29 +132,7 @@
               </el-form-item>
             </el-col>
           </el-row>
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <!-- 练习成绩保存 -->
-              <el-form-item label="练习成绩保存">
-                <el-radio-group v-model="form.saveGrades" @change="handleFormChange">
-                  <el-radio label="0">最高成绩</el-radio>
-                  <el-radio label="1">最新成绩</el-radio>
-                </el-radio-group>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="是否显示重答按钮">
-                <el-switch
-                  v-model="form.isRepeat"
-                  active-value="0"
-                  inactive-value="1"
-                  active-text="是"
-                  inactive-text="否"
-                  @change="handleFormChange"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
+
           <el-row :gutter="20">
             <el-col :span="12">
               <el-form-item label="是否有测评时长限制">
@@ -132,20 +146,6 @@
                 />
               </el-form-item>
             </el-col>
-            <el-col :span="12">
-              <el-form-item label="学生是否可以查看试卷">
-                <el-switch
-                  v-model="form.isLook"
-                  active-value="0"
-                  inactive-value="1"
-                  active-text="是"
-                  inactive-text="否"
-                  @change="handleFormChange"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="20">
             <el-col :span="12">
               <el-form-item label="测评时长">
                 <el-time-picker
@@ -157,12 +157,50 @@
                 />
               </el-form-item>
             </el-col>
+
             <!-- <el-col :span="12">
-          <el-form-item label="定时检查与学生端联通性，每">
-            <el-input-number v-model="form.isConnect"  label="分钟" @change="handleFormChange" />
-            <span>分钟传一次,断联直接交卷</span>
+          <el-form-item label="学生是否可以查看试卷">
+            <el-switch 
+              v-model="form.isLook" 
+              active-value="0" 
+              inactive-value="1" 
+              active-text="是" 
+              inactive-text="否" 
+              @change="handleFormChange" />
           </el-form-item>
         </el-col> -->
+          </el-row>
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <!-- 禁止学生使用U盘 -->
+              <el-form-item label="是否显示成绩">
+                <el-switch
+                  v-model="form.isScore"
+                  active-value="0"
+                  inactive-value="1"
+                  active-text="是"
+                  inactive-text="否"
+                  @change="handleFormChange"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="是否显示成绩明细">
+                <el-switch
+                  v-model="form.isScoreDetail"
+                  active-value="0"
+                  inactive-value="1"
+                  active-text="是"
+                  inactive-text="否"
+                  @change="handleFormChange"
+                />
+              </el-form-item>
+            </el-col>
+
+            <!-- <el-form-item label="定时检查与学生端联通性，每">
+            <el-input-number v-model="form.isConnect"  label="分钟" @change="handleFormChange" />
+            <span>分钟传一次,断联直接交卷</span>
+          </el-form-item> -->
           </el-row>
           <el-row :gutter="20">
             <el-col :span="12">
@@ -181,7 +219,6 @@
           </el-row>
         </el-form>
       </el-tab-pane>
-
       <!-- 第二个 tab - 试卷答题文件 -->
       <el-tab-pane label="试卷答题文件" name="tab2">
         <el-form :model="form" label-width="200px" style="margin-top: 20px">
@@ -214,14 +251,6 @@
             />
             <span>分钟传一次</span>
           </el-form-item>
-
-          <!-- 完成考试后是否删除考试目录 -->
-          <el-form-item label="完成考试后是否删除考试目录">
-            <el-radio-group v-model="form.isDel" @change="handleFormChange">
-              <el-radio label="0">是</el-radio>
-              <el-radio label="1">否</el-radio>
-            </el-radio-group>
-          </el-form-item>
         </el-form>
       </el-tab-pane>
 
@@ -282,6 +311,21 @@
               </el-form-item>
             </el-col>
           </el-row>
+
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <el-form-item label="是否允许复制题干">
+                <el-switch
+                  v-model="form.isCpoy"
+                  active-value="0"
+                  inactive-value="1"
+                  active-text="是"
+                  inactive-text="否"
+                  @change="handleFormChange"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
         </el-form>
       </el-tab-pane>
       <el-tab-pane label="考试注意事项提醒" name="tab4">
@@ -289,13 +333,33 @@
           <Editor v-model="form.warn" height="250px" />
         </div>
       </el-tab-pane>
+      <el-tab-pane label="考试环境配置" name="tab5">
+        <div class="block" @blur.capture="handleFormChange">
+          <el-button @click="openAddForm">新增</el-button>
+          <el-table v-if="isAppTrue" :data="tableData" style="width: 100%">
+            <el-table-column prop="appName" label="名称" align="center" />
+            <el-table-column label="操作" align="center" width="100px">
+              <template #default="scope">
+                <el-button type="primary" link @click="handleDelete(scope.row)">
+                  <Icon icon="ep:delete" />删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </el-tab-pane>
     </el-tabs>
   </div>
+  <app-add v-model="showAdd" :task-Id="props.taskId" ref="taskAddRef" @done="reload" />
 </template>
 
-<script setup>
+<script lang="ts" setup>
 import { ref, onMounted } from 'vue'
 import { getParam, updateParam } from '@/api/system/param' // 引入后台请求方法
+import { CommonStatusEnum } from '@/utils/constants'
+import AppAdd from './components/app-add.vue'
+import * as AppApi from '@/api/exam/app'
+import { time } from 'console'
 
 const props = defineProps({
   taskId: {
@@ -316,7 +380,7 @@ const form = ref({
   driver: '', // 存放系统盘
   directory: '', // 考试目录名称
   uploadTime: '', // 上传间隔时间
-  isDel: '',
+  isCpoy: '',
   isRepeat: '', // 是否删除目录
   isAnswer: '',
   isLook: '',
@@ -325,8 +389,53 @@ const form = ref({
   isNet: '',
   isScreen: '',
   warn: '',
+  isScore: '',
+  isScoreDetail: '',
   isDelete: ''
 })
+const tableData = ref([]) // 列表的数
+const showAdd = ref(false)
+const taskAddRef = ref()
+const message = useMessage() // 消息弹窗
+const isAppTrue = ref(true)
+// 打开新增表单
+const openAddForm = () => {
+  showAdd.value = true
+  nextTick(() => {
+    taskAddRef.value?.open()
+  })
+}
+const reload = () => {
+  getList()
+}
+
+// 删除
+const handleDelete = async (row) => {
+  // 删除的二次确认
+  await message.delConfirm()
+  // 发起删除
+  await AppApi.deleteAppCheck(row.id)
+
+  getList()
+}
+
+const openAppForm = async () => {
+  console.log(activeTab.value)
+  if (activeTab.value == 'tab5') {
+    await getList()
+    isAppTrue.value = false
+    setTimeout(() => {
+      isAppTrue.value = true
+    }, 0)
+    
+  }
+}
+
+// 查询列表
+const getList = async () => {
+  const res = await AppApi.getAppCheck(props.taskId)
+  tableData.value = res
+}
 
 const activeTab = ref('tab1')