登记公示

src/router/routes/index.ts

@@ -165,6 +165,14 @@ export const PCFontRoute: AppRouteRecordRaw = {
         title: '',
       },
     },
+    {
+      path: '/aaaFont/dataRegistration/enrollPublicDetail',
+      name: 'enrollPublicDetail',
+      component: () => import('@/views/AAAFont/dataRegistration/enrollPublicDetail.vue'),
+      meta: {
+        title: '',
+      },
+    },
     {
       path: '/aaaFont/font/moreData',
       name: 'moreData',

src/views/AAAFont/dataRegistration/enrollPublicDetail.vue

+<template>
+  <div class="item-content-box">
+    <el-card style="width: 1440px; margin: 60px 0 113px 0">
+      <div style="margin-top: 30px"
+        ><Icon style="color: #409eff" icon="ant-design:send-outlined" />公示详情</div
+      >
+      <Row :gutter="[16, 30]">
+        <Col :span="info.span" v-for="info in applyInfo" :key="info">
+          <div class="col-item">
+            <div class="item-label">{{ info.label }}：</div>
+            <div class="item-des">{{
+              applyInfoData[info.field] ? applyInfoData[info.field] : '-'
+            }}</div>
+          </div>
+        </Col>
+      </Row>
+      <el-button-group>
+        <el-button plain class="back-button" type="text" @click="handleCancel">
+          <Icon :size="24" icon="icon-park-solid:left-c" />&nbsp;返回
+        </el-button>
+      </el-button-group>
+    </el-card>
+  </div>
+</template>
+
+<script>
+  import { Col, Row } from 'ant-design-vue';
+  import Icon from '@/components/Icon/Icon.vue';
+
+  export default {
+    name: 'EnrollPublicDetail',
+    components: { Icon, Row, Col },
+
+    data() {
+      return {
+        form: {
+          enrollCode: '',
+          enrollDate: '',
+          applicant: '',
+          dataName: '',
+          industry: '',
+          dataSource: '',
+          dataStructure: '',
+          dataSize: '',
+          updateRate: '',
+          applyScene: '',
+          ruleExplain: '',
+          publicCode: '',
+          publicSituation: '',
+        },
+        applyInfo: [
+          {
+            span: 12,
+            label: '登记编号',
+            field: 'enrollCode',
+          },
+          {
+            span: 12,
+            label: '申请日期',
+            field: 'enrollDate',
+          },
+          {
+            span: 12,
+            label: '申请人',
+            field: 'applicant',
+          },
+
+          {
+            span: 12,
+            label: '数据知识产权名称',
+            field: 'dataName',
+          },
+          {
+            span: 12,
+            label: '所属行业',
+            field: 'industry',
+          },
+          {
+            span: 12,
+            label: '数据来源',
+            field: 'dataSource',
+          },
+          {
+            span: 24,
+            label: '数据结构',
+            field: 'dataStructure',
+          },
+          {
+            span: 12,
+            label: '数据规模',
+            field: 'dataSize',
+          },
+          {
+            span: 12,
+            label: '更新频次',
+            field: 'updateRate',
+          },
+          {
+            span: 12,
+            label: '应用场景',
+            field: 'applyScene',
+          },
+
+          {
+            span: 12,
+            label: '算法规则简要说明',
+            field: 'ruleExplain',
+          },
+        ],
+        applyInfoData: {
+          enrollCode: 'DIP2024000084573',
+          enrollDate: '2016-05-02',
+          applicant: '**先导精密机械有限公司',
+          dataName: '关系型与非关系型数据库分析数据',
+          industry: '科学研究和技术服务业',
+          dataSource: '自行产生',
+          dataStructure: '关系型与非关系型数据库分析数据',
+          dataSize: '932条',
+          updateRate: '每分钟',
+          applyScene:
+            '光温湿指数（THSW)是衡量人体在特定环境下舒适程度的重要指\n' +
+            '标。它考虑了影响人体舒适度的多个关键因素，如温度、湿\n' +
+            '度、太阳辐射和风等，因此能够更全面地反映人体在不同环境\n' +
+            '下的感受。通过THSW指数，可以了解城市的气候特点，为人们的出行\n' +
+            '和居住提供参考。',
+          ruleExplain:
+            '（1）数据采集：通过在线设备，每分钟实时测量获取' +
+            '区段温度、湿度及光照强度数据；（2）数据处\n' +
+            '理：将数据清洗后，根据公式光温湿指数（THSW)=温度*温度\n' +
+            '权重（α）+湿度*湿度权重（β）+光照强度*光照权重（v），\n' +
+            '三项权重为设定的固定值，计算结果保留小数点后两位。',
+          publicCode: 'NO.9294483',
+          publicSituation: '已于「知识产权区块链公共存证平台」存证',
+        },
+      };
+    },
+    methods: {
+      handleSubmit() {
+        this.$message.success('提交成功！');
+        this.$router.go(-1);
+      },
+      handleCancel() {
+        this.$router.go(-1);
+      },
+    },
+  };
+</script>
+
+<style scoped>
+  .col-item {
+    display: flex;
+    gap: 10px;
+    margin: 20px 60px;
+    .item-label {
+      width: 127px;
+      display: flex;
+      justify-content: right;
+      color: #606266;
+    }
+    .item-img {
+      width: 150px;
+      height: 100px;
+    }
+    .item-des {
+      width: 400px;
+    }
+  }
+  .input1 {
+    width: 90%;
+  }
+  .row1 {
+    margin: 30px 115px;
+  }
+  .item-content-box {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #fbfdff;
+    height: calc(100% - 160px);
+  }
+
+  .back-button {
+    position: absolute;
+    top: 0;
+    right: 12%;
+    font-size: 18px;
+    margin-top: 3px;
+    color: #3a5cde;
+  }
+</style>

src/views/AAAFont/dataRegistration/index.vue

@@ -30,14 +30,14 @@
             >登记申请</el-button
           >
 
-          <h3 class="content-item-h3">登记公示</h3>
+          <h3 class="content-item-h3">数据公示</h3>
           <span class="title_bottom">共114条数据，公示期为10个工作日</span>
           <div class="tab-pane">
             <el-tabs v-model="activeName" @tab-click="handleClick">
               <el-tab-pane name="first">
                 <template #label>
                   <span class="mb-4" style="font-size: 24px; font-weight: 700; color: #1962e2"
-                    >登记平台(112)</span
+                    >数据平台(112)</span
                   >
                 </template>
                 <el-row class="mt-5" :gutter="20">
@@ -73,7 +73,9 @@
                       </div>
                       <div class="card_bottom">
                         <span style="color: #ec7520">公示中</span>
-                        <el-button class="button" round>提交异议</el-button>
+                        <el-button class="button" round @click="handleObjection"
+                          >提交异议</el-button
+                        >
                       </div>
                     </el-card>
                   </el-col>
@@ -147,7 +149,9 @@
                       </div>
                       <div class="card_bottom">
                         <span style="color: #ec7520">公示中</span>
-                        <el-button class="button" round>提交异议</el-button>
+                        <el-button class="button" round @click="handleObjection"
+                          >提交异议</el-button
+                        >
                       </div>
                     </el-card>
                   </el-col>
@@ -161,14 +165,14 @@
             </el-button-group>
           </div>
 
-          <h3 class="content-item-h3">登记公告</h3>
+          <h3 class="content-item-h3">数据公告</h3>
           <span class="title_bottom">共23659条数据</span>
           <div class="tab-pane">
             <el-tabs v-model="activeName" @tab-click="handleClick">
               <el-tab-pane name="first">
                 <template #label>
                   <span class="mb-4" style="font-size: 24px; font-weight: 700; color: #1962e2"
-                    >登记平台(23659)</span
+                    >数据平台(23659)</span
                   >
                 </template>
                 <el-table
@@ -179,7 +183,7 @@
                   :data="tableData"
                   style="width: 1440px; font-size: 18px"
                 >
-                  <el-table-column prop="address" width="500" label="数据集产权名称">
+                  <el-table-column prop="address" width="500" label="数据服务产权名称">
                     <template #header="scope">
                       <span class="table-span-label">{{ scope.column.label }}</span>
                     </template>
@@ -204,7 +208,7 @@
 
       <!--      登记公告查看更多-->
       <div v-if="enrollNotice === '2'" class="item-content-box">
-        <el-card style="margin-top: 20px" v-for="card in cardList" class="box-card" shadow="hover">
+        <el-card style="margin-top: 50px" v-for="card in cardList" class="box-card" shadow="hover">
           <template #header>
             <div class="clearfix">
               <div style="display: inline-block" class="triangle-box">登记成功</div>
@@ -234,15 +238,18 @@
           </Row>
         </el-card>
         <el-pagination
-          style="margin: 20px 0"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :current-page="currentPage4"
-          :page-sizes="[100, 200, 300, 400]"
-          :page-size="100"
-          layout="total, sizes, prev, pager, next, jumper"
-          :total="400"
+          style="margin-bottom: 20px"
+          class="mt-6"
+          background
+          layout="prev, pager, next"
+          :page-size="9"
+          :total="cardList.length"
         />
+        <el-button-group>
+          <el-button plain class="back-button1" type="text" @click="handleBack">
+            <Icon :size="24" icon="icon-park-solid:left-c" />&nbsp;返回
+          </el-button>
+        </el-button-group>
       </div>
 
       <!--      登记公告详情页-->
@@ -535,6 +542,9 @@
           path: '/aaaFont/dataRegistration/enrollPublicObjection',
         });
       },
+      handleBack() {
+        this.$router.go(-1);
+      },
 
       // 进入后台方法
       toBackstage() {
@@ -614,6 +624,16 @@
     color: #3a5cde;
   }
 
+  //tabs 按钮
+  .back-button1 {
+    position: absolute;
+    top: 0;
+    right: 12%;
+    font-size: 18px;
+    margin-top: 3px;
+    color: #3a5cde;
+  }
+
   .card-row {
     display: flex;
     justify-content: space-around;
@@ -812,4 +832,7 @@
     border-top: 15px solid transparent;
     border-bottom: 15px solid transparent;
   }
+
+
+
 </style>

src/views/AAAFont/front/index.vue

@@ -52,7 +52,9 @@
                       </div>
                       <div class="card_bottom">
                         <span style="color: #ec7520">公示中</span>
-                        <el-button class="button" round>提交异议</el-button>
+                        <el-button class="button" round @click="handleObjection"
+                          >提交异议</el-button
+                        >
                       </div>
                     </el-card>
                   </el-col>
@@ -93,13 +95,19 @@
                   <template #label>
                     <span class="mb-4 tab-label">全部动态</span>
                   </template>
-                  <div class="right-li" v-for="text in [...policyData , ...newsData]">
+                  <div class="right-li" v-for="text in [...policyData, ...newsData]">
                     <div class="li-left">
-                      <el-tag v-if="policyData.includes(text)" type="danger" style="font-size: 14px">国家政策</el-tag>
+                      <el-tag v-if="policyData.includes(text)" type="danger" style="font-size: 14px"
+                        >国家政策</el-tag
+                      >
                       <el-tag v-else style="font-size: 14px">行业新闻</el-tag>
                     </div>
-                    <div class="li-middle" @click="handleDetails"><span>{{text.row}}</span></div>
-                    <div class="li-right"><span>{{text.time}}</span></div>
+                    <div class="li-middle" @click="handleDetails"
+                      ><span>{{ text.row }}</span></div
+                    >
+                    <div class="li-right"
+                      ><span>{{ text.time }}</span></div
+                    >
                   </div>
                 </el-tab-pane>
                 <el-tab-pane class="tab-pane-li" name="second">
@@ -110,10 +118,13 @@
                     <div class="li-left">
                       <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
                     </div>
-                    <div class="li-middle" @click="handleDetails"><span>{{text.row}}</span></div>
-                    <div class="li-right"><span>{{text.time}}</span></div>
+                    <div class="li-middle" @click="handleDetails"
+                      ><span>{{ text.row }}</span></div
+                    >
+                    <div class="li-right"
+                      ><span>{{ text.time }}</span></div
+                    >
                   </div>
-
                 </el-tab-pane>
                 <el-tab-pane class="tab-pane-li" name="third">
                   <template #label>
@@ -123,10 +134,13 @@
                     <div class="li-left">
                       <el-tag style="font-size: 14px">行业新闻</el-tag>
                     </div>
-                    <div class="li-middle" @click="handleDetails"><span>{{text.row}}</span></div>
-                    <div class="li-right"><span>{{text.time}}</span></div>
+                    <div class="li-middle" @click="handleDetails"
+                      ><span>{{ text.row }}</span></div
+                    >
+                    <div class="li-right"
+                      ><span>{{ text.time }}</span></div
+                    >
                   </div>
-
                 </el-tab-pane>
               </el-tabs>
             </div>
@@ -257,51 +271,51 @@
         industryImg,
         dynamicImg,
         items,
-        policyData:[
+        policyData: [
           {
             tag: '国家政策',
-            row:'“数据知识产权登记平台”公示公告',
+            row: '“数据知识产权登记平台”公示公告',
             time: '2023-06-06',
-            type:'danger'
+            type: 'danger',
           },
           {
-            tag: "国家政策",
-            row: "“人工智能伦理指导意见”征求意见稿发布",
-            time: "2023-08-15",
-            type: "danger"
+            tag: '国家政策',
+            row: '“人工智能伦理指导意见”征求意见稿发布',
+            time: '2023-08-15',
+            type: 'danger',
           },
           {
-            tag: "国家政策",
-            row: "“智慧城市建设资金补贴政策”公示",
-            time: "2023-05-20",
-            type: "danger"
+            tag: '国家政策',
+            row: '“智慧城市建设资金补贴政策”公示',
+            time: '2023-05-20',
+            type: 'danger',
           },
           {
-            tag: "国家政策",
-            row: "“全球数据流动与隐私保护国际会议”筹备公告",
-            time: "2023-06-30",
-            type: "danger"
+            tag: '国家政策',
+            row: '“全球数据流动与隐私保护国际会议”筹备公告',
+            time: '2023-06-30',
+            type: 'danger',
           },
         ],
-        newsData:[
+        newsData: [
           {
             tag: '行业新闻',
-            row:'《数据安全负面行为清单》（评审版）',
+            row: '《数据安全负面行为清单》（评审版）',
             time: '2023-06-06',
           },
           {
             tag: '行业新闻',
-            row:'《中国数安港数据安全合规管理委员会工作规程》',
+            row: '《中国数安港数据安全合规管理委员会工作规程》',
             time: '2023-06-06',
           },
           {
             tag: '行业新闻',
-            row:'《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》',
+            row: '《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》',
             time: '2023-06-06',
           },
           {
             tag: '行业新闻',
-            row:'《数据处理主体责任清单》',
+            row: '《数据处理主体责任清单》',
             time: '2023-06-06',
           },
         ],
@@ -359,29 +373,29 @@
         ],
         tableData2: [
           {
-            "applicationDate": "2016-07-10",
-            "upDate": "2016-07-10",
-            "name": "天津市融创软通科技股份有限公司",
-            "address": "5G通信技术与网络优化分析数据"
+            applicationDate: '2016-07-10',
+            upDate: '2016-07-10',
+            name: '天津市融创软通科技股份有限公司',
+            address: '5G通信技术与网络优化分析数据',
           },
           {
-            "applicationDate": "2016-07-14",
-            "upDate": "2016-07-14",
-            "name": "天津市融创软通科技股份有限公司",
-            "address": "智能交通系统与数据流分析"
+            applicationDate: '2016-07-14',
+            upDate: '2016-07-14',
+            name: '天津市融创软通科技股份有限公司',
+            address: '智能交通系统与数据流分析',
           },
           {
-            "applicationDate": "2016-07-20",
-            "upDate": "2016-07-20",
-            "name": "天津市融创软通科技股份有限公司",
-            "address": "无人驾驶技术与自动化系统分析数据"
+            applicationDate: '2016-07-20',
+            upDate: '2016-07-20',
+            name: '天津市融创软通科技股份有限公司',
+            address: '无人驾驶技术与自动化系统分析数据',
           },
           {
-            "applicationDate": "2016-07-25",
-            "upDate": "2016-07-25",
-            "name": "天津市融创软通科技股份有限公司",
-            "address": "大数据存储与云服务架构分析数据"
-          }
+            applicationDate: '2016-07-25',
+            upDate: '2016-07-25',
+            name: '天津市融创软通科技股份有限公司',
+            address: '大数据存储与云服务架构分析数据',
+          },
         ],
         cardsData: [
           {
@@ -417,12 +431,17 @@
       handleMore() {
         this.$router.push({ path: '/aaaFont/font/moreData' });
       },
-      handleDataService(){
+      handleDataService() {
         this.$router.push({ path: '/aaaFont/tradingMarket' });
       },
-      handleDetails(){
+      handleDetails() {
         this.$router.push('/aaaFont/nationalPolicy/details');
       },
+      handleObjection() {
+        this.$router.push({
+          path: '/aaaFont/dataRegistration/enrollPublicObjection',
+        });
+      },
 
       // 进入后台方法
       toBackstage() {
@@ -575,11 +594,11 @@
         height: 400px;
         padding: 33px 24px 24px 24px;
 
-        .tab-pane-li{
+        .tab-pane-li {
           height: 300px;
           overflow-y: hidden;
         }
-        .tab-pane-li:hover{
+        .tab-pane-li:hover {
           overflow: auto;
         }
 

src/views/AAAFont/front/moreData/index.vue

@@ -3,7 +3,6 @@
     <div class="subContainer">
       <div class="item-content-box">
         <div class="commonContainer">
-
           <h3 class="content-item-h3">数据公示</h3>
           <span class="title_bottom">共114条数据，公示期为10个工作日</span>
           <div class="tab-pane">
@@ -45,7 +44,9 @@
                       </div>
                       <div class="card_bottom">
                         <span style="color: #ec7520">公示中</span>
-                        <el-button class="button" round>提交异议</el-button>
+                        <el-button class="button" round @click="handleObjection"
+                          >提交异议</el-button
+                        >
                       </div>
                     </el-card>
                   </el-col>
@@ -56,8 +57,8 @@
                 background
                 layout="prev, pager, next"
                 :page-size="9"
-                :total="cardsData.length">
-              </el-pagination>
+                :total="cardsData.length"
+              />
             </el-tabs>
             <el-button-group>
               <el-button plain class="back-button" type="text" @click="handleBack">
@@ -66,7 +67,6 @@
             </el-button-group>
           </div>
         </div>
-
       </div>
     </div>
   </div>
@@ -76,8 +76,6 @@
   import Icon from '@/components/Icon/Icon.vue';
   import cardLogo from '@/assets/images/mallHome/biaoqian.png';
 
-
-
   export default {
     name: 'Front',
     components: { Icon },
@@ -177,7 +175,11 @@
       handleBack() {
         this.$router.go(-1);
       },
-
+      handleObjection() {
+        this.$router.push({
+          path: '/aaaFont/dataRegistration/enrollPublicObjection',
+        });
+      },
     },
   };
 </script>
@@ -281,7 +283,6 @@
     }
   }
 
-
   .custom-table {
     margin-bottom: 72px;
   }
@@ -294,5 +295,4 @@
   .table-span-label {
     margin-left: 80px;
   }
-
 </style>