修改我的登记页面

src/views/personalCenter/myRegistration/detail.vue

@@ -9,7 +9,7 @@
     @back="handleBack"
   >
     <Row :gutter="[16, 30]">
-      <Col :span="12" v-for="info in myRegistrationColumns" :key="info">
+      <Col :span="12" v-for="info in myRegistrationColumnsForDetail" :key="info">
         <div class="col-item">
           <div class="item-label">{{ info.title }}：</div>
           <div v-if="['enrollBook'].includes(info.dataIndex)" class="item-des"
@@ -20,11 +20,14 @@
               :imgList="data[info.dataIndex]"
             />
           </div>
+          <div v-else-if="['dataStructure'].includes(info.dataIndex)" class="item-des">
+            引入表格占位
+          </div>
           <div v-else class="item-des">{{ data[info.dataIndex] ? data[info.dataIndex] : '-' }}</div>
         </div>
       </Col>
     </Row>
-    <div v-if="isAudit" style="justify-content: center; display: flex; gap: 10px">
+    <div v-if="isAudit" style="display: flex; justify-content: center; gap: 10px">
       <a-button @click="handleCancel">驳回</a-button>
       <a-button type="primary" @click="handleEdit">审核</a-button>
     </div>
@@ -35,7 +38,7 @@
   import PageWrapper from '@/components/Page/src/PageWrapper.vue';
   import { useRoute, useRouter } from 'vue-router';
   import { Col, Row } from 'ant-design-vue';
-  import { myRegistrationColumns } from './myRegistration.data';
+  import { myRegistrationColumnsForDetail } from './myRegistration.data';
   import { ref, onMounted } from 'vue';
   import { TableImg } from '@/components/Table';
   import { useMessage } from '@/hooks/web/useMessage';
@@ -70,6 +73,7 @@
     display: flex;
     gap: 10px;
     margin: 20px 60px;
+
     .item-label {
       width: 150px;
     }

src/views/personalCenter/myRegistration/index.vue

@@ -25,13 +25,14 @@
               {
                 label: '编辑',
                 onClick: handleEdit.bind(null, record),
+                ifShow: record.status === '待审核' || record.status === '驳回',
               },
               // {
               //   label: '审核',
               //   onClick: handleAudit.bind(null, record),
               // },
               {
-                label: '处理',
+                label: '查看异议',
                 ifShow: record.isObjection === '是',
                 onClick: handleObjection.bind(null, record),
               },
@@ -67,7 +68,7 @@
         pageNu: '1',
         pageSize: '10',
         pages: '1',
-        totoal: myRegistrationData.length,
+        total: myRegistrationData.length,
         code: '',
         message: '',
         data: myRegistrationData,
@@ -127,23 +128,28 @@
     display: flex;
     flex-direction: row;
     gap: 10px;
+
     .h-title {
-      flex: 1;
       display: flex;
+      flex: 1;
       gap: 10px;
+
       .h-icon {
-        font-size: 40px !important;
         color: #0a208a;
+        font-size: 40px !important;
       }
+
       .h-des {
         font-size: 18px;
         font-weight: bolder;
         line-height: 40px;
       }
+
       .h-path {
         font-size: 12px;
       }
     }
+
     .h-group {
       display: flex;
       gap: 10px;

src/views/personalCenter/myRegistration/myRegistration.data.ts

@@ -29,10 +29,80 @@ export const myRegistrationColumns: BasicColumn[] = [
     title: '是否存在异议',
     dataIndex: 'isObjection',
   },
+  {
+    title: '状态',
+    dataIndex: 'status',
+  },
+  {
+    title: '登记证书',
+    dataIndex: 'enrollBook',
+  },
+];
+export const myRegistrationColumnsForDetail: BasicColumn[] = [
+  {
+    title: '登记编号',
+    dataIndex: 'enrollNum',
+  },
+  {
+    title: '数据知识产权名称',
+    dataIndex: 'dataName',
+  },
+  {
+    title: '所属行业',
+    dataIndex: 'sector',
+  },
+  {
+    title: '数据来源',
+    dataIndex: 'dataBase',
+  },
+  {
+    title: '数据类型',
+    dataIndex: 'dataType',
+  },
+  {
+    title: '数据格式',
+    dataIndex: 'dataFormat',
+  },
+  {
+    title: '数据规模',
+    dataIndex: 'dataScale',
+  },
+  {
+    title: '更新频次',
+    dataIndex: 'updateFrequency',
+  },
+  {
+    title: '登记日期',
+    dataIndex: 'enrollDate',
+  },
+  {
+    title: '登记备案状态',
+    dataIndex: 'enrollStatus',
+  },
+  {
+    title: '是否存在异议',
+    dataIndex: 'isObjection',
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+  },
+  {
+    title: '存证公证编号',
+    dataIndex: 'storageNum',
+  },
+  {
+    title: '存证公证平台',
+    dataIndex: 'storagePlatform',
+  },
   {
     title: '登记证书',
     dataIndex: 'enrollBook',
   },
+  {
+    title: '数据结构',
+    dataIndex: 'dataStructure',
+  },
 ];
 export const myRegistrationForm: FormSchema[] = [
   {
@@ -50,6 +120,45 @@ export const myRegistrationForm: FormSchema[] = [
     label: '数据来源',
     component: 'Input',
   },
+  {
+    field: 'dataType',
+    label: '数据类型',
+    component: 'Input',
+  },
+  {
+    field: 'dataFormat',
+    label: '数据格式',
+    component: 'Input',
+  },
+  {
+    field: 'dataScale',
+    label: '数据规模',
+    component: 'Input',
+  },
+  {
+    field: 'updateFrequency',
+    label: '更新频次',
+    component: 'Input',
+  },
+  {
+    field: 'storagePlatform',
+    label: '存证公证平台',
+    component: 'Select',
+    componentProps: {
+      mode: 'tags', // 开启标签模式，允许自定义输入
+      options: [
+        { label: '阿里云数据平台', value: '阿里云数据平台' },
+        { label: '腾讯云数据平台', value: '腾讯云数据平台' },
+        { label: '华为云数据平台', value: '华为云数据平台' },
+      ],
+      placeholder: '请选择或输入平台名称',
+      onChange: (value) => {
+        if (value.length > 1) {
+          value.splice(0, value.length - 1); // 保留最后一个值
+        }
+      },
+    },
+  },
   {
     field: 'enrollDate',
     label: '登记日期',
@@ -58,7 +167,13 @@ export const myRegistrationForm: FormSchema[] = [
   {
     field: 'enrollStatus',
     label: '登记备案状态',
-    component: 'Input',
+    component: 'Select',
+    componentProps: {
+      options: [
+        { label: '已备案', value: '已备案' },
+        { label: '待审核', value: '待审核' },
+      ],
+    },
   },
   {
     field: 'enrollBook',

src/views/personalCenter/myRegistration/myRegistrationData.ts

+import { dataType } from 'element-plus/es/components/table-v2/src/common.mjs';
+import { status } from 'nprogress';
+
 export const myRegistrationData: any[] = [
   {
     enrollNum: 'A123456789',
@@ -5,10 +8,18 @@ export const myRegistrationData: any[] = [
     dataName: '人工智能预测模型',
     sector: '信息技术',
     dataBase: '腾讯云数据中心',
+    dataType: '企业数据',
+    dataFormat: 'JSON',
+    dataScale: '大数据',
+    updateFrequency: '每周',
+    storageNum: '13289712kdbex6',
+    storagePlatform: '阿里云公证平台',
     enrollDate: '2023-01-15',
     enrollStatus: '已备案',
     isObjection: '是',
+    status: '已上架',
     enrollBook: ['src/assets/images/登记证书.jpg'],
+    dataStructure: ['src/assets/images/登记证书.jpg'],
   },
   {
     enrollNum: 'B987654321',
@@ -19,7 +30,15 @@ export const myRegistrationData: any[] = [
     enrollDate: '2022-09-20',
     enrollStatus: '待审核',
     isObjection: '否',
+    status: '待审核',
     enrollBook: ['src/assets/images/登记证书.jpg'],
+    dataType: '企业数据',
+    dataFormat: 'JSON',
+    dataScale: '大数据',
+    updateFrequency: '每周',
+    storageNum: '13289712kdbex6',
+    storagePlatform: '阿里云公证平台',
+    dataStructure: ['src/assets/images/登记证书.jpg'],
   },
   {
     enrollNum: 'C112233445',
@@ -30,7 +49,15 @@ export const myRegistrationData: any[] = [
     enrollDate: '2023-03-05',
     enrollStatus: '已备案',
     isObjection: '否',
+    status: '公示中',
     enrollBook: ['src/assets/images/登记证书.jpg'],
+    dataType: '政府数据',
+    dataFormat: 'XML',
+    dataScale: '大数据',
+    updateFrequency: '每季',
+    storageNum: '123456789kdbex6',
+    storagePlatform: '华为云数据平台',
+    dataStructure: ['src/assets/images/登记证书.jpg'],
   },
   {
     enrollNum: 'D223344556',
@@ -41,7 +68,15 @@ export const myRegistrationData: any[] = [
     enrollDate: '2022-12-10',
     enrollStatus: '已备案',
     isObjection: '是',
+    status: '公示中',
     enrollBook: ['src/assets/images/登记证书.jpg'],
+    dataType: '企业数据',
+    dataFormat: 'JSON',
+    dataScale: '大数据',
+    updateFrequency: '每周',
+    storageNum: '13289712kdbex6',
+    storagePlatform: '阿里云公证平台',
+    dataStructure: ['src/assets/images/登记证书.jpg'],
   },
   {
     enrollNum: 'E334455667',
@@ -52,7 +87,15 @@ export const myRegistrationData: any[] = [
     enrollDate: '2023-06-18',
     enrollStatus: '待审核',
     isObjection: '是',
+    status: '待审核',
     enrollBook: ['src/assets/images/登记证书.jpg'],
+    dataType: '个人数据',
+    dataFormat: 'CSV',
+    dataScale: '中数据',
+    updateFrequency: '每月',
+    storageNum: '987654321kdbex6',
+    storagePlatform: '腾讯云数据中心',
+    dataStructure: ['src/assets/images/登记证书.jpg'],
   },
   {
     enrollNum: 'F445566778',
@@ -63,7 +106,15 @@ export const myRegistrationData: any[] = [
     enrollDate: '2021-11-25',
     enrollStatus: '已备案',
     isObjection: '是',
+    status: '驳回',
     enrollBook: ['src/assets/images/登记证书.jpg'],
+    dataType: '政府数据',
+    dataFormat: 'XML',
+    dataScale: '大数据',
+    updateFrequency: '每季',
+    storageNum: '123456789kdbex6',
+    storagePlatform: '华为云数据平台',
+    dataStructure: ['src/assets/images/登记证书.jpg'],
   },
   {
     enrollNum: 'G556677889',
@@ -74,7 +125,15 @@ export const myRegistrationData: any[] = [
     enrollDate: '2022-05-30',
     enrollStatus: '已备案',
     isObjection: '是',
+    status: '公示中',
     enrollBook: ['src/assets/images/登记证书.jpg'],
+    dataType: '企业数据',
+    dataFormat: 'JSON',
+    dataScale: '大数据',
+    updateFrequency: '每周',
+    storageNum: '13289712kdbex6',
+    storagePlatform: '阿里云公证平台',
+    dataStructure: ['src/assets/images/登记证书.jpg'],
   },
   {
     enrollNum: 'H667788990',
@@ -85,7 +144,15 @@ export const myRegistrationData: any[] = [
     enrollDate: '2023-02-10',
     enrollStatus: '待审核',
     isObjection: '是',
+    status: '待审核',
     enrollBook: ['src/assets/images/登记证书.jpg'],
+    dataType: '个人数据',
+    dataFormat: 'CSV',
+    dataScale: '中数据',
+    updateFrequency: '每月',
+    storageNum: '987654321kdbex6',
+    storagePlatform: '腾讯云数据中心',
+    dataStructure: ['src/assets/images/登记证书.jpg'],
   },
   {
     enrollNum: 'I778899001',
@@ -96,7 +163,15 @@ export const myRegistrationData: any[] = [
     enrollDate: '2023-04-15',
     enrollStatus: '已备案',
     isObjection: '是',
+    status: '公示中',
     enrollBook: ['src/assets/images/登记证书.jpg'],
+    dataType: '政府数据',
+    dataFormat: 'XML',
+    dataScale: '大数据',
+    updateFrequency: '每季',
+    storageNum: '123456789kdbex6',
+    storagePlatform: '华为云数据平台',
+    dataStructure: ['src/assets/images/登记证书.jpg'],
   },
   {
     enrollNum: 'J889900112',
@@ -107,6 +182,14 @@ export const myRegistrationData: any[] = [
     enrollDate: '2023-07-20',
     enrollStatus: '已备案',
     isObjection: '是',
+    status: '公示中',
     enrollBook: ['src/assets/images/登记证书.jpg'],
+    dataType: '政府数据',
+    dataFormat: 'XML',
+    dataScale: '大数据',
+    updateFrequency: '每季',
+    storageNum: '123456789kdbex6',
+    storagePlatform: '华为云数据平台',
+    dataStructure: ['src/assets/images/登记证书.jpg'],
   },
 ];

src/views/personalCenter/myRegistration/objectionModal.vue

@@ -5,6 +5,8 @@
     @register="registerModal"
     :title="getTitle"
     @ok="handleSubmit"
+    :showCancelBtn="false"
+    :showOkBtn="false"
   >
     <div class="flex" style="margin-bottom: 20px">
       <div style="margin-top: 4px">异议内容：</div>
@@ -59,7 +61,7 @@
       status: 'done',
     },
   ];
-  const getTitle = '处理异议';
+  const getTitle = '查看异议';
   const { createMessage } = useMessage();
 
   /** 初始化弹框*/