我的异议

src/views/dataSharingAndExchange/enrollAudit/enrollData.ts

@@ -7,7 +7,7 @@ export const enrollData: any[] = [
     dataBase: '腾讯云数据中心',
     enrollDate: '2023-01-15',
     enrollStatus: '已备案',
-    isObjection: '是',
+    isObjection: '否',
     enrollBook: ['src/assets/images/登记证书.jpg'],
   },
   {

src/views/dataSharingAndExchange/enrollAudit/index.vue

@@ -17,6 +17,7 @@
         </template>
         <template v-if="column.key === 'action'">
           <TableAction
+            v-if="record.isObjection === '是'"
             :actions="[
               {
                 label: '详情',
@@ -32,6 +33,19 @@
               },
             ]"
           />
+          <TableAction
+            v-else
+            :actions="[
+              {
+                label: '详情',
+                onClick: handleDetail.bind(null, record),
+              },
+              {
+                label: '审核',
+                onClick: handleAudit.bind(null, record),
+              },
+            ]"
+          />
         </template>
       </template>
     </BasicTable>

src/views/personalCenter/myObjection/detail.vue

@@ -12,24 +12,34 @@
       <Col :span="12" v-for="info in objectionColumns" :key="info">
         <div class="col-item">
           <div class="item-label">{{ info.title }}：</div>
-          <div
-v-if="['license', 'logo'].includes(info.title)" class="item-des"
-
-          </div>
-          <div v-else class="item-des">{{ data[info.dataIndex] ? data[info.dataIndex] : '-' }}</div>
+          <div class="item-des">{{ data[info.dataIndex] ? data[info.dataIndex] : '-' }}</div>
+        </div>
+      </Col>
+      <Col :span="12">
+        <div class="col-item">
+          <div class="item-label">异议内容：</div>
+          <div class="item-des"> xxx科技有限公司认为xxx科技有限公司有抄袭行为</div>
         </div>
       </Col>
     </Row>
-    <div style="margin: 40px 60px" class="flex">
-      <div style="line-height: 35px">证明材料:</div>
-      <div style="margin-left: 100px">
-        <Upload
-          style="width: 45%"
-          v-model:file-list="fileList"
-        />
+    <div style="display: flex">
+      <div v-if="isAudit" style="margin: 40px 60px" class="flex">
+        <div style="line-height: 35px">证明材料:</div>
+        <div style="margin-left: 100px">
+          <Upload style="width: 45%" v-model:file-list="fileList" />
+        </div>
+      </div>
+      <div v-if="isAudit" style="margin: 40px 0 0 440px" class="flex">
+        <div style="line-height: 35px">审核意见:</div>
+        <div style="margin-left: 100px">
+          <Textarea v-model:value="idea" style="width: 300px" placeholder="请输入审核意见" />
+        </div>
       </div>
     </div>
-    <div v-if="isAudit" style="justify-content: center; display: flex; gap: 10px">
+    <div
+      v-if="isAudit"
+      style="justify-content: right; display: flex; gap: 10px; margin-right: 20px"
+    >
       <a-button @click="handleCancel">驳回</a-button>
       <a-button type="primary" @click="handleEdit">审核</a-button>
     </div>
@@ -37,69 +47,70 @@ v-if="['license', 'logo'].includes(info.title)" class="item-des"
 </template>
 
 <script lang="ts" setup>
-import PageWrapper from '@/components/Page/src/PageWrapper.vue';
-import { useRoute, useRouter } from 'vue-router';
-import { useDescription } from '@/components/Description';
-import { Col, Descriptions, Row, Input, Upload, Divider } from 'ant-design-vue';
-import { FileProtectOutlined, UploadOutlined } from '@ant-design/icons-vue';
-import {
-  infoList,
-  model,
-} from '@/views/mallResourceDevelopment/API/apiByApply/apiDetail/detailData';
-import {ref, onMounted, reactive} from 'vue';
-import moment from 'moment/moment';
-import { TableImg } from '@/components/Table';
-import { useMessage } from '@/hooks/web/useMessage';
-import {objectionColumns} from "@/views/personalCenter/myObjection/objection.data";
-
-const { createMessage } = useMessage();
-const route = useRoute();
-const data = ref(route.query);
-const router = useRouter();
-const isAudit = ref(route.query.isAudit);
+  import PageWrapper from '@/components/Page/src/PageWrapper.vue';
+  import { useRoute, useRouter } from 'vue-router';
+  import { useDescription } from '@/components/Description';
+  import { Col, Descriptions, Row, Input, Upload, Textarea } from 'ant-design-vue';
+  import { FileProtectOutlined, UploadOutlined } from '@ant-design/icons-vue';
+  import {
+    infoList,
+    model,
+  } from '@/views/mallResourceDevelopment/API/apiByApply/apiDetail/detailData';
+  import { ref, onMounted, reactive } from 'vue';
+  import moment from 'moment/moment';
+  import { TableImg } from '@/components/Table';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import { objectionColumns } from '@/views/personalCenter/myObjection/objection.data';
+  import { formSchema1 } from '@/views/servicePlatform/enterpriseCertification/enterpriseColumns.data';
 
-const fileList = reactive([
-  {
-    uid: 1,
-    name: '证明材料附件1.word',
-    status: 'done',
-  },
-  {
-    uid: 2,
-    name: '证明材料附件2.pdf',
-    status: 'done',
-  },
-]);
+  const { createMessage } = useMessage();
+  const route = useRoute();
+  const data = ref(route.query);
+  const router = useRouter();
+  const isAudit = ref(route.query.isAudit);
+  const idea = ref('');
 
+  const fileList = reactive([
+    {
+      uid: 1,
+      name: '证明材料附件1.word',
+      status: 'done',
+    },
+    {
+      uid: 2,
+      name: '证明材料附件2.pdf',
+      status: 'done',
+    },
+  ]);
 
-function handleBack() {
-  router.go(-1);
-}
+  function handleBack() {
+    router.go(-1);
+  }
 
-onMounted(() => {
-  console.log('date', data.value);
-});
-function handleCancel() {
-  router.go(-1);
-  createMessage.success('驳回成功！');
-}
-function handleEdit() {
-  router.go(-1);
-  createMessage.success('审核成功！');
-}
+  onMounted(() => {
+    console.log('date', data.value);
+  });
+  function handleCancel() {
+    router.go(-1);
+    createMessage.success('驳回成功！');
+  }
+  function handleEdit() {
+    router.go(-1);
+    createMessage.success('审核成功！');
+  }
 </script>
 
 <style scoped>
-.col-item {
-  display: flex;
-  gap: 10px;
-  margin: 20px 60px;
-  .item-label {
-    width: 150px;
-  }
-  .item-img {
-    width: 150px;
-    height: 100px;
+  .col-item {
+    display: flex;
+    gap: 10px;
+    margin: 20px 60px;
+    .item-label {
+      width: 150px;
+    }
+    .item-img {
+      width: 150px;
+      height: 100px;
+    }
   }
-}
 </style>

src/views/personalCenter/myObjection/index.vue

@@ -21,6 +21,7 @@
           </template>
           <template v-if="column.key === 'action'">
             <TableAction
+              v-if="record.objectionType === '我收到的'"
               :actions="[
                 {
                   label: '详情',
@@ -32,6 +33,15 @@
                 },
               ]"
             />
+            <TableAction
+              v-else
+              :actions="[
+                {
+                  label: '详情',
+                  onClick: handleDetail.bind(null, record),
+                },
+              ]"
+            />
           </template>
         </template>
       </BasicTable>

src/views/personalCenter/myObjection/objectionData.ts

@@ -8,4 +8,58 @@ export const objectionData: any[] = [
     updateTime: '2024-12-17',
     objectionType: '我收到的',
   },
+  {
+    title: '大数据弹性分析数据',
+    applicant: '天津宏飞园宜科技有限公司',
+    dataSource: '自行生产',
+    applyScene: '大数据分析',
+    applyTime: '2024-11-30',
+    updateTime: '2024-12-17',
+    objectionType: '我收到的',
+  },
+  {
+    title: '大数据弹性分析数据',
+    applicant: '天津宏飞园宜科技有限公司',
+    dataSource: '自行生产',
+    applyScene: '大数据分析',
+    applyTime: '2024-11-30',
+    updateTime: '2024-12-17',
+    objectionType: '我收到的',
+  },
+  {
+    title: '大数据弹性分析数据',
+    applicant: '天津宏飞园宜科技有限公司',
+    dataSource: '自行生产',
+    applyScene: '大数据分析',
+    applyTime: '2024-11-30',
+    updateTime: '2024-12-17',
+    objectionType: '我提交的',
+  },
+  {
+    title: '大数据弹性分析数据',
+    applicant: '天津宏飞园宜科技有限公司',
+    dataSource: '自行生产',
+    applyScene: '大数据分析',
+    applyTime: '2024-11-30',
+    updateTime: '2024-12-17',
+    objectionType: '我提交的',
+  },
+  {
+    title: '大数据弹性分析数据',
+    applicant: '天津宏飞园宜科技有限公司',
+    dataSource: '自行生产',
+    applyScene: '大数据分析',
+    applyTime: '2024-11-30',
+    updateTime: '2024-12-17',
+    objectionType: '我提交的',
+  },
+  {
+    title: '大数据弹性分析数据',
+    applicant: '天津宏飞园宜科技有限公司',
+    dataSource: '自行生产',
+    applyScene: '大数据分析',
+    applyTime: '2024-11-30',
+    updateTime: '2024-12-17',
+    objectionType: '我提交的',
+  },
 ];