'新增页面'

src/views/securityManagement/examManagement/components/viewExamDetalis.vue

@@ -8,7 +8,8 @@
       </div>
     </div>
     <div class="cntinfo">
-      <el-descriptions column="2" border>
+      <template v-if="visible">
+        <el-descriptions column="2" border>
         <el-descriptions-item label="培训项目名称">{{ formData.xm }}</el-descriptions-item>
         <el-descriptions-item label="考试时间">{{ formData.sfzh }}</el-descriptions-item>
         <el-descriptions-item label="考试辖区">{{ formData.lxdh }}</el-descriptions-item>
@@ -16,6 +17,7 @@
         <el-descriptions-item label="监考民警">{{ formData.rzsj }}</el-descriptions-item>
         <el-descriptions-item label="考试方式">{{ formData.ssbmdm }}</el-descriptions-item>
       </el-descriptions>
+      </template>
 
       <!-- <el-descriptions title="考试人员" column="2" border class="mt20"> -->
       <div class="label">考试人员</div>
@@ -24,13 +26,16 @@
       >
         <!-- 操作 -->
         <template #controls="{ row }">
-          <el-link type="primary" @click="addEdit('updata', row)">上传成绩</el-link>
-          <el-link type="primary" @click="addEdit('view', row)">查看成绩</el-link>
+          <el-link v-if="!visible">申请证件</el-link>
+          <template v-else>
+            <el-link type="primary" @click="addEdit('updata', row)">上传成绩</el-link>
+            <el-link type="primary" @click="addEdit('view', row)">查看成绩</el-link>
+          </template>
         </template>
       </MyTable>
       <!-- </el-descriptions> -->
 
-      <view-and-upload-dialog v-model="viewAndUploadVisible" />
+      <view-and-upload-dialog ref="viewAndUploadRef" v-model="viewAndUploadVisible" />
     </div>
   </div>
 </template>
@@ -46,7 +51,9 @@ const title = ref('保安线下考试详情')
 const loading = ref(false)
 const disabled = ref(false)
 const FormRef = ref(null)
-const viewAndUploadVisible = ref(true)
+const visible = ref(true)
+const viewAndUploadRef = ref(null)
+const viewAndUploadVisible = ref(false)
 
 const props = defineProps({
   modelValue: {
@@ -104,13 +111,12 @@ const open = (row = {}, type = 'add') => {
   disabled.value = false
   dialogVisible.value = true
   formData.value = { ...row }
-  if (type === 'add') {
-    title.value = '新增从业人员'
+  if (type === 'view') {
+    title.value = '保安线下考试详情'
+    visible.value = true
   } else if (type === 'edit') {
-    title.value = '编辑从业人员'
-  } else {
-    disabled.value = true
-    title.value = '查看详情'
+    title.value = '保安证申请'
+    visible.value = false
   }
 }
 
@@ -129,6 +135,10 @@ const save = () => {
   });
 }
 
+const addEdit = (type, row) => {
+  viewAndUploadRef.value?.open(row, type)
+}
+
 defineExpose({ open })
 </script>