Skip to content

B
bigDataSystem
Commit d6c8a56f authored by baiyinhao's avatar baiyinhao
Browse files
Options

修改国家政策页面

parent fdde652b
Hide whitespace changes
Inline Side-by-side
Showing with 270 additions and 64 deletions
src/views/AAAFont/nationalPolicy/index.vue
View file @ d6c8a56f
......@@ -27,63 +27,255 @@
<div class="industry">
<div class="industry-row">
<div class="row-right">
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>“浙江省数据知识产权登记平台”公示公告</span>
</div>
<div class="li-right">
<span>2024-12-17</span>
</div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>《数据安全负面行为清单》（评审版）</span>
</div>
<div class="li-right">
<span>2024-12-17</span>
</div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>《中国（温州）数安港数据安全合规管理委员会工作规程》</span>
</div>
<div class="li-right">
<span>2024-12-17</span>
</div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span
>《中国（温州）数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》</span
>
</div>
<div class="li-right">
<span>2024-12-17</span>
</div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>《数据处理主体责任清单》</span>
</div>
<div class="li-right">
<span>2024-12-17</span>
</div>
</div>
<el-tabs v-model="activeName1" class="el-tabs-info">
<el-tab-pane name="first">
<template #label>
<span class="mb-4 tab-label">全部动态</span>
</template>
<div class="right-li right-li-first" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>“数据知识产权登记平台”公示公告</span>
</div>
<div class="li-right">
<span>2024-12-17</span>
</div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>《数据安全负面行为清单》（评审版）</span>
</div>
<div class="li-right">
<span>2024-12-17</span>
</div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>《中国数安港数据安全合规管理委员会工作规程》</span>
</div>
<div class="li-right">
<span>2024-12-17</span>
</div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span
>《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》</span
>
</div>
<div class="li-right">
<span>2024-12-17</span>
</div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>《数据处理主体责任清单》</span>
</div>
<div class="li-right">
<span>2024-12-17</span>
</div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>《数据安全法实施细则》</span>
</div>
<div class="li-right">
<span>2024-10-20</span>
</div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>《网络安全事件应急预案》</span>
</div>
<div class="li-right">
<span>2024-11-25</span>
</div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>《信息安全技术网络安全等级保护基本要求》</span>
</div>
<div class="li-right">
<span>2024-12-10</span>
</div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>《数据安全管理办法》</span>
</div>
<div class="li-right">
<span>2024-11-15</span>
</div>
</div>
</el-tab-pane>
<el-tab-pane name="second">
<template #label>
<span class="mb-4 tab-label">国家政策</span>
</template>
<div class="right-li right-li-first">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle"><span>“数据知识产权登记平台”公示公告</span></div>
<div class="li-right"><span>2024-12-17</span></div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>《数据安全法实施细则》</span>
</div>
<div class="li-right">
<span>2024-10-20</span>
</div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>《网络安全事件应急预案》</span>
</div>
<div class="li-right">
<span>2024-11-25</span>
</div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>《信息安全技术网络安全等级保护基本要求》</span>
</div>
<div class="li-right">
<span>2024-12-10</span>
</div>
</div>
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
<div class="li-middle">
<span>《数据安全管理办法》</span>
</div>
<div class="li-right">
<span>2024-11-15</span>
</div>
</div>
</el-tab-pane>
<el-tab-pane name="third">
<template #label>
<span class="mb-4 tab-label">行业新闻</span>
</template>
<div class="right-li right-li-first">
<div class="li-left">
<el-tag style="font-size: 14px">行业新闻</el-tag>
</div>
<div class="li-middle"
><span>《数据安全负面行为清单》（评审版）</span></div
>
<div class="li-right"><span>2024-12-17</span></div>
</div>
<div class="right-li">
<div class="li-left">
<el-tag style="font-size: 14px">行业新闻</el-tag>
</div>
<div class="li-middle">
<span>《中国数安港数据安全合规管理委员会工作规程》</span></div
>
<div class="li-right"><span>2024-12-17</span></div>
</div>
<div class="right-li">
<div class="li-left">
<el-tag style="font-size: 14px">行业新闻</el-tag>
</div>
<div class="li-middle">
<span
>《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》</span
>
</div>
<div class="li-right"><span>2024-12-17</span></div>
</div>
<div class="right-li">
<div class="li-left">
<el-tag style="font-size: 14px">行业新闻</el-tag>
</div>
<div class="li-middle">
<span>《数据安全技术规范》</span>
</div>
<div class="li-right">
<span>2024-11-20</span>
</div>
</div>
<div class="right-li">
<div class="li-left">
<el-tag style="font-size: 14px">行业新闻</el-tag>
</div>
<div class="li-middle">
<span>《信息安全技术网络安全等级保护实施指南》</span>
</div>
<div class="li-right">
<span>2024-12-15</span>
</div>
</div>
<div class="right-li">
<div class="li-left">
<el-tag style="font-size: 14px">行业新闻</el-tag>
</div>
<div class="li-middle">
<span>《数据安全管理体系建设指南》</span>
</div>
<div class="li-right">
<span>2024-11-25</span>
</div>
</div>
<div class="right-li">
<div class="li-left">
<el-tag style="font-size: 14px">行业新闻</el-tag>
</div>
<div class="li-middle">
<span>《信息安全技术数据安全管理规范》</span>
</div>
<div class="li-right">
<span>2024-12-10</span>
</div>
</div>
<div class="right-li">
<div class="li-left">
<el-tag style="font-size: 14px">行业新闻</el-tag>
</div>
<div class="li-middle"><span>《数据处理主体责任清单》</span></div>
<div class="li-right"><span>2024-12-17</span></div>
</div>
</el-tab-pane>
</el-tabs>
</div>
</div>
</div>
......@@ -127,6 +319,7 @@
const noticePicture1 = ref({}); // 通知公告图片
const noticePicture2 = ref({}); // 通知公告图片
const isShowDown = ref(true); // 是否显示下载按钮
const activeName1 = ref('first');
const downloadEntity = ref({
// 下载实体
// 名称需要带文件类型，要不然默认为txt
......@@ -140,8 +333,8 @@
});
});
function handleClick() {
console.log('click');
window.open('/#/aaaFont/nationalPolicy/details', '_blank');
console.log('clickpush');
router.push('/aaaFont/nationalPolicy/details');
}
</script>
<style scoped lang="scss">
......@@ -378,7 +571,7 @@
position: relative;
flex-direction: column; /* 上下布局 */
width: 1140px;
height: 477px;
height: auto;
border-radius: 20px; /* 添加圆角边框 */
/* margin: 20px 20px 20px 0; */
......@@ -421,6 +614,7 @@
/* 内容信息容器 */
.notice_container {
flex: 1; /* 占有容器全部空间 */
height: auto;
border-radius: 0 0 20px;
background-color: white;
}
......@@ -987,7 +1181,7 @@
::v-deep .el-tabs__nav-scroll {
width: 50%;
margin: 0 auto;
margin: 20px 0 0;
}
/* 去掉tabs底部的下划线 */
......@@ -1075,7 +1269,8 @@
align-items: center;
justify-content: center;
width: 100%;
margin-top: 100px;
height: auto;
margin-top: 0;
background-color: #fff;
}
......@@ -1083,11 +1278,12 @@
display: flex;
justify-content: center;
width: 1440px;
height: auto;
}
.row-right {
width: 1100px;
height: 300px;
height: auto;
padding: 0 24px;
border-radius: 8px;
background-color: #fff;
......@@ -1097,11 +1293,14 @@
display: flex;
justify-content: space-between;
margin: 30px 20px 20px 0;
transform: translateY(-80px);
font-size: 18px;
cursor: pointer; /* 添加鼠标指针样式 */
}
// .right-li-first {
// margin: 100px 20px 20px 0;
// }
.right-li:hover {
transition: background-color 0.3s; /* 添加过渡效果 */
background-color: #eff6ff; /* 添加鼠标悬浮效果 */
......@@ -1115,11 +1314,18 @@
}
.li-middle {
display: flex; /* 使元素互相对齐 */
width: 76%;
color: #3f3f3f;
text-align: left; /* 文字左对齐 */
}
.li-right {
color: #9c9c9c;
}
.el-tabs-info .el-tabs__nav {
margin-top: -100px; /* 向上移动 10px */
margin-left: -20px; /* 向左移动 20px */
}
</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