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

src/api/exam/app/index.ts

@@ -0,0 +1,19 @@
+import request from '@/config/axios'
+
+export interface AppVO {
+  appName: string // 名字
+  taskId: string // 状态
+}
+
+// 新增
+export const createAppCheck = async (data: any) => {
+  return await request.post({ url: '/exam/app/insertAppCheck', data: data })
+}
+// 查询
+export const getAppCheck = async (taskId: string) => {
+  return await request.get({ url: '/exam/app/getAppCheckList/' + taskId })
+}
+// 查询
+export const deleteAppCheck = async (id: string) => {
+  return await request.get({ url: '/exam/app/delete/' + id })
+}

src/views/task/exam/components/steps/step3/components/app-add.vue

@@ -0,0 +1,104 @@
+<!-- 编辑弹窗 -->
+<template>
+  <Dialog v-model="isVisible" :title="'添加软件环境'" width="460" @open="handleOpen" center>
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="80px" @submit.prevent="">
+      <el-form-item label="软件环境" prop="appName">
+        <el-input clearable v-model="form.appName" placeholder="请输入软件环境" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="handleCancel">取消</el-button>
+      <el-button type="primary" :loading="loading" @click="save"> 保存 </el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import { ref, reactive, nextTick } from 'vue'
+import { useFormData } from '@/utils/use-form-data'
+import * as AppApi from '@/api/exam/app'
+const props = defineProps({
+  /** 修改回显的数据 */
+  data: Object,
+  taskId: String,
+  taskSpecialty: String
+})
+const emit = defineEmits(['done'])
+
+/** 弹窗是否打开 */
+const isVisible = defineModel({ type: Boolean })
+
+/** 提交状态 */
+const loading = ref(false)
+
+/** 表单实例 */
+const formRef = ref(null)
+
+/** 表单数据 */
+const [form, resetFields, assignFields] = useFormData({
+  appName: '',
+  taskId: ''
+})
+
+/** 表单验证规则 */
+const rules = reactive({
+  appName: [{ required: true, message: '请输入软件环境', trigger: 'blur' }]
+})
+
+const queDialogVisible = ref(false)
+
+const checkAll = ref(false)
+const selectedQue = ref<string[]>([])
+const currentSpNames = ref<Array<string>>([]) // 当前题型名列表
+const selectedRow = ref<any>(null) // 当前选中的试卷数据（可选）
+
+watch(selectedQue, (val) => {
+  if (val.length === currentSpNames.value.length) {
+    checkAll.value = true
+  } else {
+    checkAll.value = false
+  }
+})
+
+/** 关闭弹窗 */
+const handleCancel = () => {
+  isVisible.value = false
+}
+const message = useMessage() // 消息弹窗
+/** 保存编辑 */
+const save = () => {
+  formRef.value?.validate?.((valid) => {
+    if (!valid) {
+      return
+    }
+    loading.value = true
+    const payload = {
+      appName: form.appName,
+      taskId: props.taskId
+    }
+    AppApi.createAppCheck(payload)
+      .then((msg) => {
+        loading.value = false
+        message.success('新增成功！')
+        handleCancel()
+        emit('done')
+      })
+      .catch((e) => {
+        loading.value = false
+        message.error(e.message)
+      })
+  })
+}
+
+/** 弹窗打开事件 */
+const handleOpen = () => {
+  resetFields()
+  form.taskId = props.taskId // 新增时赋值 taskId
+  form.taskSpecialty = props.taskSpecialty // 新增时赋值 taskSpecialty
+  nextTick(() => {
+    nextTick(() => {
+      formRef.value?.clearValidate?.()
+    })
+  })
+}
+defineExpose({ open })
+</script>

src/views/task/exam/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">
@@ -251,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>
 
@@ -319,6 +311,7 @@
               </el-form-item>
             </el-col>
           </el-row>
+
           <el-row :gutter="20">
             <el-col :span="12">
               <el-form-item label="是否允许复制题干">
@@ -340,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: {
@@ -380,6 +393,49 @@ const form = ref({
   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')
 

src/views/task/selftrans/ai/components/steps/step3/components/app-add.vue

@@ -0,0 +1,104 @@
+<!-- 编辑弹窗 -->
+<template>
+  <Dialog v-model="isVisible" :title="'添加软件环境'" width="460" @open="handleOpen" center>
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="80px" @submit.prevent="">
+      <el-form-item label="软件环境" prop="appName">
+        <el-input clearable v-model="form.appName" placeholder="请输入软件环境" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="handleCancel">取消</el-button>
+      <el-button type="primary" :loading="loading" @click="save"> 保存 </el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import { ref, reactive, nextTick } from 'vue'
+import { useFormData } from '@/utils/use-form-data'
+import * as AppApi from '@/api/exam/app'
+const props = defineProps({
+  /** 修改回显的数据 */
+  data: Object,
+  taskId: String,
+  taskSpecialty: String
+})
+const emit = defineEmits(['done'])
+
+/** 弹窗是否打开 */
+const isVisible = defineModel({ type: Boolean })
+
+/** 提交状态 */
+const loading = ref(false)
+
+/** 表单实例 */
+const formRef = ref(null)
+
+/** 表单数据 */
+const [form, resetFields, assignFields] = useFormData({
+  appName: '',
+  taskId: ''
+})
+
+/** 表单验证规则 */
+const rules = reactive({
+  appName: [{ required: true, message: '请输入软件环境', trigger: 'blur' }]
+})
+
+const queDialogVisible = ref(false)
+
+const checkAll = ref(false)
+const selectedQue = ref<string[]>([])
+const currentSpNames = ref<Array<string>>([]) // 当前题型名列表
+const selectedRow = ref<any>(null) // 当前选中的试卷数据（可选）
+
+watch(selectedQue, (val) => {
+  if (val.length === currentSpNames.value.length) {
+    checkAll.value = true
+  } else {
+    checkAll.value = false
+  }
+})
+
+/** 关闭弹窗 */
+const handleCancel = () => {
+  isVisible.value = false
+}
+const message = useMessage() // 消息弹窗
+/** 保存编辑 */
+const save = () => {
+  formRef.value?.validate?.((valid) => {
+    if (!valid) {
+      return
+    }
+    loading.value = true
+    const payload = {
+      appName: form.appName,
+      taskId: props.taskId
+    }
+    AppApi.createAppCheck(payload)
+      .then((msg) => {
+        loading.value = false
+        message.success('新增成功！')
+        handleCancel()
+        emit('done')
+      })
+      .catch((e) => {
+        loading.value = false
+        message.error(e.message)
+      })
+  })
+}
+
+/** 弹窗打开事件 */
+const handleOpen = () => {
+  resetFields()
+  form.taskId = props.taskId // 新增时赋值 taskId
+  form.taskSpecialty = props.taskSpecialty // 新增时赋值 taskSpecialty
+  nextTick(() => {
+    nextTick(() => {
+      formRef.value?.clearValidate?.()
+    })
+  })
+}
+defineExpose({ open })
+</script>

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')
 

src/views/task/selftrans/collegeexam/components/steps/step3/components/app-add.vue

@@ -0,0 +1,104 @@
+<!-- 编辑弹窗 -->
+<template>
+  <Dialog v-model="isVisible" :title="'添加软件环境'" width="460" @open="handleOpen" center>
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="80px" @submit.prevent="">
+      <el-form-item label="软件环境" prop="appName">
+        <el-input clearable v-model="form.appName" placeholder="请输入软件环境" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="handleCancel">取消</el-button>
+      <el-button type="primary" :loading="loading" @click="save"> 保存 </el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import { ref, reactive, nextTick } from 'vue'
+import { useFormData } from '@/utils/use-form-data'
+import * as AppApi from '@/api/exam/app'
+const props = defineProps({
+  /** 修改回显的数据 */
+  data: Object,
+  taskId: String,
+  taskSpecialty: String
+})
+const emit = defineEmits(['done'])
+
+/** 弹窗是否打开 */
+const isVisible = defineModel({ type: Boolean })
+
+/** 提交状态 */
+const loading = ref(false)
+
+/** 表单实例 */
+const formRef = ref(null)
+
+/** 表单数据 */
+const [form, resetFields, assignFields] = useFormData({
+  appName: '',
+  taskId: ''
+})
+
+/** 表单验证规则 */
+const rules = reactive({
+  appName: [{ required: true, message: '请输入软件环境', trigger: 'blur' }]
+})
+
+const queDialogVisible = ref(false)
+
+const checkAll = ref(false)
+const selectedQue = ref<string[]>([])
+const currentSpNames = ref<Array<string>>([]) // 当前题型名列表
+const selectedRow = ref<any>(null) // 当前选中的试卷数据（可选）
+
+watch(selectedQue, (val) => {
+  if (val.length === currentSpNames.value.length) {
+    checkAll.value = true
+  } else {
+    checkAll.value = false
+  }
+})
+
+/** 关闭弹窗 */
+const handleCancel = () => {
+  isVisible.value = false
+}
+const message = useMessage() // 消息弹窗
+/** 保存编辑 */
+const save = () => {
+  formRef.value?.validate?.((valid) => {
+    if (!valid) {
+      return
+    }
+    loading.value = true
+    const payload = {
+      appName: form.appName,
+      taskId: props.taskId
+    }
+    AppApi.createAppCheck(payload)
+      .then((msg) => {
+        loading.value = false
+        message.success('新增成功！')
+        handleCancel()
+        emit('done')
+      })
+      .catch((e) => {
+        loading.value = false
+        message.error(e.message)
+      })
+  })
+}
+
+/** 弹窗打开事件 */
+const handleOpen = () => {
+  resetFields()
+  form.taskId = props.taskId // 新增时赋值 taskId
+  form.taskSpecialty = props.taskSpecialty // 新增时赋值 taskSpecialty
+  nextTick(() => {
+    nextTick(() => {
+      formRef.value?.clearValidate?.()
+    })
+  })
+}
+defineExpose({ open })
+</script>

src/views/task/selftrans/collegeexam/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">
@@ -251,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>
 
@@ -341,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: {
@@ -381,6 +393,49 @@ const form = ref({
   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')
 

src/views/task/selftrans/module/components/steps/step3/components/app-add.vue

@@ -0,0 +1,104 @@
+<!-- 编辑弹窗 -->
+<template>
+  <Dialog v-model="isVisible" :title="'添加软件环境'" width="460" @open="handleOpen" center>
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="80px" @submit.prevent="">
+      <el-form-item label="软件环境" prop="appName">
+        <el-input clearable v-model="form.appName" placeholder="请输入软件环境" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="handleCancel">取消</el-button>
+      <el-button type="primary" :loading="loading" @click="save"> 保存 </el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import { ref, reactive, nextTick } from 'vue'
+import { useFormData } from '@/utils/use-form-data'
+import * as AppApi from '@/api/exam/app'
+const props = defineProps({
+  /** 修改回显的数据 */
+  data: Object,
+  taskId: String,
+  taskSpecialty: String
+})
+const emit = defineEmits(['done'])
+
+/** 弹窗是否打开 */
+const isVisible = defineModel({ type: Boolean })
+
+/** 提交状态 */
+const loading = ref(false)
+
+/** 表单实例 */
+const formRef = ref(null)
+
+/** 表单数据 */
+const [form, resetFields, assignFields] = useFormData({
+  appName: '',
+  taskId: ''
+})
+
+/** 表单验证规则 */
+const rules = reactive({
+  appName: [{ required: true, message: '请输入软件环境', trigger: 'blur' }]
+})
+
+const queDialogVisible = ref(false)
+
+const checkAll = ref(false)
+const selectedQue = ref<string[]>([])
+const currentSpNames = ref<Array<string>>([]) // 当前题型名列表
+const selectedRow = ref<any>(null) // 当前选中的试卷数据（可选）
+
+watch(selectedQue, (val) => {
+  if (val.length === currentSpNames.value.length) {
+    checkAll.value = true
+  } else {
+    checkAll.value = false
+  }
+})
+
+/** 关闭弹窗 */
+const handleCancel = () => {
+  isVisible.value = false
+}
+const message = useMessage() // 消息弹窗
+/** 保存编辑 */
+const save = () => {
+  formRef.value?.validate?.((valid) => {
+    if (!valid) {
+      return
+    }
+    loading.value = true
+    const payload = {
+      appName: form.appName,
+      taskId: props.taskId
+    }
+    AppApi.createAppCheck(payload)
+      .then((msg) => {
+        loading.value = false
+        message.success('新增成功！')
+        handleCancel()
+        emit('done')
+      })
+      .catch((e) => {
+        loading.value = false
+        message.error(e.message)
+      })
+  })
+}
+
+/** 弹窗打开事件 */
+const handleOpen = () => {
+  resetFields()
+  form.taskId = props.taskId // 新增时赋值 taskId
+  form.taskSpecialty = props.taskSpecialty // 新增时赋值 taskSpecialty
+  nextTick(() => {
+    nextTick(() => {
+      formRef.value?.clearValidate?.()
+    })
+  })
+}
+defineExpose({ open })
+</script>

src/views/task/selftrans/module/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">
@@ -251,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>
 
@@ -341,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: {
@@ -381,6 +393,49 @@ const form = ref({
   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')
 

src/views/task/selftrans/random/components/steps/step3/components/app-add.vue

@@ -0,0 +1,104 @@
+<!-- 编辑弹窗 -->
+<template>
+  <Dialog v-model="isVisible" :title="'添加软件环境'" width="460" @open="handleOpen" center>
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="80px" @submit.prevent="">
+      <el-form-item label="软件环境" prop="appName">
+        <el-input clearable v-model="form.appName" placeholder="请输入软件环境" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="handleCancel">取消</el-button>
+      <el-button type="primary" :loading="loading" @click="save"> 保存 </el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import { ref, reactive, nextTick } from 'vue'
+import { useFormData } from '@/utils/use-form-data'
+import * as AppApi from '@/api/exam/app'
+const props = defineProps({
+  /** 修改回显的数据 */
+  data: Object,
+  taskId: String,
+  taskSpecialty: String
+})
+const emit = defineEmits(['done'])
+
+/** 弹窗是否打开 */
+const isVisible = defineModel({ type: Boolean })
+
+/** 提交状态 */
+const loading = ref(false)
+
+/** 表单实例 */
+const formRef = ref(null)
+
+/** 表单数据 */
+const [form, resetFields, assignFields] = useFormData({
+  appName: '',
+  taskId: ''
+})
+
+/** 表单验证规则 */
+const rules = reactive({
+  appName: [{ required: true, message: '请输入软件环境', trigger: 'blur' }]
+})
+
+const queDialogVisible = ref(false)
+
+const checkAll = ref(false)
+const selectedQue = ref<string[]>([])
+const currentSpNames = ref<Array<string>>([]) // 当前题型名列表
+const selectedRow = ref<any>(null) // 当前选中的试卷数据（可选）
+
+watch(selectedQue, (val) => {
+  if (val.length === currentSpNames.value.length) {
+    checkAll.value = true
+  } else {
+    checkAll.value = false
+  }
+})
+
+/** 关闭弹窗 */
+const handleCancel = () => {
+  isVisible.value = false
+}
+const message = useMessage() // 消息弹窗
+/** 保存编辑 */
+const save = () => {
+  formRef.value?.validate?.((valid) => {
+    if (!valid) {
+      return
+    }
+    loading.value = true
+    const payload = {
+      appName: form.appName,
+      taskId: props.taskId
+    }
+    AppApi.createAppCheck(payload)
+      .then((msg) => {
+        loading.value = false
+        message.success('新增成功！')
+        handleCancel()
+        emit('done')
+      })
+      .catch((e) => {
+        loading.value = false
+        message.error(e.message)
+      })
+  })
+}
+
+/** 弹窗打开事件 */
+const handleOpen = () => {
+  resetFields()
+  form.taskId = props.taskId // 新增时赋值 taskId
+  form.taskSpecialty = props.taskSpecialty // 新增时赋值 taskSpecialty
+  nextTick(() => {
+    nextTick(() => {
+      formRef.value?.clearValidate?.()
+    })
+  })
+}
+defineExpose({ open })
+</script>

src/views/task/selftrans/random/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">
@@ -251,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>
 
@@ -341,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: {
@@ -381,6 +393,49 @@ const form = ref({
   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')
 

src/views/task/sprint/components/steps/step3/components/app-add.vue

@@ -0,0 +1,104 @@
+<!-- 编辑弹窗 -->
+<template>
+  <Dialog v-model="isVisible" :title="'添加软件环境'" width="460" @open="handleOpen" center>
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="80px" @submit.prevent="">
+      <el-form-item label="软件环境" prop="appName">
+        <el-input clearable v-model="form.appName" placeholder="请输入软件环境" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="handleCancel">取消</el-button>
+      <el-button type="primary" :loading="loading" @click="save"> 保存 </el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import { ref, reactive, nextTick } from 'vue'
+import { useFormData } from '@/utils/use-form-data'
+import * as AppApi from '@/api/exam/app'
+const props = defineProps({
+  /** 修改回显的数据 */
+  data: Object,
+  taskId: String,
+  taskSpecialty: String
+})
+const emit = defineEmits(['done'])
+
+/** 弹窗是否打开 */
+const isVisible = defineModel({ type: Boolean })
+
+/** 提交状态 */
+const loading = ref(false)
+
+/** 表单实例 */
+const formRef = ref(null)
+
+/** 表单数据 */
+const [form, resetFields, assignFields] = useFormData({
+  appName: '',
+  taskId: ''
+})
+
+/** 表单验证规则 */
+const rules = reactive({
+  appName: [{ required: true, message: '请输入软件环境', trigger: 'blur' }]
+})
+
+const queDialogVisible = ref(false)
+
+const checkAll = ref(false)
+const selectedQue = ref<string[]>([])
+const currentSpNames = ref<Array<string>>([]) // 当前题型名列表
+const selectedRow = ref<any>(null) // 当前选中的试卷数据（可选）
+
+watch(selectedQue, (val) => {
+  if (val.length === currentSpNames.value.length) {
+    checkAll.value = true
+  } else {
+    checkAll.value = false
+  }
+})
+
+/** 关闭弹窗 */
+const handleCancel = () => {
+  isVisible.value = false
+}
+const message = useMessage() // 消息弹窗
+/** 保存编辑 */
+const save = () => {
+  formRef.value?.validate?.((valid) => {
+    if (!valid) {
+      return
+    }
+    loading.value = true
+    const payload = {
+      appName: form.appName,
+      taskId: props.taskId
+    }
+    AppApi.createAppCheck(payload)
+      .then((msg) => {
+        loading.value = false
+        message.success('新增成功！')
+        handleCancel()
+        emit('done')
+      })
+      .catch((e) => {
+        loading.value = false
+        message.error(e.message)
+      })
+  })
+}
+
+/** 弹窗打开事件 */
+const handleOpen = () => {
+  resetFields()
+  form.taskId = props.taskId // 新增时赋值 taskId
+  form.taskSpecialty = props.taskSpecialty // 新增时赋值 taskSpecialty
+  nextTick(() => {
+    nextTick(() => {
+      formRef.value?.clearValidate?.()
+    })
+  })
+}
+defineExpose({ open })
+</script>

src/views/task/sprint/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">
@@ -251,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>
 
@@ -341,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: {
@@ -381,6 +393,49 @@ const form = ref({
   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')
 

src/views/task/trans/components/steps/step2/index.vue

@@ -256,7 +256,6 @@ const getList = async () => {
   }
 };
 const reload = () => {
- 
   getList();
 };
 

src/views/task/trans/components/steps/step3/components/app-add.vue

@@ -0,0 +1,104 @@
+<!-- 编辑弹窗 -->
+<template>
+  <Dialog v-model="isVisible" :title="'添加软件环境'" width="460" @open="handleOpen" center>
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="80px" @submit.prevent="">
+      <el-form-item label="软件环境" prop="appName">
+        <el-input clearable v-model="form.appName" placeholder="请输入软件环境" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="handleCancel">取消</el-button>
+      <el-button type="primary" :loading="loading" @click="save"> 保存 </el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import { ref, reactive, nextTick } from 'vue'
+import { useFormData } from '@/utils/use-form-data'
+import * as AppApi from '@/api/exam/app'
+const props = defineProps({
+  /** 修改回显的数据 */
+  data: Object,
+  taskId: String,
+  taskSpecialty: String
+})
+const emit = defineEmits(['done'])
+
+/** 弹窗是否打开 */
+const isVisible = defineModel({ type: Boolean })
+
+/** 提交状态 */
+const loading = ref(false)
+
+/** 表单实例 */
+const formRef = ref(null)
+
+/** 表单数据 */
+const [form, resetFields, assignFields] = useFormData({
+  appName: '',
+  taskId: ''
+})
+
+/** 表单验证规则 */
+const rules = reactive({
+  appName: [{ required: true, message: '请输入软件环境', trigger: 'blur' }]
+})
+
+const queDialogVisible = ref(false)
+
+const checkAll = ref(false)
+const selectedQue = ref<string[]>([])
+const currentSpNames = ref<Array<string>>([]) // 当前题型名列表
+const selectedRow = ref<any>(null) // 当前选中的试卷数据（可选）
+
+watch(selectedQue, (val) => {
+  if (val.length === currentSpNames.value.length) {
+    checkAll.value = true
+  } else {
+    checkAll.value = false
+  }
+})
+
+/** 关闭弹窗 */
+const handleCancel = () => {
+  isVisible.value = false
+}
+const message = useMessage() // 消息弹窗
+/** 保存编辑 */
+const save = () => {
+  formRef.value?.validate?.((valid) => {
+    if (!valid) {
+      return
+    }
+    loading.value = true
+    const payload = {
+      appName: form.appName,
+      taskId: props.taskId
+    }
+    AppApi.createAppCheck(payload)
+      .then((msg) => {
+        loading.value = false
+        message.success('新增成功！')
+        handleCancel()
+        emit('done')
+      })
+      .catch((e) => {
+        loading.value = false
+        message.error(e.message)
+      })
+  })
+}
+
+/** 弹窗打开事件 */
+const handleOpen = () => {
+  resetFields()
+  form.taskId = props.taskId // 新增时赋值 taskId
+  form.taskSpecialty = props.taskSpecialty // 新增时赋值 taskSpecialty
+  nextTick(() => {
+    nextTick(() => {
+      formRef.value?.clearValidate?.()
+    })
+  })
+}
+defineExpose({ open })
+</script>

src/views/task/trans/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">
@@ -333,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: {
@@ -373,6 +393,49 @@ const form = ref({
   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')
 

src/views/task/trans/components/task-add.vue

@@ -1,30 +1,15 @@
 <!-- 编辑弹窗 -->
 <template>
-  <Dialog v-model="visible"    :title="'添加试卷任务'" width="460"     center>
-    <el-form
-      ref="formRef"
-      :model="form"
-      :rules="rules"
-      label-width="80px"
-      @submit.prevent=""
-    >
-    
-    <el-form-item label="任务编号" prop="taskNum">
-        <el-input clearable v-model="form.taskNum" placeholder="请输入编号" disabled/>
+  <Dialog v-model="visible" :title="'添加试卷任务'" width="460" center>
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="80px" @submit.prevent="">
+      <el-form-item label="任务编号" prop="taskNum">
+        <el-input clearable v-model="form.taskNum" placeholder="请输入编号" disabled />
       </el-form-item>
       <el-form-item label="任务名称" prop="taskName">
-        <el-input
-          clearable
-          v-model="form.taskName"
-          placeholder="请输入任务名称"
-        />
+        <el-input clearable v-model="form.taskName" placeholder="请输入任务名称" />
       </el-form-item>
       <el-form-item label="专业" prop="taskSpecialty">
-        <el-select
-          v-model="form.taskSpecialty"
-          placeholder="请选择专业"
-          clearable
-        >
+        <el-select v-model="form.taskSpecialty" placeholder="请选择专业" clearable>
           <el-option
             v-for="item in specialtyOptions"
             :key="item.value"
@@ -47,11 +32,7 @@
 
       </el-form-item> -->
 
-
       <el-form-item label="是否为模板" prop="isTemplate">
-
-
-
         <el-radio-group v-model="form.isTemplate">
           <el-radio
             v-for="dict in getIntDictOptions(DICT_TYPE.SYS_YES_NO)"
@@ -61,13 +42,9 @@
             {{ dict.label }}
           </el-radio>
         </el-radio-group>
-
       </el-form-item>
-  
 
-      
       <el-form-item label="是否启用" prop="status">
-
         <el-radio-group v-model="form.status">
           <el-radio
             v-for="dict in getIntDictOptions(DICT_TYPE.SYS_STATUS)"
@@ -77,165 +54,150 @@
             {{ dict.label }}
           </el-radio>
         </el-radio-group>
-
-
-     
       </el-form-item>
-
-
-
-      
     </el-form>
     <template #footer>
       <el-button @click="handleCancel">取消</el-button>
-      <el-button type="primary" :loading="loading" @click="save">
-        保存
-      </el-button>
+      <el-button type="primary" :loading="loading" @click="save"> 保存 </el-button>
     </template>
   </Dialog>
 </template>
 <script setup lang="ts">
-  import { ref, reactive, nextTick } from 'vue';
-  import { onMounted } from 'vue';
-  import { useFormData } from '@/utils/use-form-data';
-  import { addTask, updateTask,getSpecialtyList } from '@/api/system/task';
-  import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
-  const props = defineProps({
-    /** 修改回显的数据 */
-    data: Object
-  });
+import { ref, reactive, nextTick } from 'vue'
+import { onMounted } from 'vue'
+import { useFormData } from '@/utils/use-form-data'
+import { addTask, updateTask, getSpecialtyList } from '@/api/system/task'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+const props = defineProps({
+  /** 修改回显的数据 */
+  data: Object
+})
 // 专业选项列表
-const specialtyOptions = ref([]);
-  const emit = defineEmits(['done']);
+const specialtyOptions = ref([])
+const emit = defineEmits(['done'])
 
+const message = useMessage() // 消息弹窗
 
-  const message = useMessage() // 消息弹窗
+/** 弹窗是否打开 */
+const visible = defineModel({ type: Boolean })
 
-  /** 弹窗是否打开 */
-  const visible = defineModel({ type: Boolean });
+/** 是否是修改 */
+const isUpdate = ref(false)
 
-  /** 是否是修改 */
-  const isUpdate = ref(false);
+/** 提交状态 */
+const loading = ref(false)
 
-  /** 提交状态 */
-  const loading = ref(false);
+/** 表单实例 */
+const formRef = ref(null)
 
-  /** 表单实例 */
-  const formRef = ref(null);
+/** 表单数据 */
+const [form, resetFields, assignFields] = useFormData({
+  taskId: void 0,
+  taskName: '',
+  taskNum: '',
+  taskSpecialty: '',
+  taskType: '0',
+  isTemplate: 1,
+  status: 0,
+  updateTime: '',
+  updateBy: '',
+  deptId: '',
+  userId: ''
+})
 
-  /** 表单数据 */
-  const [form, resetFields, assignFields] = useFormData({
-    taskId: void 0,
-    taskName: '',
-    taskNum:'',
-    taskSpecialty: '',
-    taskType: '0',
-    isTemplate: 1,
-    status: 0,
-    updateTime: '',
-    updateBy: '',
-    deptId: '',
-    userId: ''
-  });
+/** 表单验证规则 */
+const rules = reactive({
+  taskName: [{ required: true, message: '任务名称不能为空', trigger: 'blur' }],
+  // taskSpecialty: [
+  //   { required: true, message: '请选择专业', trigger: 'change' }
+  // ],
 
-    /** 表单验证规则 */
-    const rules = reactive({
-    taskName: [
-      { required: true, message: '任务名称不能为空', trigger: 'blur' }
-    ],
-    // taskSpecialty: [
-    //   { required: true, message: '请选择专业', trigger: 'change' }
-    // ],
-  
-    isTemplate: [
-      { required: true, message: '请选择是否为模板', trigger: 'change' }
-    ],
-    status: [
-      { required: true, message: '请选择是否启用', trigger: 'change' }
-    ]
-  });
+  isTemplate: [{ required: true, message: '请选择是否为模板', trigger: 'change' }],
+  status: [{ required: true, message: '请选择是否启用', trigger: 'change' }]
+})
 
-  /** 关闭弹窗 */
-  const handleCancel = () => {
-    visible.value = false;
-  };
+/** 关闭弹窗 */
+const handleCancel = () => {
+  visible.value = false
+}
 // 获取专业下拉列表
 const fetchSpecialtyOptions = async () => {
   try {
-    const data = await getSpecialtyList();
+    const data = await getSpecialtyList()
     // 假设返回格式为 [{ label: '计算机', value: 'computer' }, ...]
-       // 过滤空字符串并转成下拉格式
-       console.log(data)
+    // 过滤空字符串并转成下拉格式
+    console.log(data)
     specialtyOptions.value = data
-      .filter(item => item) // 过滤空字符串
-      .map(item => ({
+      .filter((item) => item) // 过滤空字符串
+      .map((item) => ({
         label: item,
         value: item
-      }));
+      }))
   } catch (e) {
-    message.error('获取专业列表失败：' + e.message);
+    message.error('获取专业列表失败：' + e.message)
   }
-};
-  /** 保存编辑 */
-  const save = () => {
-    formRef.value?.validate?.((valid) => {
-      if (!valid) {
-        return;
-      }
-      visible.value = true;
-      loading.value = true;
-      const saveOrUpdate = isUpdate.value ? updateTask : addTask;
-      saveOrUpdate(form)
-        .then((msg) => {
-          loading.value = false;
-  
-         message.success('修改成功');
-          handleCancel();
-          emit('done');
-        })
-        .catch((e) => {
-          loading.value = false;
-          message.error(e.message);
-        });
-    });
-  };
+}
+/** 保存编辑 */
+const save = () => {
+  formRef.value?.validate?.((valid) => {
+    if (!valid) {
+      return
+    }
+    visible.value = true
+    loading.value = true
+    const saveOrUpdate = isUpdate.value ? updateTask : addTask
+    saveOrUpdate(form)
+      .then((msg) => {
+        loading.value = false
 
-  /** 弹窗打开事件 */
+        message.success('修改成功')
+        handleCancel()
+        emit('done')
+      })
+      .catch((e) => {
+        loading.value = false
+        message.error(e.message)
+      })
+  })
+}
+
+/** 弹窗打开事件 */
 const open = async (type: 'create' | 'update', data?: any) => {
-  console.log(data+"datadatadata")
-    if (data) {
-      assignFields(data);
-      isUpdate.value = true;
-     } else {
-       resetFields();
-      isUpdate.value = false;
-     }
-         // 设置批次为 当前时间 + 5位随机数
-     const now = new Date();
-        const pad = (n) => n.toString().padStart(2, '0');
-        const datetimeStr = [
-          now.getFullYear(),
-          pad(now.getMonth() + 1),
-          pad(now.getDate()),
-          pad(now.getHours()),
-          pad(now.getMinutes()),
-          pad(now.getSeconds())
-        ].join('');
+  console.log(data + 'datadatadata')
+  if (data) {
+    assignFields(data)
+    isUpdate.value = true
+  } else {
+    resetFields()
+    isUpdate.value = false
+  }
+  // 设置批次为 当前时间 + 5位随机数
+  const now = new Date()
+  const pad = (n) => n.toString().padStart(2, '0')
+  const datetimeStr = [
+    now.getFullYear(),
+    pad(now.getMonth() + 1),
+    pad(now.getDate()),
+    pad(now.getHours()),
+    pad(now.getMinutes()),
+    pad(now.getSeconds())
+  ].join('')
 
-        const randomNum = Math.floor(Math.random() * 100000).toString().padStart(5, '0');
-        //taskNum 赋值 randomNum
-        
-    // 把 taskNum 设置为当前时间+随机数
-    form.taskNum = `${datetimeStr}${randomNum}`;
+  const randomNum = Math.floor(Math.random() * 100000)
+    .toString()
+    .padStart(5, '0')
+  //taskNum 赋值 randomNum
+
+  // 把 taskNum 设置为当前时间+随机数
+  form.taskNum = `${datetimeStr}${randomNum}`
+  nextTick(() => {
     nextTick(() => {
-      nextTick(() => {
-        formRef.value?.clearValidate?.();
-      });
-    });
-  };
-  onMounted(() => {
-    
-  fetchSpecialtyOptions();
-});
+      formRef.value?.clearValidate?.()
+    })
+  })
+}
+onMounted(() => {
+  fetchSpecialtyOptions()
+})
 defineExpose({ open })
-</script> 
+</script>