api上线管理——血缘对象页面

src/views/dataService/serviceManage/onlineManage/index.vue

 <template>
   <PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
-    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+    <BasicTable @register="registerTable" :rowSelection="rowSelection" :searchInfo="searchInfo">
       <template #toolbar>
         <a-button :disabled="getRowSelection().selectedRowKeys <=0" type="primary"
                   @click="handleDeleteIds">创建商城API
@@ -21,7 +21,7 @@
                 /*label: '血缘',*/
                 onClick: handleConsanguinity.bind(null, record),
                 // 如果 flag 的值为某个特定值才显示按钮
-                visible: record.flag === '开发中'
+         /*       visible: record.flag === '开发中'*/
               },
               {
                 icon:'ant-design:fund-projection-screen-outlined',
@@ -97,6 +97,7 @@ import Icon from "@/components/Icon/Icon.vue";
 defineOptions({name: 'safetyLevelManage'});
 const {createMessage, createConfirm} = useMessage();
 const route = useRoute();
+const searchInfo = reactive<Recordable>({});
 const [registerTable, {
   reload,
   updateTableDataRecord,
@@ -174,10 +175,13 @@ function detailButton(record) {
   });
 }
 
-/**血缘按钮跳转路由*/
-function handleConsanguinity() {
+/**血缘按钮跳转路由以及传值*/
+function handleConsanguinity(record: Recordable) {
   router.push({
     path: '/dataService/serviceManage/onlineManage/handleConsanguinity',
+    query: {
+      id: record.businessId,
+    },
   });
 }
 

src/views/dataService/serviceManage/onlineManage/mock.ts

@@ -9,6 +9,7 @@ export const tableList: any[] = [
     createDate: '2023/12/05 14:38:37',
     updateDate: '2023/12/05 14:38:37',
     owner: 'admin',
+    path: 'API/共享工作区/tuomin_demo',
   },
   {
     businessId: 2,
@@ -20,6 +21,7 @@ export const tableList: any[] = [
     createDate: '2023/12/05 14:38:37',
     updateDate: '2023/12/05 14:38:37',
     owner: 'admin',
+    path: 'API/共享工作区/tuomin_demo',
   },
   {
     businessId: 3,
@@ -31,6 +33,7 @@ export const tableList: any[] = [
     createDate: '2023/12/05 14:38:37',
     updateDate: '2023/12/05 14:38:37',
     owner: 'admin',
+    path: 'API/共享工作区/tuomin_demo',
   },
   {
     businessId: 4,
@@ -42,6 +45,7 @@ export const tableList: any[] = [
     createDate: '2023/12/05 14:38:37',
     updateDate: '2023/12/05 14:38:37',
     owner: 'admin',
+    path: 'API/共享工作区/tuomin_demo',
   },
   {
     businessId: 5,
@@ -53,6 +57,7 @@ export const tableList: any[] = [
     createDate: '',
     updateDate: '',
     owner: '',
+    path: 'API/共享工作区/tuomin_demo',
   },
 ];
 
@@ -64,32 +69,115 @@ export const uploadData = {
   time: '2023/06/15 15:24:59',
   version: '大版本号自增',
 };
-export const modelData = [
+export const modelData:any[] = [
   {
+    id:1,
+    icon: 'ant-design:insert-row-above-outlined',
     member: 'employee',
+    color:'#5A70FB'
   },
   {
+    id:2,
+    icon: 'ant-design:insert-row-above-outlined',
     member: 'employee1',
+    color:'#5A70FB'
   },
   {
+    id:3,
+    icon: 'ant-design:insert-row-above-outlined',
     member: 'employee2',
+    color:'#5A70FB'
   },
   {
+    id:4,
+    icon: 'ant-design:insert-row-above-outlined',
     member: 'employee3',
+    color:'#5A70FB'
   },
   {
+    id:5,
+    icon: 'ant-design:insert-row-above-outlined',
     member: 'employee4',
+    color:'#5A70FB'
   },
 ];
+
+export const Table1Data: any[] = [
+  {
+    name: 'name',
+    stsensitiveStatusatic: '敏感',
+    securityGrading: '通用/G3',
+    sensitivityType: '姓名',
+  },
+  {
+    name: 'age',
+    stsensitiveStatusatic: '不敏感',
+    securityGrading: '',
+    sensitivityType: '',
+  },
+  {
+    name: 'email',
+    stsensitiveStatusatic: '敏感',
+    securityGrading: '通用/G3',
+    sensitivityType: '邮箱',
+  },
+];
+
+export const Table2Data: any[] = [
+  {
+    name: 'name',
+    stsensitiveStatusatic: '不敏感',
+    securityGrading: '',
+    sensitivityType: '',
+  },
+  {
+    name: 'age',
+    stsensitiveStatusatic: '不敏感',
+    securityGrading: '',
+    sensitivityType: '',
+  },
+  {
+    name: 'email',
+    stsensitiveStatusatic: '不敏感',
+    securityGrading: '',
+    sensitivityType: '',
+  },
+];
+export const Table3Data: any[] = [
+  {
+    code: 'id',
+    codeName: 'id',
+    type: 'int',
+    comment: '',
+    required: '是',
+    value:''
+  }
+];
+export const Table4Data: any[] = [
+  {
+    code: 'midgard_offset',
+    codeName: 'midgard_offset',
+    type: 'INT',
+    required: '是',
+    defaultValue:'-'
+  },
+  {
+    code: 'midgard_slze',
+    codeName: 'midgard_slze',
+    type: 'INT',
+    required: '否',
+    defaultValue:'10'
+  },
+];
+export const apiDetailData = {
+  a1: '-',
+  a2: '120秒',
+  a3: '',
+  a4: '向导模式',
+  a5: 'inception',
+  a6: 'demo',
+};
 export const modelInfoData = {
   name: 'employee',
   path: 'admin-个人工作区/SDM数仓逻辑模型/SDM_DW数仓模型',
 };
-
-export const tableList1: any[] = [
-  {
-    businessId: '301',
-    fieldName: '.data.idCard',
-    name: '.data.idCard',
-  }
-]

src/views/dataService/serviceManage/onlineManage/onlineManage.data.ts

 import { getAllRoleList } from '@/api/system/role/role';
 import { BasicColumn, FormSchema } from '@/components/Table';
+import {DescItem} from "@/components/Description";
 // 引入开关组件
 type CheckedType = boolean | string | number;
 
@@ -142,7 +143,139 @@ export const modelFormSchema: FormSchema[] = [
 ];
 export const modelColumns: BasicColumn[] = [
   {
+    title: 'member',
     dataIndex: 'member',
     slots: { customRender: 'member' },
   },
 ];
+export const Table1Schema: BasicColumn[] = [
+  {
+    title: '字段名称',
+    width: 150,
+    dataIndex: 'name',
+  },
+  {
+    title: '敏感状态',
+    width: 120,
+    dataIndex: 'stsensitiveStatusatic',
+  },
+  {
+    title: '安全分级',
+    width: 120,
+    dataIndex: 'securityGrading',
+  },
+  {
+    title: '敏感类型',
+    width: 120,
+    dataIndex: 'sensitivityType',
+  },
+];
+export const Table2Schema: BasicColumn[] = [
+  {
+    title: '字段名称',
+    width: 150,
+    dataIndex: 'name',
+  },
+  {
+    title: '敏感状态',
+    width: 120,
+    dataIndex: 'stsensitiveStatusatic',
+  },
+  {
+    title: '安全分级',
+    width: 120,
+    dataIndex: 'securityGrading',
+  },
+  {
+    title: '敏感类型',
+    width: 120,
+    dataIndex: 'sensitivityType',
+  },
+];
+export const Table3Schema: BasicColumn[] = [
+  {
+    title: '参数code',
+    width: 150,
+    dataIndex: 'code',
+  },
+  {
+    title: '参数名称',
+    width: 120,
+    dataIndex: 'codeName',
+  },
+  {
+    title: '参数类型',
+    width: 120,
+    dataIndex: 'type',
+  },
+  {
+    title: '注释',
+    width: 120,
+    dataIndex: 'comment',
+  },
+  {
+    title: '是否必填',
+    width: 120,
+    dataIndex: 'required',
+  },
+  {
+    title: '参数值',
+    width: 120,
+    dataIndex: 'value',
+  },
+];
+
+export const Table4Schema: BasicColumn[] = [
+  {
+    title: '参数code',
+    width: 150,
+    dataIndex: 'code',
+  },
+  {
+    title: '参数名称',
+    width: 120,
+    dataIndex: 'codeName',
+  },
+  {
+    title: '参数类型',
+    width: 120,
+    dataIndex: 'type',
+  },
+  {
+    title: '是否必填',
+    width: 120,
+    dataIndex: 'required',
+  },
+  {
+    title: '默认值',
+    width: 120,
+    dataIndex: 'defaultValue',
+  },
+];
+export const apiDetailSchema: DescItem[] = [
+  {
+    field: 'a1',
+    label: 'API版本号',
+  },
+  {
+    field: 'a2',
+    label: '超时时间',
+  },
+  {
+    field: 'a3',
+    label: 'API描述',
+  },
+  {
+    field: 'a4',
+    label: 'API模式',
+  },
+  {
+    field: 'a5',
+    label: '数据源',
+  },
+  {
+    field: 'a6',
+    label: '数据库',
+  },
+
+];