Commit 12277605 authored by baiyinhao's avatar baiyinhao

修改页面

parent db1fa1a2
...@@ -55,14 +55,14 @@ export const myRegistrationColumnsForDetail: BasicColumn[] = [ ...@@ -55,14 +55,14 @@ export const myRegistrationColumnsForDetail: BasicColumn[] = [
title: '数据来源', title: '数据来源',
dataIndex: 'dataBase', dataIndex: 'dataBase',
}, },
{ // {
title: '数据类型', // title: '数据类型',
dataIndex: 'dataType', // dataIndex: 'dataType',
}, // },
{ // {
title: '数据格式', // title: '数据格式',
dataIndex: 'dataFormat', // dataIndex: 'dataFormat',
}, // },
{ {
title: '数据规模', title: '数据规模',
dataIndex: 'dataScale', dataIndex: 'dataScale',
...@@ -76,17 +76,21 @@ export const myRegistrationColumnsForDetail: BasicColumn[] = [ ...@@ -76,17 +76,21 @@ export const myRegistrationColumnsForDetail: BasicColumn[] = [
dataIndex: 'enrollDate', dataIndex: 'enrollDate',
}, },
{ {
title: '登记备案状态', title: '申请人',
dataIndex: 'enrollStatus', dataIndex: 'applicant',
},
{
title: '是否存在异议',
dataIndex: 'isObjection',
},
{
title: '状态',
dataIndex: 'status',
}, },
// {
// title: '登记备案状态',
// dataIndex: 'enrollStatus',
// },
// {
// title: '是否存在异议',
// dataIndex: 'isObjection',
// },
// {
// title: '状态',
// dataIndex: 'status',
// },
{ {
title: '存证公证编号', title: '存证公证编号',
dataIndex: 'storageNum', dataIndex: 'storageNum',
...@@ -103,6 +107,14 @@ export const myRegistrationColumnsForDetail: BasicColumn[] = [ ...@@ -103,6 +107,14 @@ export const myRegistrationColumnsForDetail: BasicColumn[] = [
title: '数据结构', title: '数据结构',
dataIndex: 'dataStructure', dataIndex: 'dataStructure',
}, },
{
title: '应用场景',
dataIndex: 'applyScene',
},
{
title: '算法规则简述',
dataIndex: 'ruleExplain',
},
]; ];
export const myRegistrationForm: FormSchema[] = [ export const myRegistrationForm: FormSchema[] = [
{ {
......
...@@ -20,6 +20,9 @@ export const myRegistrationData: any[] = [ ...@@ -20,6 +20,9 @@ export const myRegistrationData: any[] = [
status: '已上架', status: '已上架',
enrollBook: ['src/assets/images/登记证书.jpg'], enrollBook: ['src/assets/images/登记证书.jpg'],
dataStructure: ['src/assets/images/登记证书.jpg'], dataStructure: ['src/assets/images/登记证书.jpg'],
applyScene: '大数据分析',
ruleExplain:
'大数据处理引擎采用分布式计算架构,通过MapReduce编程模型实现海量数据的并行处理。数据存储在HDFS文件系统中,Spark SQL负责数据处理和分析,生成结果数据后存储在NoSQL数据库中。整个过程由YARN资源管理器调度和监控,确保高效、可靠的数据处理。',
}, },
{ {
enrollNum: 'B987654321', enrollNum: 'B987654321',
...@@ -39,6 +42,9 @@ export const myRegistrationData: any[] = [ ...@@ -39,6 +42,9 @@ export const myRegistrationData: any[] = [
storageNum: '13289712kdbex6', storageNum: '13289712kdbex6',
storagePlatform: '阿里云公证平台', storagePlatform: '阿里云公证平台',
dataStructure: ['src/assets/images/登记证书.jpg'], dataStructure: ['src/assets/images/登记证书.jpg'],
applyScene: '大数据分析',
ruleExplain:
'大数据处理引擎采用分布式计算架构,通过MapReduce编程模型实现海量数据的并行处理。数据存储在HDFS文件系统中,Spark SQL负责数据处理和分析,生成结果数据后存储在NoSQL数据库中。整个过程由YARN资源管理器调度和监控,确保高效、可靠的数据处理。',
}, },
{ {
enrollNum: 'C112233445', enrollNum: 'C112233445',
...@@ -58,6 +64,9 @@ export const myRegistrationData: any[] = [ ...@@ -58,6 +64,9 @@ export const myRegistrationData: any[] = [
storageNum: '123456789kdbex6', storageNum: '123456789kdbex6',
storagePlatform: '华为云数据平台', storagePlatform: '华为云数据平台',
dataStructure: ['src/assets/images/登记证书.jpg'], dataStructure: ['src/assets/images/登记证书.jpg'],
applyScene: '大数据分析',
ruleExplain:
'大数据处理引擎采用分布式计算架构,通过MapReduce编程模型实现海量数据的并行处理。数据存储在HDFS文件系统中,Spark SQL负责数据处理和分析,生成结果数据后存储在NoSQL数据库中。整个过程由YARN资源管理器调度和监控,确保高效、可靠的数据处理。',
}, },
{ {
enrollNum: 'D223344556', enrollNum: 'D223344556',
...@@ -77,6 +86,9 @@ export const myRegistrationData: any[] = [ ...@@ -77,6 +86,9 @@ export const myRegistrationData: any[] = [
storageNum: '13289712kdbex6', storageNum: '13289712kdbex6',
storagePlatform: '阿里云公证平台', storagePlatform: '阿里云公证平台',
dataStructure: ['src/assets/images/登记证书.jpg'], dataStructure: ['src/assets/images/登记证书.jpg'],
applyScene: '大数据分析',
ruleExplain:
'大数据处理引擎采用分布式计算架构,通过MapReduce编程模型实现海量数据的并行处理。数据存储在HDFS文件系统中,Spark SQL负责数据处理和分析,生成结果数据后存储在NoSQL数据库中。整个过程由YARN资源管理器调度和监控,确保高效、可靠的数据处理。',
}, },
{ {
enrollNum: 'E334455667', enrollNum: 'E334455667',
...@@ -96,6 +108,9 @@ export const myRegistrationData: any[] = [ ...@@ -96,6 +108,9 @@ export const myRegistrationData: any[] = [
storageNum: '987654321kdbex6', storageNum: '987654321kdbex6',
storagePlatform: '腾讯云数据中心', storagePlatform: '腾讯云数据中心',
dataStructure: ['src/assets/images/登记证书.jpg'], dataStructure: ['src/assets/images/登记证书.jpg'],
applyScene: '大数据分析',
ruleExplain:
'大数据处理引擎采用分布式计算架构,通过MapReduce编程模型实现海量数据的并行处理。数据存储在HDFS文件系统中,Spark SQL负责数据处理和分析,生成结果数据后存储在NoSQL数据库中。整个过程由YARN资源管理器调度和监控,确保高效、可靠的数据处理。',
}, },
{ {
enrollNum: 'F445566778', enrollNum: 'F445566778',
...@@ -115,6 +130,9 @@ export const myRegistrationData: any[] = [ ...@@ -115,6 +130,9 @@ export const myRegistrationData: any[] = [
storageNum: '123456789kdbex6', storageNum: '123456789kdbex6',
storagePlatform: '华为云数据平台', storagePlatform: '华为云数据平台',
dataStructure: ['src/assets/images/登记证书.jpg'], dataStructure: ['src/assets/images/登记证书.jpg'],
applyScene: '大数据分析',
ruleExplain:
'大数据处理引擎采用分布式计算架构,通过MapReduce编程模型实现海量数据的并行处理。数据存储在HDFS文件系统中,Spark SQL负责数据处理和分析,生成结果数据后存储在NoSQL数据库中。整个过程由YARN资源管理器调度和监控,确保高效、可靠的数据处理。',
}, },
{ {
enrollNum: 'G556677889', enrollNum: 'G556677889',
...@@ -134,6 +152,9 @@ export const myRegistrationData: any[] = [ ...@@ -134,6 +152,9 @@ export const myRegistrationData: any[] = [
storageNum: '13289712kdbex6', storageNum: '13289712kdbex6',
storagePlatform: '阿里云公证平台', storagePlatform: '阿里云公证平台',
dataStructure: ['src/assets/images/登记证书.jpg'], dataStructure: ['src/assets/images/登记证书.jpg'],
applyScene: '大数据分析',
ruleExplain:
'大数据处理引擎采用分布式计算架构,通过MapReduce编程模型实现海量数据的并行处理。数据存储在HDFS文件系统中,Spark SQL负责数据处理和分析,生成结果数据后存储在NoSQL数据库中。整个过程由YARN资源管理器调度和监控,确保高效、可靠的数据处理。',
}, },
{ {
enrollNum: 'H667788990', enrollNum: 'H667788990',
...@@ -153,6 +174,9 @@ export const myRegistrationData: any[] = [ ...@@ -153,6 +174,9 @@ export const myRegistrationData: any[] = [
storageNum: '987654321kdbex6', storageNum: '987654321kdbex6',
storagePlatform: '腾讯云数据中心', storagePlatform: '腾讯云数据中心',
dataStructure: ['src/assets/images/登记证书.jpg'], dataStructure: ['src/assets/images/登记证书.jpg'],
applyScene: '大数据分析',
ruleExplain:
'大数据处理引擎采用分布式计算架构,通过MapReduce编程模型实现海量数据的并行处理。数据存储在HDFS文件系统中,Spark SQL负责数据处理和分析,生成结果数据后存储在NoSQL数据库中。整个过程由YARN资源管理器调度和监控,确保高效、可靠的数据处理。',
}, },
{ {
enrollNum: 'I778899001', enrollNum: 'I778899001',
...@@ -172,6 +196,9 @@ export const myRegistrationData: any[] = [ ...@@ -172,6 +196,9 @@ export const myRegistrationData: any[] = [
storageNum: '123456789kdbex6', storageNum: '123456789kdbex6',
storagePlatform: '华为云数据平台', storagePlatform: '华为云数据平台',
dataStructure: ['src/assets/images/登记证书.jpg'], dataStructure: ['src/assets/images/登记证书.jpg'],
applyScene: '大数据分析',
ruleExplain:
'大数据处理引擎采用分布式计算架构,通过MapReduce编程模型实现海量数据的并行处理。数据存储在HDFS文件系统中,Spark SQL负责数据处理和分析,生成结果数据后存储在NoSQL数据库中。整个过程由YARN资源管理器调度和监控,确保高效、可靠的数据处理。',
}, },
{ {
enrollNum: 'J889900112', enrollNum: 'J889900112',
...@@ -191,5 +218,8 @@ export const myRegistrationData: any[] = [ ...@@ -191,5 +218,8 @@ export const myRegistrationData: any[] = [
storageNum: '123456789kdbex6', storageNum: '123456789kdbex6',
storagePlatform: '华为云数据平台', storagePlatform: '华为云数据平台',
dataStructure: ['src/assets/images/登记证书.jpg'], dataStructure: ['src/assets/images/登记证书.jpg'],
applyScene: '大数据分析',
ruleExplain:
'大数据处理引擎采用分布式计算架构,通过MapReduce编程模型实现海量数据的并行处理。数据存储在HDFS文件系统中,Spark SQL负责数据处理和分析,生成结果数据后存储在NoSQL数据库中。整个过程由YARN资源管理器调度和监控,确保高效、可靠的数据处理。',
}, },
]; ];
...@@ -59,6 +59,14 @@ export const setInfoSchema = [ ...@@ -59,6 +59,14 @@ export const setInfoSchema = [
field: 'sourceTableSize', field: 'sourceTableSize',
label: '源表大小', label: '源表大小',
}, },
{
field: 'storageNum',
label: '存证公证编号',
},
{
field: 'storagePlatform',
label: '存证公证平台',
},
{ {
field: 'releaseStatus', field: 'releaseStatus',
label: '发布状态', label: '发布状态',
...@@ -101,10 +109,6 @@ export const fileInfoSchema = [ ...@@ -101,10 +109,6 @@ export const fileInfoSchema = [
field: 'name', field: 'name',
label: '资源名称', label: '资源名称',
}, },
{
field: 'path',
label: '路径',
},
{ {
field: 'des', field: 'des',
label: '描述', label: '描述',
...@@ -114,16 +118,28 @@ export const fileInfoSchema = [ ...@@ -114,16 +118,28 @@ export const fileInfoSchema = [
label: '权属机构', label: '权属机构',
}, },
{ {
field: 'label', field: 'sceneType',
label: '业务标签', label: '场景类型',
}, },
{ {
field: 'sensitive', label: '数据来源',
label: '敏感状态', field: 'source',
}, },
{ {
field: 'level', label: '应用场景',
label: '安全分级', field: 'scene',
},
{
label: '算法规则简述',
field: 'ruleExplain',
},
{
label: '存证公证编号',
field: 'storageNum',
},
{
label: '存证公证平台',
field: 'storagePlatform',
}, },
]; ];
export const fileTableColumn: BasicColumn[] = [ export const fileTableColumn: BasicColumn[] = [
...@@ -165,6 +181,14 @@ export const apiInfoSchema = [ ...@@ -165,6 +181,14 @@ export const apiInfoSchema = [
label: '开放权限', label: '开放权限',
field: 'power', field: 'power',
}, },
{
field: 'storageNum',
label: '存证公证编号',
},
{
field: 'storagePlatform',
label: '存证公证平台',
},
]; ];
export const apiConfigSchema = [ export const apiConfigSchema = [
{ {
......
...@@ -11,6 +11,8 @@ export const setDataInfo = { ...@@ -11,6 +11,8 @@ export const setDataInfo = {
releaser: 'admin', releaser: 'admin',
releaseDate: '2024-11-29 13:41:11', releaseDate: '2024-11-29 13:41:11',
describe: '公司人力资源信息表', describe: '公司人力资源信息表',
storageNum: '1722544772',
storagePlatform: '阿里云数据中心',
}; };
export const setManageData = { export const setManageData = {
resourceCataloging: 'test1', resourceCataloging: 'test1',
...@@ -28,6 +30,12 @@ export const fileInfoData = { ...@@ -28,6 +30,12 @@ export const fileInfoData = {
label: '资源', label: '资源',
sensitive: '非敏感', sensitive: '非敏感',
level: '未分级', level: '未分级',
sceneType: '无',
storageNum: '1722544772',
storagePlatform: '阿里云数据中心',
source: '阿里云数据中心',
scene: '常见运算场景',
ruleExplain: '大数据处理引擎采用分布式计算架构,通过MapReduce编程模型实现海量数据的并行处理。',
}; };
export const fileTableData = [ export const fileTableData = [
{ {
...@@ -43,6 +51,8 @@ export const apiInfoData = { ...@@ -43,6 +51,8 @@ export const apiInfoData = {
dept: '三十五所', dept: '三十五所',
sensitive: '非敏感', sensitive: '非敏感',
power: 'API服务调用', power: 'API服务调用',
storageNum: '1722543722',
storagePlatform: '阿里云数据中心',
}; };
export const apiConfigData = { export const apiConfigData = {
time: '2024-12-1200:00:00', time: '2024-12-1200:00:00',
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
</div> </div>
<div v-else class="h-group"> <div v-else class="h-group">
<a-button <a-button
v-if="['数据集', '文件'].includes(data.type)" v-if="['数据集', '数据服务'].includes(data.type)"
class="btn" class="btn"
type="primary" type="primary"
@click="handleDownload()" @click="handleDownload()"
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
</Col> </Col>
</Row> </Row>
</div> </div>
<div style="padding: 20px"> <!-- <div style="padding: 20px">
<div class="title">权限信息</div> <div class="title">权限信息</div>
<Row :gutter="[12, 20]"> <Row :gutter="[12, 20]">
<Col :span="12" v-for="info in setPermissionSchema" :key="info"> <Col :span="12" v-for="info in setPermissionSchema" :key="info">
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
</div> </div>
</Col> </Col>
</Row> </Row>
</div> </div> -->
<Tabs style="padding-left: 20px" v-model:activeKey="page" size="large"> <Tabs style="padding-left: 20px" v-model:activeKey="page" size="large">
<a-tab-pane key="1" tab="采样数据"> <a-tab-pane key="1" tab="采样数据">
<div v-show="page === '1'"> <div v-show="page === '1'">
...@@ -119,8 +119,8 @@ ...@@ -119,8 +119,8 @@
</a-tab-pane> </a-tab-pane>
</Tabs> </Tabs>
</div> </div>
<!--文件--> <!--数据服务-->
<div v-if="data.type === '文件'"> <div v-if="data.type === '数据服务'">
<div style="padding: 20px"> <div style="padding: 20px">
<div class="title">基本信息</div> <div class="title">基本信息</div>
<Row :gutter="[12, 20]"> <Row :gutter="[12, 20]">
...@@ -134,7 +134,7 @@ ...@@ -134,7 +134,7 @@
</Col> </Col>
</Row> </Row>
</div> </div>
<div style="padding: 20px"> <!-- <div style="padding: 20px">
<div class="title">文件信息</div> <div class="title">文件信息</div>
<Row :gutter="[12, 20]"> <Row :gutter="[12, 20]">
<Col :span="12"> <Col :span="12">
...@@ -144,7 +144,7 @@ ...@@ -144,7 +144,7 @@
</div> </div>
</Col> </Col>
</Row> </Row>
</div> </div> -->
<div style="padding: 20px"> <div style="padding: 20px">
<div class="title">文件列表</div> <div class="title">文件列表</div>
<Input style="width: 220px" placeholder="搜索文件名称" v-model:value="fileSearchKey"> <Input style="width: 220px" placeholder="搜索文件名称" v-model:value="fileSearchKey">
...@@ -185,7 +185,7 @@ ...@@ -185,7 +185,7 @@
</Col> </Col>
</Row> </Row>
</div> </div>
<div style="padding: 20px"> <!-- <div style="padding: 20px">
<div class="title">上架配置</div> <div class="title">上架配置</div>
<Row :gutter="[12, 20]"> <Row :gutter="[12, 20]">
<Col :span="12" v-for="info in apiConfigSchema" :key="info"> <Col :span="12" v-for="info in apiConfigSchema" :key="info">
...@@ -197,7 +197,7 @@ ...@@ -197,7 +197,7 @@
</div> </div>
</Col> </Col>
</Row> </Row>
</div> </div> -->
</TabPane> </TabPane>
<TabPane key="2" tab="API详情"> <TabPane key="2" tab="API详情">
<div> <div>
...@@ -545,40 +545,49 @@ ...@@ -545,40 +545,49 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 10px; gap: 10px;
.h-back { .h-back {
font-size: 20px; font-size: 20px;
} }
.h-icon { .h-icon {
font-size: 30px;
color: #0a208a; color: #0a208a;
font-size: 30px;
} }
.h-txt { .h-txt {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.h-des { .h-des {
font-size: 20px; font-size: 20px;
font-weight: bolder; font-weight: bolder;
} }
.h-path { .h-path {
color: #a4a8b6; color: #a4a8b6;
} }
} }
} }
.h-group { .h-group {
display: flex; display: flex;
gap: 10px; gap: 10px;
} }
.col-item { .col-item {
margin-left: 20px;
display: flex; display: flex;
margin-left: 20px;
gap: 10px; gap: 10px;
.item-label { .item-label {
width: 100px; width: 100px;
} }
} }
.title { .title {
font-weight: bolder;
font-size: 16px;
margin: 15px 0; margin: 15px 0;
font-size: 16px;
font-weight: bolder;
} }
</style> </style>
...@@ -242,25 +242,31 @@ ...@@ -242,25 +242,31 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 10px; gap: 10px;
.h-back { .h-back {
font-size: 20px; font-size: 20px;
} }
.h-icon { .h-icon {
font-size: 30px;
color: #0a208a; color: #0a208a;
font-size: 30px;
} }
.h-txt { .h-txt {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.h-des { .h-des {
font-size: 20px; font-size: 20px;
font-weight: bolder; font-weight: bolder;
} }
.h-path { .h-path {
color: #a4a8b6; color: #a4a8b6;
} }
} }
} }
.h-group { .h-group {
display: flex; display: flex;
gap: 10px; gap: 10px;
......
...@@ -7,7 +7,7 @@ export const orderTableColumn: BasicColumn[] = [ ...@@ -7,7 +7,7 @@ export const orderTableColumn: BasicColumn[] = [
slots: { customRender: 'name' }, slots: { customRender: 'name' },
}, },
{ {
title: '订单类型', title: '数据服务类型',
dataIndex: 'type', dataIndex: 'type',
}, },
{ {
......
...@@ -41,7 +41,7 @@ export const orderData = [ ...@@ -41,7 +41,7 @@ export const orderData = [
}, },
{ {
name: '月度销售报告', name: '月度销售报告',
type: '文件', type: '数据服务',
version: 'v1.1', version: 'v1.1',
uploadPerson: '李伟', uploadPerson: '李伟',
money: 5000, money: 5000,
...@@ -51,7 +51,7 @@ export const orderData = [ ...@@ -51,7 +51,7 @@ export const orderData = [
}, },
{ {
name: '季度运营总结', name: '季度运营总结',
type: '文件', type: '数据服务',
version: 'v2.0', version: 'v2.0',
uploadPerson: '孙涛', uploadPerson: '孙涛',
money: 3000, money: 3000,
......
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