Skip to content

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

登记公示

parent 6aa548ef
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 = { ...@@ -165,6 +165,14 @@ export const PCFontRoute: AppRouteRecordRaw = {
title: '', title: '',
}, },
}, },
{
path: '/aaaFont/dataRegistration/enrollPublicDetail',
name: 'enrollPublicDetail',
component: () => import('@/views/AAAFont/dataRegistration/enrollPublicDetail.vue'),
meta: {
title: '',
},
},
{ {
path: '/aaaFont/font/moreData', path: '/aaaFont/font/moreData',
name: 'moreData', name: 'moreData',
......
src/views/AAAFont/dataRegistration/enrollPublic.vue
View file @ 8469ba7d
<template> <template>
<div style="background-color: #f0f3f6"> <div class="mainContainer" id="main">
<div style="width: 1440px; text-align: center"> <div class="subContainer">
<el-row class="mt-5" :gutter="24"> <div class="item-content-box">
<el-col :span="8"> <div class="commonContainer">
<el-card <el-row :gutter="20">
style="margin-top: 20px" <el-col
v-for="card in cardList" style="padding-left: 0; padding-right: 0; cursor: pointer"
class="box-card" :span="8"
shadow="hover" @click="handleDetail"
> class="mt-5"
<template #header> v-for="card in cardsData"
<div class="clearfix"> :key="card.title"
<div><img :src="cardLogo" /></div> >
<div <div style="padding: 0 5px">
class="ml-4" <el-card style="margin-top: 30px; cursor: pointer; z-index: 1; pointer-events: none;">
style="display: inline-block; font-size: 20px; font-weight: 550" <template #header>
>{{ card.title }}</div <div>
> <div style="display: flex; align-items: center">
<img :src="cardLogo" />
<span class="ml-4" style="font-size: 20px; font-weight: 550">{{
card.title
}}</span>
</div>
</div>
</template>
<div class="card-row">
<div class="card-left">
<p>申请人</p>
<p>数据来源</p>
<p>应用场景</p>
<p>算法规则简要说明</p>
<p></p>
<p>公示截止时间</p>
</div>
<div class="card-right">
<p>{{ card.applicant }}</p>
<p>{{ card.dataSource }}</p>
<p>{{ card.applicationScenarios }}</p>
<p> {{ card.illustrate }}</p>
</div>
</div>
<div class="card_bottom">
<span style="color: #ec7520">公示中</span>
<el-button
style="z-index: 2; pointer-events: auto"
class="button"
round
@click.stop="handleMore"
>提交异议</el-button
>
</div>
</el-card>
</div> </div>
</template> </el-col>
<Row :gutter="[8, 8]"> </el-row>
<Col :span="24" v-for="info in formSchema1" :key="info"> <el-pagination
<div class="card-row"> style="margin-bottom: 20px"
<div style="display: inline-block" class="item-label card-left">{{ class="mt-6"
info.label background
}}</div> layout="prev, pager, next"
<div style="display: inline-block" class="item-des card-right ellipsis">{{ :page-size="9"
card[info.field] ? card[info.field] : '-' :total="cardsData.length"
}}</div> />
</div> <el-button-group>
</Col> <el-button plain class="back-button" type="text" @click="handleBack">
</Row> <Icon :size="24" icon="icon-park-solid:left-c" />&nbsp;返回
<div class="card_bottom"> </el-button>
<span style="color: #ec7520">公示中</span> </el-button-group>
<el-button class="button" round>提交异议</el-button> </div>
</div> </div>
</el-card>
</el-col>
</el-row>
</div> </div>
<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"
/>
</div> </div>
</template> </template>
<script> <script>
import { Col, Row } from 'ant-design-vue'; import Icon from '@/components/Icon/Icon.vue';
import cardLogo from '@/assets/images/mallHome/biaoqian.png'; import cardLogo from '@/assets/images/mallHome/biaoqian.png';
export default { export default {
name: 'EnrollPublic', name: 'Front',
components: { Row, Col }, components: { Icon },
data() { data() {
return { return {
activeName: 'first',
activeName1: 'first',
activeName2: 'first',
cardLogo, cardLogo,
formSchema1: [ cardsData: [
{
label: '申请人',
field: 'applicant',
},
{
label: '数据来源',
field: 'dataSource',
},
{
label: '应用场景',
field: 'applyScene',
},
{ {
label: '算法规则简要说明', title: '阀类需求弹性分析数据',
field: 'ruleExplain', applicant: '办公室',
dataSource: '自行生产',
applicationScenarios: '销售宣传',
illustrate: '撰写季度党建工作总结报告',
}, },
{
label: '公示截止时间',
field: 'publicEndTime',
},
],
cardList: [
{ {
title: '大学食堂销量预测', title: '大学食堂销量预测',
applicant: '天津市融创软通科技股份有限公司', applicant: '天津融创软通科技股份有限公司',
dataSource: '现场采集', dataSource: '现场采集',
applyScene: '销量的预测', applicationScenarios: '问卷调查',
ruleExplain: illustrate:
'Apriori算法通过对数据集进行多次扫描来逐步发现频繁项集。每次扫描时，算法通过生成候选项集并计算它们的支持度来筛选出频繁项集。候选集的生成是通过联接操作和剪枝策略来减少计算量，最终得到满足最小支持度的所有频繁项集。', 'Apriori算法对数据集进行多次扫描，第一次扫描得到频繁1-项集L1，第k(k>1)次.........',
publicEndTime: '2025-01-01 10:15:14',
}, },
{ {
title: '大学食堂销量预测', title: '销售量对价格变化的反应研究',
applicant: '天津市融创软通科技股份有限公司', applicant: '天津融创软通科技股份有限公司',
dataSource: '现场采集', dataSource: '关系型与非关系型数据库分析数据',
applyScene: '销量的预测', applicationScenarios: '销售宣传',
ruleExplain: illustrate:
'Apriori算法通过对数据集进行多次扫描来逐步发现频繁项集。每次扫描时，算法通过生成候选项集并计算它们的支持度来筛选出频繁项集。候选集的生成是通过联接操作和剪枝策略来减少计算量，最终得到满足最小支持度的所有频繁项集。', '关联规则是形如X=>Y的蕴含式，其中X、Y分别是一事务的真子集，且X∩Y=Φ。X称为规则的......',
publicEndTime: '2025-01-01 10:15:14',
}, },
{ {
title: '大学食堂销量预测', title: '销售量对价格变化的反应研究',
applicant: '天津市融创软通科技股份有限公司', applicant: '天津融创软通科技股份有限公司',
dataSource: '现场采集', dataSource: '关系型与非关系型数据库分析数据',
applyScene: '销量的预测', applicationScenarios: '销售宣传',
ruleExplain: illustrate:
'Apriori算法通过对数据集进行多次扫描来逐步发现频繁项集。每次扫描时，算法通过生成候选项集并计算它们的支持度来筛选出频繁项集。候选集的生成是通过联接操作和剪枝策略来减少计算量，最终得到满足最小支持度的所有频繁项集。', '关联规则是形如X=>Y的蕴含式，其中X、Y分别是一事务的真子集，且X∩Y=Φ。X称为规则的......',
publicEndTime: '2025-01-01 10:15:14',
}, },
{ {
title: '大学食堂销量预测', title: '销售量对价格变化的反应研究',
applicant: '天津市融创软通科技股份有限公司', applicant: '天津融创软通科技股份有限公司',
dataSource: '现场采集', dataSource: '关系型与非关系型数据库分析数据',
applyScene: '销量的预测', applicationScenarios: '销售宣传',
ruleExplain: illustrate:
'Apriori算法通过对数据集进行多次扫描来逐步发现频繁项集。每次扫描时，算法通过生成候选项集并计算它们的支持度来筛选出频繁项集。候选集的生成是通过联接操作和剪枝策略来减少计算量，最终得到满足最小支持度的所有频繁项集。', '关联规则是形如X=>Y的蕴含式，其中X、Y分别是一事务的真子集，且X∩Y=Φ。X称为规则的......',
publicEndTime: '2025-01-01 10:15:14',
}, },
{ {
title: '大学食堂销量预测', title: '销售量对价格变化的反应研究',
applicant: '天津市融创软通科技股份有限公司', applicant: '天津融创软通科技股份有限公司',
dataSource: '现场采集', dataSource: '关系型与非关系型数据库分析数据',
applyScene: '销量的预测', applicationScenarios: '销售宣传',
ruleExplain: illustrate:
'Apriori算法通过对数据集进行多次扫描来逐步发现频繁项集。每次扫描时，算法通过生成候选项集并计算它们的支持度来筛选出频繁项集。候选集的生成是通过联接操作和剪枝策略来减少计算量，最终得到满足最小支持度的所有频繁项集。', '关联规则是形如X=>Y的蕴含式，其中X、Y分别是一事务的真子集，且X∩Y=Φ。X称为规则的......',
publicEndTime: '2025-01-01 10:15:14',
}, },
{ {
title: '大学食堂销量预测', title: '销售量对价格变化的反应研究',
applicant: '天津市融创软通科技股份有限公司', applicant: '天津融创软通科技股份有限公司',
dataSource: '现场采集', dataSource: '关系型与非关系型数据库分析数据',
applyScene: '销量的预测', applicationScenarios: '销售宣传',
ruleExplain: illustrate:
'Apriori算法通过对数据集进行多次扫描来逐步发现频繁项集。每次扫描时，算法通过生成候选项集并计算它们的支持度来筛选出频繁项集。候选集的生成是通过联接操作和剪枝策略来减少计算量，最终得到满足最小支持度的所有频繁项集。', '关联规则是形如X=>Y的蕴含式，其中X、Y分别是一事务的真子集，且X∩Y=Φ。X称为规则的......',
publicEndTime: '2025-01-01 10:15:14',
}, },
{ {
title: '大学食堂销量预测', title: '销售量对价格变化的反应研究',
applicant: '天津市融创软通科技股份有限公司', applicant: '天津融创软通科技股份有限公司',
dataSource: '现场采集', dataSource: '关系型与非关系型数据库分析数据',
applyScene: '销量的预测', applicationScenarios: '销售宣传',
ruleExplain: illustrate:
'Apriori算法通过对数据集进行多次扫描来逐步发现频繁项集。每次扫描时，算法通过生成候选项集并计算它们的支持度来筛选出频繁项集。候选集的生成是通过联接操作和剪枝策略来减少计算量，最终得到满足最小支持度的所有频繁项集。', '关联规则是形如X=>Y的蕴含式，其中X、Y分别是一事务的真子集，且X∩Y=Φ。X称为规则的......',
publicEndTime: '2025-01-01 10:15:14',
}, },
{ {
title: '大学食堂销量预测', title: '销售量对价格变化的反应研究',
applicant: '天津市融创软通科技股份有限公司', applicant: '天津融创软通科技股份有限公司',
dataSource: '现场采集', dataSource: '关系型与非关系型数据库分析数据',
applyScene: '销量的预测', applicationScenarios: '销售宣传',
ruleExplain: illustrate:
'Apriori算法通过对数据集进行多次扫描来逐步发现频繁项集。每次扫描时，算法通过生成候选项集并计算它们的支持度来筛选出频繁项集。候选集的生成是通过联接操作和剪枝策略来减少计算量，最终得到满足最小支持度的所有频繁项集。', '关联规则是形如X=>Y的蕴含式，其中X、Y分别是一事务的真子集，且X∩Y=Φ。X称为规则的......',
publicEndTime: '2025-01-01 10:15:14',
}, },
{ {
title: '大学食堂销量预测', title: '销售量对价格变化的反应研究',
applicant: '天津市融创软通科技股份有限公司', applicant: '天津融创软通科技股份有限公司',
dataSource: '现场采集', dataSource: '关系型与非关系型数据库分析数据',
applyScene: '销量的预测', applicationScenarios: '销售宣传',
ruleExplain: illustrate:
'Apriori算法通过对数据集进行多次扫描来逐步发现频繁项集。每次扫描时，算法通过生成候选项集并计算它们的支持度来筛选出频繁项集。候选集的生成是通过联接操作和剪枝策略来减少计算量，最终得到满足最小支持度的所有频繁项集。', '关联规则是形如X=>Y的蕴含式，其中X、Y分别是一事务的真子集，且X∩Y=Φ。X称为规则的......',
publicEndTime: '2025-01-01 10:15:14',
}, },
], ],
}; };
}, },
methods: {
handleClick(tab, event) {
console.log(tab, event);
},
handleBack() {
this.$router.go(-1);
},
handleMore() {
this.$router.push({
path: '/aaaFont/dataRegistration/enrollPublicObjection',
});
},
handleDetail() {
this.$router.push({
path: '/aaaFont/dataRegistration/enrollPublicDetail',
});
},
},
}; };
</script> </script>
<style scoped lang="scss">
<style scoped> /*公共容器 所有子页面共享的css样式*/
.box-card { .commonContainer {
width: 450px; display: flex;
flex-direction: column;
/*justify-content: center; !* 垂直居中 *!*/
align-items: center; /* 水平居中 */
text-align: center;
position: relative;
width: 1440px;
} }
.card-left {
width: 28%; /*子页面中文标题样式*/
color: #707070; .content-item-h3 {
height: 43px;
font-size: 36px;
font-weight: 580;
z-index: 3;
color: #383737ff;
line-height: 43px;
letter-spacing: 10px;
margin: 60px 0 0 0;
} }
::v-deep .el-card__header {
border-bottom: none; /* 去除边框 */ .title_bottom {
/* 或者设置新的样式 */ margin-top: 40px;
//border-bottom: 2px solid #ff5733; font-size: 24px;
font-weight: 500;
color: #a3a3a3;
letter-spacing: 4px;
} }
.clearfix {
.item-content-box {
display: flex; display: flex;
flex-direction: column;
align-items: center; align-items: center;
} }
.card-right {
width: 68%; .carouselImg {
color: #3f3f3f; width: 100%;
height: 100%;
}
.tab-pane {
position: relative;
width: 1440px;
display: flex;
margin-top: 16px;
margin-bottom: 32px;
} }
.card-right:hover { //tabs 按钮
overflow: visible; /* 鼠标悬浮时显示完整文本 */ .back-button {
word-wrap: break-word; position: absolute;
top: 0;
right: 0;
font-size: 18px;
margin-top: 3px;
color: #3a5cde;
} }
.card-row { .card-row {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
margin-top: 20px; margin-top: 20px;
font-size: 18px; font-size: 18px;
text-align: left; text-align: left;
p {
margin-top: 18px;
height: 24px;
}
.card-left {
width: 28%;
color: #707070;
}
.card-right {
width: 68%;
color: #3f3f3f;
}
} }
.tab-label {
font-size: 24px;
font-weight: 700;
}
.card_bottom { .card_bottom {
margin-top: 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
...@@ -219,14 +290,20 @@ ...@@ -219,14 +290,20 @@
} }
} }
.ellipsis { .custom-table {
display: -webkit-box; margin-bottom: 72px;
-webkit-line-clamp: 3; /* 限制显示的行数为3行 */ }
-webkit-box-orient: vertical;
overflow: hidden; .table-span {
text-overflow: ellipsis; color: #1962e2;
width: 300px; /* 可以根据需要设置宽度 */ margin-left: 80px;
white-space: normal; /* 允许文本换行 */ }
word-wrap: break-word; /* 自动换行 */
.table-span-label {
margin-left: 80px;
}
::v-deep .el-col el-col-8 is-guttered mt-5 {
padding-right: 0;
padding-left: 0;
} }
</style> </style>
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 @@ ...@@ -30,14 +30,14 @@
>登记申请</el-button >登记申请</el-button
> >
<h3 class="content-item-h3">登记公示</h3> <h3 class="content-item-h3">数据公示</h3>
<span class="title_bottom">共114条数据，公示期为10个工作日</span> <span class="title_bottom">共114条数据，公示期为10个工作日</span>
<div class="tab-pane"> <div class="tab-pane">
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane name="first"> <el-tab-pane name="first">
<template #label> <template #label>
<span class="mb-4" style="font-size: 24px; font-weight: 700; color: #1962e2" <span class="mb-4" style="font-size: 24px; font-weight: 700; color: #1962e2"
>登记平台(112)</span >数据平台(112)</span
> >
</template> </template>
<el-row class="mt-5" :gutter="20"> <el-row class="mt-5" :gutter="20">
...@@ -73,7 +73,9 @@ ...@@ -73,7 +73,9 @@
</div> </div>
<div class="card_bottom"> <div class="card_bottom">
<span style="color: #ec7520">公示中</span> <span style="color: #ec7520">公示中</span>
<el-button class="button" round>提交异议</el-button> <el-button class="button" round @click="handleObjection"
>提交异议</el-button
>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
...@@ -147,7 +149,9 @@ ...@@ -147,7 +149,9 @@
</div> </div>
<div class="card_bottom"> <div class="card_bottom">
<span style="color: #ec7520">公示中</span> <span style="color: #ec7520">公示中</span>
<el-button class="button" round>提交异议</el-button> <el-button class="button" round @click="handleObjection"
>提交异议</el-button
>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
...@@ -161,14 +165,14 @@ ...@@ -161,14 +165,14 @@
</el-button-group> </el-button-group>
</div> </div>
<h3 class="content-item-h3">登记公告</h3> <h3 class="content-item-h3">数据公告</h3>
<span class="title_bottom">共23659条数据</span> <span class="title_bottom">共23659条数据</span>
<div class="tab-pane"> <div class="tab-pane">
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane name="first"> <el-tab-pane name="first">
<template #label> <template #label>
<span class="mb-4" style="font-size: 24px; font-weight: 700; color: #1962e2" <span class="mb-4" style="font-size: 24px; font-weight: 700; color: #1962e2"
>登记平台(23659)</span >数据平台(23659)</span
> >
</template> </template>
<el-table <el-table
...@@ -179,7 +183,7 @@ ...@@ -179,7 +183,7 @@
:data="tableData" :data="tableData"
style="width: 1440px; font-size: 18px" 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"> <template #header="scope">
<span class="table-span-label">{{ scope.column.label }}</span> <span class="table-span-label">{{ scope.column.label }}</span>
</template> </template>
...@@ -204,7 +208,7 @@ ...@@ -204,7 +208,7 @@
<!-- 登记公告查看更多--> <!-- 登记公告查看更多-->
<div v-if="enrollNotice === '2'" class="item-content-box"> <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> <template #header>
<div class="clearfix"> <div class="clearfix">
<div style="display: inline-block" class="triangle-box">登记成功</div> <div style="display: inline-block" class="triangle-box">登记成功</div>
...@@ -234,15 +238,18 @@ ...@@ -234,15 +238,18 @@
</Row> </Row>
</el-card> </el-card>
<el-pagination <el-pagination
style="margin: 20px 0" style="margin-bottom: 20px"
@size-change="handleSizeChange" class="mt-6"
@current-change="handleCurrentChange" background
:current-page="currentPage4" layout="prev, pager, next"
:page-sizes="[100, 200, 300, 400]" :page-size="9"
:page-size="100" :total="cardList.length"
layout="total, sizes, prev, pager, next, jumper"
:total="400"
/> />
<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> </div>
<!-- 登记公告详情页--> <!-- 登记公告详情页-->
...@@ -535,6 +542,9 @@ ...@@ -535,6 +542,9 @@
path: '/aaaFont/dataRegistration/enrollPublicObjection', path: '/aaaFont/dataRegistration/enrollPublicObjection',
}); });
}, },
handleBack() {
this.$router.go(-1);
},
// 进入后台方法 // 进入后台方法
toBackstage() { toBackstage() {
...@@ -614,6 +624,16 @@ ...@@ -614,6 +624,16 @@
color: #3a5cde; color: #3a5cde;
} }
//tabs 按钮
.back-button1 {
position: absolute;
top: 0;
right: 12%;
font-size: 18px;
margin-top: 3px;
color: #3a5cde;
}
.card-row { .card-row {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
...@@ -812,4 +832,7 @@ ...@@ -812,4 +832,7 @@
border-top: 15px solid transparent; border-top: 15px solid transparent;
border-bottom: 15px solid transparent; border-bottom: 15px solid transparent;
} }
</style> </style>
src/views/AAAFont/front/index.vue
View file @ 8469ba7d
...@@ -52,7 +52,9 @@ ...@@ -52,7 +52,9 @@
</div> </div>
<div class="card_bottom"> <div class="card_bottom">
<span style="color: #ec7520">公示中</span> <span style="color: #ec7520">公示中</span>
<el-button class="button" round>提交异议</el-button> <el-button class="button" round @click="handleObjection"
>提交异议</el-button
>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
...@@ -93,13 +95,19 @@ ...@@ -93,13 +95,19 @@
<template #label> <template #label>
<span class="mb-4 tab-label">全部动态</span> <span class="mb-4 tab-label">全部动态</span>
</template> </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"> <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> <el-tag v-else style="font-size: 14px">行业新闻</el-tag>
</div> </div>
<div class="li-middle" @click="handleDetails"><span>{{text.row}}</span></div> <div class="li-middle" @click="handleDetails"
<div class="li-right"><span>{{text.time}}</span></div> ><span>{{ text.row }}</span></div
>
<div class="li-right"
><span>{{ text.time }}</span></div
>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane class="tab-pane-li" name="second"> <el-tab-pane class="tab-pane-li" name="second">
...@@ -110,10 +118,13 @@ ...@@ -110,10 +118,13 @@
<div class="li-left"> <div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div> </div>
<div class="li-middle" @click="handleDetails"><span>{{text.row}}</span></div> <div class="li-middle" @click="handleDetails"
<div class="li-right"><span>{{text.time}}</span></div> ><span>{{ text.row }}</span></div
>
<div class="li-right"
><span>{{ text.time }}</span></div
>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane class="tab-pane-li" name="third"> <el-tab-pane class="tab-pane-li" name="third">
<template #label> <template #label>
...@@ -123,10 +134,13 @@ ...@@ -123,10 +134,13 @@
<div class="li-left"> <div class="li-left">
<el-tag style="font-size: 14px">行业新闻</el-tag> <el-tag style="font-size: 14px">行业新闻</el-tag>
</div> </div>
<div class="li-middle" @click="handleDetails"><span>{{text.row}}</span></div> <div class="li-middle" @click="handleDetails"
<div class="li-right"><span>{{text.time}}</span></div> ><span>{{ text.row }}</span></div
>
<div class="li-right"
><span>{{ text.time }}</span></div
>
</div> </div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
...@@ -257,51 +271,51 @@ ...@@ -257,51 +271,51 @@
industryImg, industryImg,
dynamicImg, dynamicImg,
items, items,
policyData:[ policyData: [
{ {
tag: '国家政策', tag: '国家政策',
row:'“数据知识产权登记平台”公示公告', row: '“数据知识产权登记平台”公示公告',
time: '2023-06-06', time: '2023-06-06',
type:'danger' type: 'danger',
}, },
{ {
tag: "国家政策", tag: '国家政策',
row: "“人工智能伦理指导意见”征求意见稿发布", row: '“人工智能伦理指导意见”征求意见稿发布',
time: "2023-08-15", time: '2023-08-15',
type: "danger" type: 'danger',
}, },
{ {
tag: "国家政策", tag: '国家政策',
row: "“智慧城市建设资金补贴政策”公示", row: '“智慧城市建设资金补贴政策”公示',
time: "2023-05-20", time: '2023-05-20',
type: "danger" type: 'danger',
}, },
{ {
tag: "国家政策", tag: '国家政策',
row: "“全球数据流动与隐私保护国际会议”筹备公告", row: '“全球数据流动与隐私保护国际会议”筹备公告',
time: "2023-06-30", time: '2023-06-30',
type: "danger" type: 'danger',
}, },
], ],
newsData:[ newsData: [
{ {
tag: '行业新闻', tag: '行业新闻',
row:'《数据安全负面行为清单》（评审版）', row: '《数据安全负面行为清单》（评审版）',
time: '2023-06-06', time: '2023-06-06',
}, },
{ {
tag: '行业新闻', tag: '行业新闻',
row:'《中国数安港数据安全合规管理委员会工作规程》', row: '《中国数安港数据安全合规管理委员会工作规程》',
time: '2023-06-06', time: '2023-06-06',
}, },
{ {
tag: '行业新闻', tag: '行业新闻',
row:'《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》', row: '《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》',
time: '2023-06-06', time: '2023-06-06',
}, },
{ {
tag: '行业新闻', tag: '行业新闻',
row:'《数据处理主体责任清单》', row: '《数据处理主体责任清单》',
time: '2023-06-06', time: '2023-06-06',
}, },
], ],
...@@ -359,29 +373,29 @@ ...@@ -359,29 +373,29 @@
], ],
tableData2: [ tableData2: [
{ {
"applicationDate": "2016-07-10", applicationDate: '2016-07-10',
"upDate": "2016-07-10", upDate: '2016-07-10',
"name": "天津市融创软通科技股份有限公司", name: '天津市融创软通科技股份有限公司',
"address": "5G通信技术与网络优化分析数据" address: '5G通信技术与网络优化分析数据',
}, },
{ {
"applicationDate": "2016-07-14", applicationDate: '2016-07-14',
"upDate": "2016-07-14", upDate: '2016-07-14',
"name": "天津市融创软通科技股份有限公司", name: '天津市融创软通科技股份有限公司',
"address": "智能交通系统与数据流分析" address: '智能交通系统与数据流分析',
}, },
{ {
"applicationDate": "2016-07-20", applicationDate: '2016-07-20',
"upDate": "2016-07-20", upDate: '2016-07-20',
"name": "天津市融创软通科技股份有限公司", name: '天津市融创软通科技股份有限公司',
"address": "无人驾驶技术与自动化系统分析数据" address: '无人驾驶技术与自动化系统分析数据',
}, },
{ {
"applicationDate": "2016-07-25", applicationDate: '2016-07-25',
"upDate": "2016-07-25", upDate: '2016-07-25',
"name": "天津市融创软通科技股份有限公司", name: '天津市融创软通科技股份有限公司',
"address": "大数据存储与云服务架构分析数据" address: '大数据存储与云服务架构分析数据',
} },
], ],
cardsData: [ cardsData: [
{ {
...@@ -417,12 +431,17 @@ ...@@ -417,12 +431,17 @@
handleMore() { handleMore() {
this.$router.push({ path: '/aaaFont/font/moreData' }); this.$router.push({ path: '/aaaFont/font/moreData' });
}, },
handleDataService(){ handleDataService() {
this.$router.push({ path: '/aaaFont/tradingMarket' }); this.$router.push({ path: '/aaaFont/tradingMarket' });
}, },
handleDetails(){ handleDetails() {
this.$router.push('/aaaFont/nationalPolicy/details'); this.$router.push('/aaaFont/nationalPolicy/details');
}, },
handleObjection() {
this.$router.push({
path: '/aaaFont/dataRegistration/enrollPublicObjection',
});
},
// 进入后台方法 // 进入后台方法
toBackstage() { toBackstage() {
...@@ -575,11 +594,11 @@ ...@@ -575,11 +594,11 @@
height: 400px; height: 400px;
padding: 33px 24px 24px 24px; padding: 33px 24px 24px 24px;
.tab-pane-li{ .tab-pane-li {
height: 300px; height: 300px;
overflow-y: hidden; overflow-y: hidden;
} }
.tab-pane-li:hover{ .tab-pane-li:hover {
overflow: auto; overflow: auto;
} }
......
src/views/AAAFont/front/moreData/index.vue
View file @ 8469ba7d
...@@ -3,7 +3,6 @@ ...@@ -3,7 +3,6 @@
<div class="subContainer"> <div class="subContainer">
<div class="item-content-box"> <div class="item-content-box">
<div class="commonContainer"> <div class="commonContainer">
<h3 class="content-item-h3">数据公示</h3> <h3 class="content-item-h3">数据公示</h3>
<span class="title_bottom">共114条数据，公示期为10个工作日</span> <span class="title_bottom">共114条数据，公示期为10个工作日</span>
<div class="tab-pane"> <div class="tab-pane">
...@@ -45,7 +44,9 @@ ...@@ -45,7 +44,9 @@
</div> </div>
<div class="card_bottom"> <div class="card_bottom">
<span style="color: #ec7520">公示中</span> <span style="color: #ec7520">公示中</span>
<el-button class="button" round>提交异议</el-button> <el-button class="button" round @click="handleObjection"
>提交异议</el-button
>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
...@@ -56,8 +57,8 @@ ...@@ -56,8 +57,8 @@
background background
layout="prev, pager, next" layout="prev, pager, next"
:page-size="9" :page-size="9"
:total="cardsData.length"> :total="cardsData.length"
</el-pagination> />
</el-tabs> </el-tabs>
<el-button-group> <el-button-group>
<el-button plain class="back-button" type="text" @click="handleBack"> <el-button plain class="back-button" type="text" @click="handleBack">
...@@ -66,7 +67,6 @@ ...@@ -66,7 +67,6 @@
</el-button-group> </el-button-group>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
...@@ -76,8 +76,6 @@ ...@@ -76,8 +76,6 @@
import Icon from '@/components/Icon/Icon.vue'; import Icon from '@/components/Icon/Icon.vue';
import cardLogo from '@/assets/images/mallHome/biaoqian.png'; import cardLogo from '@/assets/images/mallHome/biaoqian.png';
export default { export default {
name: 'Front', name: 'Front',
components: { Icon }, components: { Icon },
...@@ -177,7 +175,11 @@ ...@@ -177,7 +175,11 @@
handleBack() { handleBack() {
this.$router.go(-1); this.$router.go(-1);
}, },
handleObjection() {
this.$router.push({
path: '/aaaFont/dataRegistration/enrollPublicObjection',
});
},
}, },
}; };
</script> </script>
...@@ -281,7 +283,6 @@ ...@@ -281,7 +283,6 @@
} }
} }
.custom-table { .custom-table {
margin-bottom: 72px; margin-bottom: 72px;
} }
...@@ -294,5 +295,4 @@ ...@@ -294,5 +295,4 @@
.table-span-label { .table-span-label {
margin-left: 80px; margin-left: 80px;
} }
</style> </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