Skip to content

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

修改国家政策页面

parent d6c8a56f
Hide whitespace changes
Inline Side-by-side
Showing with 362 additions and 12 deletions
src/views/AAAFont/nationalPolicy/index.vue
View file @ d72f544d
...@@ -5,10 +5,17 @@ ...@@ -5,10 +5,17 @@
<!--大赛咨询子页面--> <!--大赛咨询子页面-->
<div class="information item-content-box" id="info"> <div class="information item-content-box" id="info">
<!--公共容器 info_right 包含了标题和字母栏--> <!--公共容器 info_right 包含了标题和字母栏-->
<div class="commonContainer" style="margin-top: 60px"> <div class="commonContainer">
<!--对公共容器应用子页面专属css样式--> <!--对公共容器应用子页面专属css样式-->
<!-- <div class="common-item-title">大赛资讯</div>--> <!-- <div class="common-item-title">大赛资讯</div>-->
<!-- <div class="letter">INFORMATION</div>--> <!-- <div class="letter">INFORMATION</div>-->
<div style="width: 1440px; height: 443px">
<el-carousel class="w-1/1" :interval="5000" height="443px" arrow="always">
<el-carousel-item v-for="item in items" :key="item.id">
<img class="carouselImg" :src="item.url" alt="" />
</el-carousel-item>
</el-carousel>
</div>
<template> <template>
<span class="common-item-title">体彩服务社会</span> <span class="common-item-title">体彩服务社会</span>
...@@ -18,7 +25,7 @@ ...@@ -18,7 +25,7 @@
<!-- 头部栏--> <!-- 头部栏-->
<div class="info_header"> <div class="info_header">
<div> <div>
<div class="info_title" style="height: 33px; padding-top: 7px; float: right"> <div class="info_title" style="height: 1px; padding-top: 7px; float: right">
</div> </div>
</div> </div>
</div> </div>
...@@ -133,17 +140,349 @@ ...@@ -133,17 +140,349 @@
<span>2024-11-15</span> <span>2024-11-15</span>
</div> </div>
</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>《中国数安港数据安全合规管理委员会工作规程》</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>
<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-tab-pane>
<el-tab-pane name="second"> <el-tab-pane name="second">
<template #label> <template #label>
<span class="mb-4 tab-label">国家政策</span> <span class="mb-4 tab-label">国家政策</span>
</template> </template>
<div class="right-li right-li-first"> <div class="right-li right-li-first" @click="handleClick">
<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"><span>“数据知识产权登记平台”公示公告</span></div> <div class="li-middle">
<div class="li-right"><span>2024-12-17</span></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-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>
<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> </div>
<div class="right-li" @click="handleClick"> <div class="right-li" @click="handleClick">
<div class="li-left"> <div class="li-left">
...@@ -303,7 +642,8 @@ ...@@ -303,7 +642,8 @@
<script setup lang="ts"> <script setup lang="ts">
import { router } from '@/router'; import { router } from '@/router';
import { ref } from 'vue'; import { ref } from 'vue';
import Icon from '@/components/Icon/Icon.vue';
import { getToken } from '@/utils/auth';
import { useRouter, onBeforeRouteLeave } from 'vue-router'; import { useRouter, onBeforeRouteLeave } from 'vue-router';
const fileType = ref(''); // 文件下载后缀 const fileType = ref(''); // 文件下载后缀
...@@ -336,6 +676,16 @@ ...@@ -336,6 +676,16 @@
console.log('clickpush'); console.log('clickpush');
router.push('/aaaFont/nationalPolicy/details'); router.push('/aaaFont/nationalPolicy/details');
} }
const items = [
{
id: '1',
url: 'src/assets/images/mallHome/banner1.png',
},
{
id: '2',
url: 'src/assets/images/mallHome/banner.png',
},
];
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
/* 报名参赛按钮 */ /* 报名参赛按钮 */
...@@ -570,12 +920,12 @@ ...@@ -570,12 +920,12 @@
display: flex; display: flex;
position: relative; position: relative;
flex-direction: column; /* 上下布局 */ flex-direction: column; /* 上下布局 */
width: 1140px; width: 1350px;
height: auto; height: auto;
border-radius: 20px; /* 添加圆角边框 */ border-radius: 20px; /* 添加圆角边框 */
/* margin: 20px 20px 20px 0; */ /* margin: 20px 20px 20px 0; */
background-color: #eee; background-color: #fff;
box-shadow: 0 0 10px rgb(0 0 0 / 10%); box-shadow: 0 0 10px rgb(0 0 0 / 10%);
} }
...@@ -584,7 +934,6 @@ ...@@ -584,7 +934,6 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 7px 0; padding: 7px 0;
border-bottom: 1px solid #ccc;
} }
/* 头部 图标 */ /* 头部 图标 */
...@@ -614,7 +963,7 @@ ...@@ -614,7 +963,7 @@
/* 内容信息容器 */ /* 内容信息容器 */
.notice_container { .notice_container {
flex: 1; /* 占有容器全部空间 */ flex: 1; /* 占有容器全部空间 */
height: auto; height: 800px;
border-radius: 0 0 20px; border-radius: 0 0 20px;
background-color: white; background-color: white;
} }
...@@ -1282,9 +1631,10 @@ ...@@ -1282,9 +1631,10 @@
} }
.row-right { .row-right {
width: 1100px; width: 1330px;
height: auto; height: 800px;
padding: 0 24px; padding: 0 24px;
overflow-y: scroll;
border-radius: 8px; border-radius: 8px;
background-color: #fff; background-color: #fff;
} }
......
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