Skip to content

B
bigDataSystem
Commit 12036cdb authored by LiXuyang's avatar LiXuyang
Browse files
Options

交易市场-数据服务

parent 347ee0d9
Hide whitespace changes
Inline Side-by-side
Showing with 225 additions and 77 deletions
src/views/AAAFont/tradingMarket/details/data.ts
View file @ 12036cdb
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
View file @ 12036cdb
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
View file @ 12036cdb
<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
View file @ 12036cdb
......@@ -470,6 +470,7 @@
});
const [fileTable] = useTable({
title: '',
scroll: { y: 300 },
api: async (params) => {
console.log('params:', params);
const response = {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment