落标检查-改

src/views/dataStandards/labelDropInspection/labelDetail/detailData.ts

@@ -19,6 +19,8 @@ export const detailCycleOptions = [
 export const detailData = [
   {
     businessId: 1,
+    // 跳转详情页的id
+    basicId: 201,
     standard: '客户详细地址',
     path: 'admin-个人工作区/客户通用信息/联系信息/物理地址/客户详细地址',
     model: '元数据检查',
@@ -37,6 +39,8 @@ export const detailData = [
   },
   {
     businessId: 2,
+    // 跳转详情页的id
+    basicId: 202,
     standard: '客户详细地址',
     path: 'admin-个人工作区/客户通用信息/联系信息/物理地址/客户详细地址',
     model: '元数据检查',

src/views/dataStandards/labelDropInspection/labelDetail/index.vue

@@ -17,7 +17,8 @@
         <a-button type="primary" @click="handleOperation">跳转运维</a-button>
         <a-button type="primary" @click="handleViewReport">查看报告</a-button>
         <a-button type="primary" :disabled="disabled" @click="handleSave">保存</a-button>
-        <a-button type="primary" @click="handleOnline">{{ isOnline ? '下线' : '上线' }}</a-button>
+        <a-button type="primary" v-if="isOnline" @click="handleDownOnline">下线</a-button>
+        <a-button type="primary" v-else @click="handleUpOnline">上线</a-button>
         <a-button type="primary" @click="handleRun">运行</a-button>
       </div>
     </template>
@@ -77,7 +78,7 @@
         </template>
         <template #toolbar> </template>
         <template #standard="{ text, record }">
-          <a @click="handleTableName">{{ text }}</a>
+          <a @click="handleTableName(record)">{{ text }}</a>
         </template>
         <template #field="{ text, record }">
           <div>{{ text }}</div>
@@ -167,37 +168,84 @@
   import AddStandardModel from './AddStandardModel.vue';
   import { useMessage } from '@/hooks/web/useMessage';
 
+  // 初始化
   const { createMessage, createConfirm } = useMessage();
   const RadioGroup = Radio.Group;
   const route = useRoute();
-  const modelName = route.query.name;
-  const path = route.query.path;
   const searchInfo = reactive<Recordable>({});
-  const infoData = route.query;
   const isOnline = ref(false);
   const disabled = computed(() => isOnline.value);
   const checkType = ref('否');
   const searchBasic = ref();
   const searchPath = ref();
   let tableType = ref('数据标准');
-  function handleTableName() {}
+  // 数据
+  const infoData = route.query;
+  const modelName = route.query.name;
+  const path = route.query.path;
+
+  // 周期
+  onMounted(() => {
+    // 设置表单初值
+    setFieldsValue({ ...detailFormData, ...infoData });
+  });
+  /**
+   * 方法
+   */
+  // 点击(列表名称)跳转至基础标准详情页
+  function handleTableName(record) {
+    router.push({
+      path: '/dataStandards/basicStandards/detailStandard',
+      query: {
+        businessId: record.basicId,
+      },
+    });
+  }
+  // 点击(规则选择方式)切换显示的列表
   function changeTableType(type) {
     tableType.value = type;
   }
+  // 添加元数据-excel导入
   function handleExcel() {
     openExcelModal(true, {
       isUpdate: false,
     });
   }
+  // 打开添加元数据-手动添加模态框
   function handleAdd() {
     openAddMetadataModel(true, {
       isUpdate: false,
     });
   }
+  // 下线
+  function handleDownOnline() {
+    createConfirm({
+      iconType: 'warning',
+      title: '确认下线',
+      content: '确认下线吗？',
+      onOk() {
+        createMessage.success('下线成功!');
+        handleOnline();
+      },
+    });
+  }
+  // 上线
+  function handleUpOnline() {
+    createConfirm({
+      iconType: 'warning',
+      title: '确认上线',
+      content: '确认上线吗？',
+      onOk() {
+        createMessage.success('上线成功!');
+        handleOnline();
+      },
+    });
+  }
+  // 上下线状态切换
   function handleOnline() {
     isOnline.value = !isOnline.value;
   }
-  /** 删除按钮*/
+  // 删除按钮
   function handleDelete() {
     createConfirm({
       iconType: 'warning',
@@ -208,19 +256,48 @@
       },
     });
   }
+  // 跳转运维
   function handleOperation() {
     router.push({
       path: '/dataQuality/dataSheet/task/taskOperation',
     });
   }
 
-  /** 添加数据标准 弹窗 */
+  // 添加数据标准 弹窗
   function addDataStandard() {
     openAddStandardModel(true, {});
   }
+  // 返回
+  function handleBack() {
+    router.go(-1);
+  }
+  // 保存
+  function handleSave() {
+    createMessage.success('保存成功！');
+  }
+  // 运行
+  function handleRun() {
+    createMessage.success('运行成功！');
+  }
+  // 查看报告
+  function handleViewReport() {
+    router.push({
+      path: '/dataStandards/labelDropInspection/labelReport',
+      query: {
+        name: modelName,
+        path: path,
+      },
+    });
+  }
+  /**
+   * 模态框
+   */
   const [excelModel, { openModal: openExcelModal }] = useModal();
   const [addMetadataModel, { openModal: openAddMetadataModel }] = useModal();
   const [addStandardModel, { openModal: openAddStandardModel }] = useModal();
+  /**
+   * 表单
+   */
   const [registerForm, { setFieldsValue, getFieldsValue, updateSchema, resetFields, validate }] =
     useForm({
       labelWidth: 100,
@@ -231,6 +308,9 @@
         span: 23,
       },
     });
+  /**
+   * 列表
+   */
   const [
     registerTable,
     { reload, updateTableDataRecord, getSearchInfo, getForm, getRowSelection },
@@ -272,27 +352,6 @@
     showTableSetting: false,
     bordered: true,
   });
-  function handleBack() {
-    router.go(-1);
-  }
-  function handleSave() {
-    createMessage.success('保存成功！');
-  }
-  function handleRun() {
-    createMessage.success('运行成功！');
-  }
-  function handleViewReport() {
-    router.push({
-      path: '/dataStandards/labelDropInspection/labelReport',
-      query: {
-        name: modelName,
-        path: path,
-      },
-    });
-  }
-  onMounted(() => {
-    setFieldsValue({ ...detailFormData, ...infoData });
-  });
 </script>
 
 <style scoped></style>