交易市场-数据服务

src/views/AAAFont/tradingMarket/details/data.ts

 import { BasicColumn, FormSchema } from '@/components/Table';
 import { DescItem } from '@/components/Description';
+
 export const searchEditFormSchema: FormSchema[] = [
   {
     field: 'name',
@@ -199,7 +200,6 @@ export const informationColumns: BasicColumn[] = [
   },
 ];
 
-
 export const apiConfigTableData = [
   {
     field: 'product_name',
@@ -280,29 +280,118 @@ export const apiBackTableData = [
   },
 ];
 
-export const applyInfoData: any[]= {
+export const applyInfoData: any[] = {
   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: '已于「知识产权区块链公共存证平台」存证',
-}
+  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: '已于「知识产权区块链公共存证平台」存证',
+};
+
+// 交易市场-数据服务详情-基本信息
+export const serviceDataFormSchema = [
+  {
+    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: 12,
+    label: '场景类型',
+    field: 'sceneType',
+  },
+  {
+    span: 12,
+    label: '数据结构',
+    field: 'dataStructure',
+  },
+  {
+    span: 12,
+    label: '数据规模',
+    field: 'dataSize',
+  },
+  {
+    span: 12,
+    label: '更新频次',
+    field: 'updateRate',
+  },
+  {
+    span: 12,
+    label: '应用场景',
+    field: 'applyScene',
+  },
+
+  {
+    span: 12,
+    label: '算法规则简要说明',
+    field: 'ruleExplain',
+  },
+  {
+    span: 12,
+    label: '公证编号',
+    field: 'publicCode',
+  },
+  {
+    span: 12,
+    label: '存证公证情况',
+    field: 'publicSituation',
+  },
+];
+export const fileTableColumn: BasicColumn[] = [
+  {
+    title: '文件名称',
+    dataIndex: 'name',
+  },
+  {
+    title: '大小',
+    dataIndex: 'size',
+  },
+  {
+    title: '文件类型',
+    dataIndex: 'type',
+  },
+];

src/views/AAAFont/tradingMarket/details/dataFileData.ts

-import {BasicColumn} from "@/components/Table";
+import { BasicColumn } from '@/components/Table';
 
 export const basicData = {
   name: 'wyx_contact',
@@ -124,8 +124,13 @@ export const informationTableList: any[] = [
     standard: '-',
   },
 ];
-
-
+export const fileTableData = [
+  {
+    name: 'ZPSRP0010逻辑.docX',
+    size: '15.82K',
+    type: 'WORD',
+  },
+];
 export const apiBackTableColumn: BasicColumn[] = [
   {
     title: '列名',
@@ -175,7 +180,7 @@ export const apiConfigTableColumn: BasicColumn[] = [
   },
 ];
 
-export const applyInfo: any[]= [
+export const applyInfo: any[] = [
   {
     span: 12,
     label: '登记编号',
@@ -243,4 +248,30 @@ export const applyInfo: any[]= [
     label: '存证公证情况',
     field: 'publicSituation',
   },
-]
+];
+export const serviceDataInfo = {
+  enrollCode: 'DIP2024000084573',
+  enrollDate: '2016-05-02',
+  applicant: '**先导精密机械有限公司',
+  dataName: '关系型与非关系型数据库分析数据',
+  industry: '科学研究和技术服务业',
+  dataSource: '自行产生',
+  sceneType: '场景一',
+  dataStructure: '关系型与非关系型数据库分析数据',
+  dataSize: '932条',
+  updateRate: '每分钟',
+  applyScene:
+    '光温湿指数（THSW)是衡量人体在特定环境下舒适程度的重要指\n' +
+    '标。它考虑了影响人体舒适度的多个关键因素，如温度、湿\n' +
+    '度、太阳辐射和风等，因此能够更全面地反映人体在不同环境\n' +
+    '下的感受。通过THSW指数，可以了解城市的气候特点，为人们的出行\n' +
+    '和居住提供参考。',
+  ruleExplain:
+    '（1）数据采集：通过在线设备，每分钟实时测量获取' +
+    '区段温度、湿度及光照强度数据；（2）数据处\n' +
+    '理：将数据清洗后，根据公式光温湿指数（THSW)=温度*温度\n' +
+    '权重（α）+湿度*湿度权重（β）+光照强度*光照权重（v），\n' +
+    '三项权重为设定的固定值，计算结果保留小数点后两位。',
+  publicCode: 'NO.9294483',
+  publicSituation: '已于「知识产权区块链公共存证平台」存证',
+};

src/views/AAAFont/tradingMarket/details/dataSet.vue

 <template>
   <PageWrapper class="content-padding" contentBackground @back="goBack">
-      <template #headerContent>
-        <div class="modal_top">
+    <template #headerContent>
+      <div class="modal_top">
+        <Icon
+          icon="ep:arrow-left-bold"
+          :size="20"
+          style="margin-right: 5px"
+          :color="'#a3a7b1'"
+          @click="goBack"
+        />
+        <div>
           <Icon
-            icon="ep:arrow-left-bold"
-            :size="20"
-            style="margin-right: 5px"
-            :color="'#a3a7b1'"
-            @click="goBack"
+            icon="material-symbols-light:dataset-linked-outline-sharp"
+            :size="40"
+            :color="'#64c6e9'"
           />
-          <div>
-            <Icon
-              icon="material-symbols-light:dataset-linked-outline-sharp"
-              :size="40"
-              :color="'#64c6e9'"
-            />
-          </div>
-          <div class="ml-3">
-            <div class="title">数据服务</div>
-            <div class="path">党建工作总结</div>
-          </div>
-          <div class="buttonGroup"><a-button
+        </div>
+        <div class="ml-3">
+          <div class="title">数据服务</div>
+          <div class="path">党建工作总结</div>
+        </div>
+        <div class="buttonGroup"
+          ><a-button
             style="color: #486fe1; background-color: #dce5f9"
             type="link"
             @click="handleSubmit"
-          >提交订单</a-button>
-          </div>
+            >提交订单</a-button
+          >
         </div>
-      </template>
-      <div class="desc-wrap">
-        <step-header title="基本信息" />
-          <Description
-            size="middle"
-            :bordered="false"
-            :column="2"
-            :data="basicData"
-            :schema="basicSchema"
-            :labelStyle="{ fontSize: '16px' }"
-            :contentStyle="{ fontSize: '16px' }"
-          />
-        <step-header class="mt-5" title="列信息" />
-          <BasicTable @register="registerTable" />
       </div>
+    </template>
+    <div class="desc-wrap">
+      <step-header title="基本信息" />
+      <Row :gutter="[16, 30]">
+        <Col :span="info.span" v-for="info in serviceDataFormSchema" :key="info">
+          <div class="col-item">
+            <div class="item-label">{{ info.label }}：</div>
+            <div class="item-des">{{
+              serviceDataInfo[info.field] ? serviceDataInfo[info.field] : '-'
+            }}</div>
+          </div>
+        </Col>
+      </Row>
+      <step-header class="mt-5" title="文件信息" />
+      <BasicTable @register="registerTable" />
+    </div>
     <ModelSubmit @register="registerModal" />
   </PageWrapper>
 </template>
 
 <script lang="ts" setup>
-  import { onMounted, ref } from 'vue';
+  import { onMounted } from 'vue';
   import { PageWrapper } from '@/components/Page';
-  import { Tabs } from 'ant-design-vue';
+  import { Tabs, Row, Col } from 'ant-design-vue';
   import { useMessage } from '@/hooks/web/useMessage';
   import { router } from '@/router';
   import Icon from '@/components/Icon/Icon.vue';
   import { Description } from '@/components/Description';
-  import { basicSchema, searchEditFormSchema, informationColumns } from './data';
-  import { basicData, informationTableList } from './dataFileData';
+  import {
+    basicSchema,
+    searchEditFormSchema,
+    informationColumns,
+    serviceDataFormSchema, fileTableColumn,
+  } from './data';
+  import {basicData, fileTableData, informationTableList, serviceDataInfo} from './dataFileData';
   import { BasicTable, useTable } from '@/components/Table';
-  import BasicTitle from "@/components/Basic/src/BasicTitle.vue";
-  import StepHeader from "@/components/stepHeader.vue";
-  import {useModal} from "@/components/Modal";
-  import ModelSubmit from "@/views/AAAFont/tradingMarket/details/modelSubmit.vue";
+  import BasicTitle from '@/components/Basic/src/BasicTitle.vue';
+  import StepHeader from '@/components/stepHeader.vue';
+  import { useModal } from '@/components/Modal';
+  import ModelSubmit from '@/views/AAAFont/tradingMarket/details/modelSubmit.vue';
 
   defineOptions({ name: 'AccountDetail' });
 
@@ -75,14 +83,17 @@
         pageNu: '1',
         pageSize: '10',
         pages: '1',
-        total: informationTableList.length,
+        // total: informationTableList.length,
+        total: fileTableData.length,
         code: '',
         message: '',
-        data: informationTableList,
+        // data: informationTableList,
+        data: fileTableData,
       };
       return { ...response };
     },
-    columns: informationColumns,
+    // columns: informationColumns,
+    columns: fileTableColumn,
     formConfig: {
       labelWidth: 10,
       schemas: searchEditFormSchema,
@@ -139,5 +150,21 @@
       align-items: center;
     }
   }
-
+  .col-item {
+    display: flex;
+    gap: 10px;
+    .item-label {
+      margin-left: -60px;
+      font-size: 16px;
+      width: 150px;
+      display: flex;
+      color: #606266;
+      justify-content: right;
+    }
+    .item-des {
+      width: 400px;
+      font-size: 16px;
+      line-height: 22px;
+    }
+  }
 </style>

src/views/personalCenter/orderingInformation/detail/index.vue

@@ -470,6 +470,7 @@
   });
   const [fileTable] = useTable({
     title: '',
+    scroll: { y: 300 },
     api: async (params) => {
       console.log('params:', params);
       const response = {