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