我的消息

src/router/routes/index.ts

@@ -1338,6 +1338,23 @@ export const PersonalCenterRoute: AppRouteRecordRaw = {
         title: '我的登记查看',
       },
     },
+    {
+      path: 'myMessage/detail',
+      name: 'myMessageDetail',
+      component: () => import('@/views/personalCenter/myMessage/detail.vue'),
+      meta: {
+        title: '我的消息',
+        icon: '',
+      },
+    },{
+      path: 'myObjection/detail',
+      name: 'myObjectionDetail',
+      component: () => import('@/views/personalCenter/myObjection/detail.vue'),
+      meta: {
+        title: '我的异议',
+        icon: '',
+      },
+    }, gb
   ],
 };
 

src/views/personalCenter/myMessage/detail.vue

 <template>
+  <PageWrapper
+    :title="title"
+    dense
+    contentBackground
+    contentFullHeight
+    fixed-height
+    headerSticky
+    @back="handleBack"
+  >
+    <Row :gutter="[16, 30]">
+      <Col :span="12" v-for="info in myMessageDetailColumns" :key="info">
+        <div class="col-item">
+          <div class="item-label">{{ info.title }}：</div>
 
+          <div class="item-des">{{ data[info.dataIndex] ? data[info.dataIndex] : '-' }}</div>
+        </div>
+      </Col>
+    </Row>
+    <div style="margin: 40px 60px" class="flex">
+      <div v-if="title === '通知公告'" style="margin-left: 100px">
+        <p class="des-p">
+          为加强数据知识产权领域的服务质量，提升相关机构的市场竞争力，推动数据知识产权保护和创新应用，依据《数据知识产权专业服务机构管理办法》及相关政策要求，市场监督管理局于2023年开展了对数据知识产权专业服务机构的年度服务绩效评价工作。
+          本次评价工作通过对全国范围内的数据知识产权服务机构进行全面评审，结合其在知识产权申请、管理、保护、转化等方面的实际表现，重点考察了各机构的技术能力、服务质量、创新成果以及社会影响力等多维度指标。<br />经过严格审定，现将2023年度服务绩效评价结果通报如下：
+        </p>
+        <p class="des-p">
+          一、评价基本情况
+          本年度，共有XX家数据知识产权专业服务机构参加了绩效评价。各机构的综合评分涵盖了业务水平、客户满意度、服务创新、合规性等多个方面。根据评价结果，服务机构的表现分为优秀、良好、合格、不合格四个等级。
+        </p>
+        <p class="des-p">
+          二、优秀机构名单
+          经过严格评审，以下XX家机构在本年度的绩效评价中表现突出，综合得分位列前茅，荣获“优秀”评级：
+          机构A 机构B 机构C ……
+          这些机构在数据知识产权的保护、应用、创新以及相关服务质量方面，表现出了较强的专业能力和市场竞争力，得到了广泛的客户好评。
+        </p>
+        <p class="des-p">
+          三、良好及合格机构名单
+          除了优秀机构外，还有XX家机构在服务绩效中表现良好或合格，具体名单如下： 机构D - 良好 机构E
+          - 良好 ……
+          这些机构在业务开展中展现了较为扎实的专业能力，但在部分领域仍需进一步提升服务质量或创新性。
+        </p>
+        <p class="des-p">
+          四、后续改进建议
+          对于本年度未达到合格标准的机构，市场监督管理局将根据绩效评价结果，要求其针对存在的短板问题进行整改，并将在后续的考核中进行复评。
+        </p>
+        <p class="des-p">
+          主要改进方向包括： 服务创新：加大技术研发投入，提高数据知识产权的保护效率和技术水平。
+          客户满意度：加强与客户的沟通和反馈机制，提升服务体验和客户信任度。
+          合规性管理：进一步完善法律合规机制，确保服务过程中严格遵守相关法律法规。
+        </p>
+        <p class="des-p">
+          五、结语
+          此次服务绩效评价结果的公布，将为行业提供有力的参考依据，推动数据知识产权领域的服务水平不断提升。市场监督管理局将继续加大对数据知识产权专业服务机构的监管力度，鼓励创新，提升服务质量，推动行业的健康有序发展。
+        </p>
+        <p class="des-p"> 特此通报。</p>
+      </div>
+      <div v-else style="margin-left: 100px">
+        <Upload style="width: 45%" v-model:file-list="fileList" />
+      </div>
+    </div>
+  </PageWrapper>
 </template>
 
-<script>
-export default {
-  name: "detail"
-}
+<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 { ref, onMounted, reactive } from 'vue';
+  import { TableImg } from '@/components/Table';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import {
+    myMessageColumns,
+    myMessageDetailColumns,
+  } from '@/views/personalCenter/myMessage/message.data';
+
+  const { createMessage } = useMessage();
+  const route = useRoute();
+  const data = ref(route.query);
+  const router = useRouter();
+  const title = ref(route.query.messageType);
+
+  const fileList = reactive([
+    {
+      uid: 1,
+      name: '通知公告附件1.word',
+      status: 'done',
+    },
+    {
+      uid: 2,
+      name: '通知公告附件2.pdf',
+      status: 'done',
+    },
+  ]);
+
+  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('审核成功！');
+  }
 </script>
 
 <style scoped>
+  .col-item {
+    display: flex;
+    gap: 10px;
+    margin: 20px 60px;
+    .item-label {
+      width: 130px;
+    }
+    .item-img {
+      width: 150px;
+      height: 100px;
+    }
+  }
 
+  .des-p {
+    margin-left: 100px;
+    width: 70%;
+    font-size: 16px;
+    text-indent: 2em;
+    line-height: 40px;
+    word-wrap: break-word; /* 防止单词溢出 */
+    white-space: normal; /* 允许文本自动换行 */
+    overflow-wrap: break-word; /* 确保文本不会溢出 */
+  }
 </style>

src/views/personalCenter/myMessage/index.vue

@@ -3,39 +3,69 @@
     <template #headerContent>
       <div class="header">
         <div class="h-title">
-          <FileProtectOutlined class="h-icon" :color="'#6499e9'" />
+          <BellOutlined class="h-icon" :color="'#6499e9'" />
           <div class="h-txt">
-            <div class="h-des">企业认证</div>
+            <div class="h-des">我的消息</div>
           </div>
         </div>
       </div>
     </template>
-    <div class="h-full" style="padding: 0 25px">
-      <BasicTable @register="registerApplySuccessTable">
-        <template #bodyCell="{ column, record, text }">
-          <template v-if="column.key === 'license'">
-            <TableImg :size="60" :simpleShow="true" :showBadge="false" :imgList="text" />
-          </template>
-          <template v-if="column.key === 'logo'">
-            <TableImg :size="60" :simpleShow="true" :showBadge="false" :imgList="text" />
-          </template>
-          <template v-if="column.key === 'action'">
-            <TableAction
-              :actions="[
-                {
-                  label: '详情',
-                  onClick: handleDetail.bind(null, record),
-                },
-                {
-                  label: '审核',
-                  onClick: handleEdit.bind(null, record),
-                },
-              ]"
-            />
-          </template>
-        </template>
-      </BasicTable>
-    </div>
+    <Tabs style="margin-left: 30px" v-model:activeKey="tabsKey">
+      <Tabs.TabPane key="1" tab="全部消息">
+        <div class="h-full" style="padding: 0 25px">
+          <BasicTable @register="registerApplySuccessTable">
+            <template #bodyCell="{ column, record }">
+              <template v-if="column.key === 'action'">
+                <TableAction
+                  :actions="[
+                    {
+                      label: '详情',
+                      onClick: handleDetail.bind(null, record),
+                    },
+                  ]"
+                />
+              </template>
+            </template>
+          </BasicTable>
+        </div>
+      </Tabs.TabPane>
+      <Tabs.TabPane key="2" tab="通知公告">
+        <div class="h-full" style="padding: 0 25px">
+          <BasicTable @register="registerInfoTable">
+            <template #bodyCell="{ column, record }">
+              <template v-if="column.key === 'action'">
+                <TableAction
+                  :actions="[
+                    {
+                      label: '详情',
+                      onClick: handleDetail.bind(null, record),
+                    },
+                  ]"
+                />
+              </template>
+            </template>
+          </BasicTable>
+        </div>
+      </Tabs.TabPane>
+      <Tabs.TabPane key="3" tab="待办">
+        <div class="h-full" style="padding: 0 25px">
+          <BasicTable @register="registerTodoTable">
+            <template #bodyCell="{ column, record }">
+              <template v-if="column.key === 'action'">
+                <TableAction
+                  :actions="[
+                    {
+                      label: '详情',
+                      onClick: handleDetail.bind(null, record),
+                    },
+                  ]"
+                />
+              </template>
+            </template>
+          </BasicTable>
+        </div>
+      </Tabs.TabPane>
+    </Tabs>
   </PageWrapper>
 </template>
 
@@ -44,7 +74,7 @@
   import PageWrapper from '@/components/Page/src/PageWrapper.vue';
   import { useMessage } from '@/hooks/web/useMessage';
   import { BasicTable, useTable, TableAction, BasicTableProps, TableImg } from '@/components/Table';
-  import { FileProtectOutlined } from '@ant-design/icons-vue';
+  import { BellOutlined } from '@ant-design/icons-vue';
   import { enterpriseColumns } from '@/views/servicePlatform/enterpriseCertification/enterpriseColumns.data';
   import { enterprisesData } from '@/views/servicePlatform/enterpriseCertification/enterpriseData';
   import { tableList } from '@/views/scriptDevelopment/auditStrategy/mock';
@@ -55,11 +85,15 @@
     searchFormSchema,
   } from '@/views/dataWarehousePlanning/physicalModel/model.data';
   import { useRouter } from 'vue-router';
+  import { myMessageColumns } from '@/views/personalCenter/myMessage/message.data';
+  import { myMessageData } from '@/views/personalCenter/myMessage/messageData';
+  import { Tabs } from 'ant-design-vue';
 
   // 初始化
   const { createMessage, createConfirm } = useMessage();
   // 数据
 
+  const tabsKey = ref('1');
   const { push } = useRouter();
   onMounted(() => {});
   // 方法
@@ -71,7 +105,7 @@
    * table
    */
   const [
-    registerApplySuccessTable,
+    registerInfoTable,
     {
       reload,
       updateTableDataRecord,
@@ -89,15 +123,94 @@
         pageNu: '1',
         pageSize: '10',
         pages: '1',
-        total: enterprisesData.length,
+        total: myMessageData.length,
+        code: '',
+        message: '',
+        data: myMessageData,
+      };
+      //过滤data中的数据，取出等于params.deptId的数据
+      var data = [];
+      //按照部门筛选 如果有进行过滤相应部门的  没有就赋值全部
+      var data = [];
+      data = myMessageData.filter((item) => item.messageType === '通知公告');
+      return { ...response, data: data };
+    },
+    rowKey: 'businessId',
+    columns: myMessageColumns,
+    rowSelection: false,
+    formConfig: {
+      labelWidth: 10,
+      schemas: searchFormSchema,
+      autoSubmitOnEnter: true,
+    },
+    showIndexColumn: false,
+    useSearchForm: false,
+    showTableSetting: false,
+    bordered: true,
+    actionColumn: {
+      width: 150,
+      title: '操作',
+      dataIndex: 'action',
+    },
+  } as BasicTableProps);
+
+  const [registerTodoTable, {}] = useTable({
+    title: '',
+    api: async (params) => {
+      console.log('params:', params);
+      const response = {
+        pageNu: '1',
+        pageSize: '10',
+        pages: '1',
+        total: myMessageData.length,
+        code: '',
+        message: '',
+        data: myMessageData,
+      };
+
+      //过滤data中的数据，取出等于params.deptId的数据
+      var data = [];
+      //按照部门筛选 如果有进行过滤相应部门的  没有就赋值全部
+      var data = [];
+      data = myMessageData.filter((item) => item.messageType === '待办');
+      return { ...response, data: data };
+    },
+    rowKey: 'businessId',
+    columns: myMessageColumns,
+    rowSelection: false,
+    formConfig: {
+      labelWidth: 10,
+      schemas: searchFormSchema,
+      autoSubmitOnEnter: true,
+    },
+    showIndexColumn: false,
+    useSearchForm: false,
+    showTableSetting: false,
+    bordered: true,
+    actionColumn: {
+      width: 150,
+      title: '操作',
+      dataIndex: 'action',
+    },
+  } as BasicTableProps);
+
+  const [registerApplySuccessTable, {}] = useTable({
+    title: '',
+    api: async (params) => {
+      console.log('params:', params);
+      const response = {
+        pageNu: '1',
+        pageSize: '10',
+        pages: '1',
+        total: myMessageData.length,
         code: '',
         message: '',
-        data: enterprisesData,
+        data: myMessageData,
       };
-      return { ...response, data: enterprisesData };
+      return { ...response, data: myMessageData };
     },
     rowKey: 'businessId',
-    columns: enterpriseColumns,
+    columns: myMessageColumns,
     rowSelection: false,
     formConfig: {
       labelWidth: 10,
@@ -127,7 +240,7 @@
   }
   function handleDetail(record) {
     push({
-      path: '/servicePlatform/enterpriseCertification/detail',
+      path: '/personalCenter/myMessage/detail',
       query: {
         ...record,
       },

src/views/personalCenter/myMessage/message.data.ts

+import {BasicColumn} from "@/components/Table";
+
+export const myMessageColumns: BasicColumn[] = [
+  {
+    title: '消息标题',
+    dataIndex: 'messageTitle',
+    width: 150,
+  },
+  {
+    title: '消息类型',
+    dataIndex: 'messageType',
+    width: 150,
+  },
+  {
+    title: '发布时间',
+    dataIndex: 'publishTime',
+    width: 150,
+  },
+];
+
+export const myMessageDetailColumns: BasicColumn[] = [
+  {
+    title: '消息标题',
+    dataIndex: 'messageTitle',
+    width: 150,
+  },
+  {
+    title: '发布时间',
+    dataIndex: 'publishTime',
+    width: 150,
+  },
+];

src/views/personalCenter/myMessage/messageData.ts

+export const myMessageData: any[] = [
+  {
+    messageTitle: '浙江省市场监督管理局关于数据知识产权专业服务机构2023年度服务绩效评价结果的通报',
+    messageType: '通知公告',
+    publishTime: '2024-04-22',
+  },
+  {
+    messageTitle: '浙江省市场监督管理局关于数据知识产权专业服务机构2023年度服务绩效评价结果的通报',
+    messageType: '通知公告',
+    publishTime: '2024-04-22',
+  },
+  {
+    messageTitle: '浙江省市场监督管理局关于数据知识产权专业服务机构2023年度服务绩效评价结果的通报',
+    messageType: '通知公告',
+    publishTime: '2024-04-22',
+  },
+  {
+    messageTitle: '浙江省市场监督管理局关于数据知识产权专业服务机构2023年度服务绩效评价结果的通报',
+    messageType: '通知公告',
+    publishTime: '2024-04-22',
+  },
+  {
+    messageTitle: '浙江省市场监督管理局关于数据知识产权专业服务机构2023年度服务绩效评价结果的通报',
+    messageType: '通知公告',
+    publishTime: '2024-04-22',
+  },
+  {
+    messageTitle: '浙江省市场监督管理局关于数据知识产权专业服务机构2023年度服务绩效评价结果的通报',
+    messageType: '待办',
+    publishTime: '2024-04-22',
+  },
+  {
+    messageTitle: '浙江省市场监督管理局关于数据知识产权专业服务机构2023年度服务绩效评价结果的通报',
+    messageType: '待办',
+    publishTime: '2024-04-22',
+  },
+  {
+    messageTitle: '浙江省市场监督管理局关于数据知识产权专业服务机构2023年度服务绩效评价结果的通报',
+    messageType: '待办',
+    publishTime: '2024-04-22',
+  },
+]