政策管理-改

src/views/servicePlatform/policyManagement/detail/index.vue

@@ -33,14 +33,19 @@
           </a-button>
         </div>
       </div>
-<!--      <div v-show="['add', 'edit'].includes(status)" class="pd-body">-->
+      <!--      <div v-show="['add', 'edit'].includes(status)" class="pd-body">-->
       <div class="pd-body">
         <div class="title">基本信息</div>
         <BasicForm :disabled="status === 'detail'" @register="infoForm" />
         <div class="title">正文</div>
         <BasicForm :disabled="status === 'detail'" @register="detailForm">
           <template #imgSrc="{ field, model }">
-            <Upload :style="{pointerEvents: status === 'detail' ? 'none' : null}" style="width: 45%" v-model:file-list="fileList" list-type="picture">
+            <Upload
+              :style="{ pointerEvents: status === 'detail' ? 'none' : null }"
+              style="width: 45%"
+              v-model:file-list="fileList"
+              list-type="picture"
+            >
               <a-button>
                 <UploadOutlined />
                 选择图片
@@ -100,7 +105,14 @@
   const status = ref(route.query.status);
   const data = ref(route.query);
   const isSave = ref(false);
-  const fileList = ref([]);
+  const fileList = ref([
+    {
+      uid: 1,
+      name: '测试图片1',
+      status: 'done',
+      url: data.value.imgSrc[0],
+    },
+  ]);
   onMounted(() => {
     console.log('date', moment().format('YYYY-MM-DD HH:mm:ss'));
     setInfoValue({
@@ -115,6 +127,7 @@
   /**
    * 方法
    */
+
   function handleImg() {
     console.log('图片', fileList);
   }

src/views/servicePlatform/policyManagement/index.vue

@@ -18,7 +18,15 @@
     </template>
     <div class="h-full" style="padding: 0 25px">
       <BasicTable @register="registerTable" ref="table">
-        <template #bodyCell="{ column, record }">
+        <template #bodyCell="{ column, record, text }">
+          <template v-if="column.key === 'imgSrc'">
+            <TableImg
+              :size="60"
+              :simpleShow="true"
+              :showBadge="false"
+              :imgList="text"
+            />
+          </template>
           <template v-if="column.key === 'action'">
             <TableAction
               :actions="[
@@ -48,7 +56,14 @@
   import { onMounted, ref } from 'vue';
   import PageWrapper from '@/components/Page/src/PageWrapper.vue';
   import { useMessage } from '@/hooks/web/useMessage';
-  import {BasicTable, useTable, TableAction, BasicTableProps, FormProps} from '@/components/Table';
+  import {
+    BasicTable,
+    useTable,
+    TableAction,
+    BasicTableProps,
+    FormProps,
+    TableImg,
+  } from '@/components/Table';
   import { FileProtectOutlined } from '@ant-design/icons-vue';
   import {
     policyFormSchema,

src/views/servicePlatform/policyManagement/policy.data.ts

@@ -13,6 +13,10 @@ export const policyTableColumn: BasicColumn[] = [
     title: '发布人',
     dataIndex: 'uploadBy',
   },
+  {
+    title: '图片',
+    dataIndex: 'imgSrc',
+  },
   {
     title: '类型',
     dataIndex: 'type',

src/views/servicePlatform/policyManagement/policyData.ts

@@ -4,6 +4,7 @@ export const policyData = [
     title: '大数据安全法草案进入审议阶段，强化数据隐私保护',
     uploadTime: '2024-12-16 09:00:00',
     uploadBy: '张敏',
+    imgSrc: ['src/assets/images/测试图片1.jpg'],
     type: '国家政策',
     from: '法律日报',
     auditor: '李婷',
@@ -18,6 +19,7 @@ export const policyData = [
     title: '个人信息保护法实施细则公布，企业面临新合规挑战',
     uploadTime: '2024-12-15 14:30:00',
     uploadBy: '王强',
+    imgSrc: ['src/assets/images/测试图片1.jpg'],
     type: '国家政策',
     from: '法治网',
     auditor: '陈雪',
@@ -33,6 +35,7 @@ export const policyData = [
     title: '互联网公司加强数据安全防护，应对黑客攻击威胁',
     uploadTime: '2024-12-14 13:00:00',
     uploadBy: '李婷',
+    imgSrc: ['src/assets/images/测试图片1.jpg'],
     type: '行业新闻',
     from: '科技日报',
     auditor: '张敏',
@@ -49,6 +52,7 @@ export const policyData = [
     title: '数据安全审计新规出台：企业须定期报告安全漏洞',
     uploadTime: '2024-12-13 12:00:00',
     uploadBy: '陈雪',
+    imgSrc: ['src/assets/images/测试图片1.jpg'],
     type: '国家政策',
     from: '网络安全局',
     auditor: '王强',
@@ -65,6 +69,7 @@ export const policyData = [
     title: '2024年网络安全威胁形势严峻，数据泄露事件激增',
     uploadTime: '2024-12-12 16:45:00',
     uploadBy: '张敏',
+    imgSrc: ['src/assets/images/测试图片1.jpg'],
     type: '行业新闻',
     from: '网络安全公司',
     auditor: '李婷',
@@ -76,6 +81,7 @@ export const policyData = [
     title: '数字货币引发数据隐私争议，监管机构加强审查',
     uploadTime: '2024-12-11 18:00:00',
     uploadBy: '刘刚',
+    imgSrc: ['src/assets/images/测试图片1.jpg'],
     type: '行业新闻',
     from: '金融时报',
     auditor: '王强',
@@ -87,6 +93,7 @@ export const policyData = [
     title: '企业在数据保护方面的最佳实践，提升全球合规能力',
     uploadTime: '2024-12-10 11:30:00',
     uploadBy: '王强',
+    imgSrc: ['src/assets/images/测试图片1.jpg'],
     type: '行业新闻',
     from: '网络安全协会',
     auditor: '陈雪',
@@ -98,6 +105,7 @@ export const policyData = [
     title: '社交平台加强数据隐私保护，用户数据泄露风险降低',
     uploadTime: '2024-12-09 08:30:00',
     uploadBy: '李婷',
+    imgSrc: ['src/assets/images/测试图片1.jpg'],
     type: '行业新闻',
     from: '社交平台日报',
     auditor: '刘刚',
@@ -109,6 +117,7 @@ export const policyData = [
     title: '互联网信息办公室发布数据安全管理政策，要求全面整改',
     uploadTime: '2024-12-08 17:20:00',
     uploadBy: '王强',
+    imgSrc: ['src/assets/images/测试图片1.jpg'],
     type: '国家政策',
     from: '网信网',
     auditor: '张敏',
@@ -120,6 +129,7 @@ export const policyData = [
     title: '政府加强网络数据安全法治建设，强化监管机制',
     uploadTime: '2024-12-07 14:00:00',
     uploadBy: '陈雪',
+    imgSrc: ['src/assets/images/测试图片1.jpg'],
     type: '国家政策',
     from: '法律在线',
     auditor: '李婷',
@@ -131,6 +141,7 @@ export const policyData = [
     title: '2024年数据隐私保护法实施路径，专家提出具体建议',
     uploadTime: '2024-12-06 19:00:00',
     uploadBy: '张敏',
+    imgSrc: ['src/assets/images/测试图片1.jpg'],
     type: '行业新闻',
     from: '时讯',
     auditor: '王强',