Skip to content

B
bigDataSystem
Commit 8469ba7d authored by 曹泽华's avatar 曹泽华
Browse files
Options

登记公示

parent 6aa548ef
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 557 additions and 240 deletions
src/router/routes/index.ts
View file @ 8469ba7d
......@@ -165,6 +165,14 @@ export const PCFontRoute: AppRouteRecordRaw = {
title: '',
},
},
{
path: '/aaaFont/dataRegistration/enrollPublicDetail',
name: 'enrollPublicDetail',
component: () => import('@/views/AAAFont/dataRegistration/enrollPublicDetail.vue'),
meta: {
title: '',
},
},
{
path: '/aaaFont/font/moreData',
name: 'moreData',
......
src/views/AAAFont/dataRegistration/enrollPublicDetail.vue 0 → 100644
View file @ 8469ba7d
<template>
<div class="item-content-box">
<el-card style="width: 1440px; margin: 60px 0 113px 0">
<div style="margin-top: 30px"
><Icon style="color: #409eff" icon="ant-design:send-outlined" />公示详情</div
>
<Row :gutter="[16, 30]">
<Col :span="info.span" v-for="info in applyInfo" :key="info">
<div class="col-item">
<div class="item-label">{{ info.label }}：</div>
<div class="item-des">{{
applyInfoData[info.field] ? applyInfoData[info.field] : '-'
}}</div>
</div>
</Col>
</Row>
<el-button-group>
<el-button plain class="back-button" type="text" @click="handleCancel">
<Icon :size="24" icon="icon-park-solid:left-c" />&nbsp;返回
</el-button>
</el-button-group>
</el-card>
</div>
</template>
<script>
import { Col, Row } from 'ant-design-vue';
import Icon from '@/components/Icon/Icon.vue';
export default {
name: 'EnrollPublicDetail',
components: { Icon, Row, Col },
data() {
return {
form: {
enrollCode: '',
enrollDate: '',
applicant: '',
dataName: '',
industry: '',
dataSource: '',
dataStructure: '',
dataSize: '',
updateRate: '',
applyScene: '',
ruleExplain: '',
publicCode: '',
publicSituation: '',
},
applyInfo: [
{
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: 24,
label: '数据结构',
field: 'dataStructure',
},
{
span: 12,
label: '数据规模',
field: 'dataSize',
},
{
span: 12,
label: '更新频次',
field: 'updateRate',
},
{
span: 12,
label: '应用场景',
field: 'applyScene',
},
{
span: 12,
label: '算法规则简要说明',
field: 'ruleExplain',
},
],
applyInfoData: {
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: '已于「知识产权区块链公共存证平台」存证',
},
};
},
methods: {
handleSubmit() {
this.$message.success('提交成功！');
this.$router.go(-1);
},
handleCancel() {
this.$router.go(-1);
},
},
};
</script>
<style scoped>
.col-item {
display: flex;
gap: 10px;
margin: 20px 60px;
.item-label {
width: 127px;
display: flex;
justify-content: right;
color: #606266;
}
.item-img {
width: 150px;
height: 100px;
}
.item-des {
width: 400px;
}
}
.input1 {
width: 90%;
}
.row1 {
margin: 30px 115px;
}
.item-content-box {
display: flex;
flex-direction: column;
align-items: center;
background-color: #fbfdff;
height: calc(100% - 160px);
}
.back-button {
position: absolute;
top: 0;
right: 12%;
font-size: 18px;
margin-top: 3px;
color: #3a5cde;
}
</style>
src/views/AAAFont/dataRegistration/index.vue
View file @ 8469ba7d
......@@ -30,14 +30,14 @@
>登记申请</el-button
>
<h3 class="content-item-h3">登记公示</h3>
<h3 class="content-item-h3">数据公示</h3>
<span class="title_bottom">共114条数据，公示期为10个工作日</span>
<div class="tab-pane">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane name="first">
<template #label>
<span class="mb-4" style="font-size: 24px; font-weight: 700; color: #1962e2"
>登记平台(112)</span
>数据平台(112)</span
>
</template>
<el-row class="mt-5" :gutter="20">
......@@ -73,7 +73,9 @@
</div>
<div class="card_bottom">
<span style="color: #ec7520">公示中</span>
<el-button class="button" round>提交异议</el-button>
<el-button class="button" round @click="handleObjection"
>提交异议</el-button
>
</div>
</el-card>
</el-col>
......@@ -147,7 +149,9 @@
</div>
<div class="card_bottom">
<span style="color: #ec7520">公示中</span>
<el-button class="button" round>提交异议</el-button>
<el-button class="button" round @click="handleObjection"
>提交异议</el-button
>
</div>
</el-card>
</el-col>
......@@ -161,14 +165,14 @@
</el-button-group>
</div>
<h3 class="content-item-h3">登记公告</h3>
<h3 class="content-item-h3">数据公告</h3>
<span class="title_bottom">共23659条数据</span>
<div class="tab-pane">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane name="first">
<template #label>
<span class="mb-4" style="font-size: 24px; font-weight: 700; color: #1962e2"
>登记平台(23659)</span
>数据平台(23659)</span
>
</template>
<el-table
......@@ -179,7 +183,7 @@
:data="tableData"
style="width: 1440px; font-size: 18px"
>
<el-table-column prop="address" width="500" label="数据集产权名称">
<el-table-column prop="address" width="500" label="数据服务产权名称">
<template #header="scope">
<span class="table-span-label">{{ scope.column.label }}</span>
</template>
......@@ -204,7 +208,7 @@
<!-- 登记公告查看更多-->
<div v-if="enrollNotice === '2'" class="item-content-box">
<el-card style="margin-top: 20px" v-for="card in cardList" class="box-card" shadow="hover">
<el-card style="margin-top: 50px" v-for="card in cardList" class="box-card" shadow="hover">
<template #header>
<div class="clearfix">
<div style="display: inline-block" class="triangle-box">登记成功</div>
......@@ -234,15 +238,18 @@
</Row>
</el-card>
<el-pagination
style="margin: 20px 0"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage4"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400"
style="margin-bottom: 20px"
class="mt-6"
background
layout="prev, pager, next"
:page-size="9"
:total="cardList.length"
/>
<el-button-group>
<el-button plain class="back-button1" type="text" @click="handleBack">
<Icon :size="24" icon="icon-park-solid:left-c" />&nbsp;返回
</el-button>
</el-button-group>
</div>
<!-- 登记公告详情页-->
......@@ -535,6 +542,9 @@
path: '/aaaFont/dataRegistration/enrollPublicObjection',
});
},
handleBack() {
this.$router.go(-1);
},
// 进入后台方法
toBackstage() {
......@@ -614,6 +624,16 @@
color: #3a5cde;
}
//tabs 按钮
.back-button1 {
position: absolute;
top: 0;
right: 12%;
font-size: 18px;
margin-top: 3px;
color: #3a5cde;
}
.card-row {
display: flex;
justify-content: space-around;
......@@ -812,4 +832,7 @@
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
</style>
src/views/AAAFont/front/index.vue
View file @ 8469ba7d
......@@ -52,7 +52,9 @@
</div>
<div class="card_bottom">
<span style="color: #ec7520">公示中</span>
<el-button class="button" round>提交异议</el-button>
<el-button class="button" round @click="handleObjection"
>提交异议</el-button
>
</div>
</el-card>
</el-col>
......@@ -93,13 +95,19 @@
<template #label>
<span class="mb-4 tab-label">全部动态</span>
</template>
<div class="right-li" v-for="text in [...policyData , ...newsData]">
<div class="right-li" v-for="text in [...policyData, ...newsData]">
<div class="li-left">
<el-tag v-if="policyData.includes(text)" type="danger" style="font-size: 14px">国家政策</el-tag>
<el-tag v-if="policyData.includes(text)" type="danger" style="font-size: 14px"
>国家政策</el-tag
>
<el-tag v-else style="font-size: 14px">行业新闻</el-tag>
</div>
<div class="li-middle" @click="handleDetails"><span>{{text.row}}</span></div>
<div class="li-right"><span>{{text.time}}</span></div>
<div class="li-middle" @click="handleDetails"
><span>{{ text.row }}</span></div
>
<div class="li-right"
><span>{{ text.time }}</span></div
>
</div>
</el-tab-pane>
<el-tab-pane class="tab-pane-li" name="second">
......@@ -110,10 +118,13 @@
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle" @click="handleDetails"><span>{{text.row}}</span></div>
<div class="li-right"><span>{{text.time}}</span></div>
<div class="li-middle" @click="handleDetails"
><span>{{ text.row }}</span></div
>
<div class="li-right"
><span>{{ text.time }}</span></div
>
</div>
</el-tab-pane>
<el-tab-pane class="tab-pane-li" name="third">
<template #label>
......@@ -123,10 +134,13 @@
<div class="li-left">
<el-tag style="font-size: 14px">行业新闻</el-tag>
</div>
<div class="li-middle" @click="handleDetails"><span>{{text.row}}</span></div>
<div class="li-right"><span>{{text.time}}</span></div>
<div class="li-middle" @click="handleDetails"
><span>{{ text.row }}</span></div
>
<div class="li-right"
><span>{{ text.time }}</span></div
>
</div>
</el-tab-pane>
</el-tabs>
</div>
......@@ -257,51 +271,51 @@
industryImg,
dynamicImg,
items,
policyData:[
policyData: [
{
tag: '国家政策',
row:'“数据知识产权登记平台”公示公告',
row: '“数据知识产权登记平台”公示公告',
time: '2023-06-06',
type:'danger'
type: 'danger',
},
{
tag: "国家政策",
row: "“人工智能伦理指导意见”征求意见稿发布",
time: "2023-08-15",
type: "danger"
tag: '国家政策',
row: '“人工智能伦理指导意见”征求意见稿发布',
time: '2023-08-15',
type: 'danger',
},
{
tag: "国家政策",
row: "“智慧城市建设资金补贴政策”公示",
time: "2023-05-20",
type: "danger"
tag: '国家政策',
row: '“智慧城市建设资金补贴政策”公示',
time: '2023-05-20',
type: 'danger',
},
{
tag: "国家政策",
row: "“全球数据流动与隐私保护国际会议”筹备公告",
time: "2023-06-30",
type: "danger"
tag: '国家政策',
row: '“全球数据流动与隐私保护国际会议”筹备公告',
time: '2023-06-30',
type: 'danger',
},
],
newsData:[
newsData: [
{
tag: '行业新闻',
row:'《数据安全负面行为清单》（评审版）',
row: '《数据安全负面行为清单》（评审版）',
time: '2023-06-06',
},
{
tag: '行业新闻',
row:'《中国数安港数据安全合规管理委员会工作规程》',
row: '《中国数安港数据安全合规管理委员会工作规程》',
time: '2023-06-06',
},
{
tag: '行业新闻',
row:'《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》',
row: '《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》',
time: '2023-06-06',
},
{
tag: '行业新闻',
row:'《数据处理主体责任清单》',
row: '《数据处理主体责任清单》',
time: '2023-06-06',
},
],
......@@ -359,29 +373,29 @@
],
tableData2: [
{
"applicationDate": "2016-07-10",
"upDate": "2016-07-10",
"name": "天津市融创软通科技股份有限公司",
"address": "5G通信技术与网络优化分析数据"
applicationDate: '2016-07-10',
upDate: '2016-07-10',
name: '天津市融创软通科技股份有限公司',
address: '5G通信技术与网络优化分析数据',
},
{
"applicationDate": "2016-07-14",
"upDate": "2016-07-14",
"name": "天津市融创软通科技股份有限公司",
"address": "智能交通系统与数据流分析"
applicationDate: '2016-07-14',
upDate: '2016-07-14',
name: '天津市融创软通科技股份有限公司',
address: '智能交通系统与数据流分析',
},
{
"applicationDate": "2016-07-20",
"upDate": "2016-07-20",
"name": "天津市融创软通科技股份有限公司",
"address": "无人驾驶技术与自动化系统分析数据"
applicationDate: '2016-07-20',
upDate: '2016-07-20',
name: '天津市融创软通科技股份有限公司',
address: '无人驾驶技术与自动化系统分析数据',
},
{
"applicationDate": "2016-07-25",
"upDate": "2016-07-25",
"name": "天津市融创软通科技股份有限公司",
"address": "大数据存储与云服务架构分析数据"
}
applicationDate: '2016-07-25',
upDate: '2016-07-25',
name: '天津市融创软通科技股份有限公司',
address: '大数据存储与云服务架构分析数据',
},
],
cardsData: [
{
......@@ -417,12 +431,17 @@
handleMore() {
this.$router.push({ path: '/aaaFont/font/moreData' });
},
handleDataService(){
handleDataService() {
this.$router.push({ path: '/aaaFont/tradingMarket' });
},
handleDetails(){
handleDetails() {
this.$router.push('/aaaFont/nationalPolicy/details');
},
handleObjection() {
this.$router.push({
path: '/aaaFont/dataRegistration/enrollPublicObjection',
});
},
// 进入后台方法
toBackstage() {
......@@ -575,11 +594,11 @@
height: 400px;
padding: 33px 24px 24px 24px;
.tab-pane-li{
.tab-pane-li {
height: 300px;
overflow-y: hidden;
}
.tab-pane-li:hover{
.tab-pane-li:hover {
overflow: auto;
}
......
src/views/AAAFont/front/moreData/index.vue
View file @ 8469ba7d
......@@ -3,7 +3,6 @@
<div class="subContainer">
<div class="item-content-box">
<div class="commonContainer">
<h3 class="content-item-h3">数据公示</h3>
<span class="title_bottom">共114条数据，公示期为10个工作日</span>
<div class="tab-pane">
......@@ -45,7 +44,9 @@
</div>
<div class="card_bottom">
<span style="color: #ec7520">公示中</span>
<el-button class="button" round>提交异议</el-button>
<el-button class="button" round @click="handleObjection"
>提交异议</el-button
>
</div>
</el-card>
</el-col>
......@@ -56,8 +57,8 @@
background
layout="prev, pager, next"
:page-size="9"
:total="cardsData.length">
</el-pagination>
:total="cardsData.length"
/>
</el-tabs>
<el-button-group>
<el-button plain class="back-button" type="text" @click="handleBack">
......@@ -66,7 +67,6 @@
</el-button-group>
</div>
</div>
</div>
</div>
</div>
......@@ -76,8 +76,6 @@
import Icon from '@/components/Icon/Icon.vue';
import cardLogo from '@/assets/images/mallHome/biaoqian.png';
export default {
name: 'Front',
components: { Icon },
......@@ -177,7 +175,11 @@
handleBack() {
this.$router.go(-1);
},
handleObjection() {
this.$router.push({
path: '/aaaFont/dataRegistration/enrollPublicObjection',
});
},
},
};
</script>
......@@ -281,7 +283,6 @@
}
}
.custom-table {
margin-bottom: 72px;
}
......@@ -294,5 +295,4 @@
.table-span-label {
margin-left: 80px;
}
</style>
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