Skip to content

B
bigDataSystem
Commit 2236fd9a authored by chenjiahao's avatar chenjiahao
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents d23b464c d72f544d
Hide whitespace changes
Inline Side-by-side
Showing with 362 additions and 12 deletions
src/views/AAAFont/nationalPolicy/index.vue
View file @ 2236fd9a
......@@ -5,10 +5,17 @@
<!--大赛咨询子页面-->
<div class="information item-content-box" id="info">
<!--公共容器 info_right 包含了标题和字母栏-->
<div class="commonContainer" style="margin-top: 60px">
<div class="commonContainer">
<!--对公共容器应用子页面专属css样式-->
<!-- <div class="common-item-title">大赛资讯</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>
<span class="common-item-title">体彩服务社会</span>
......@@ -18,7 +25,7 @@
<!-- 头部栏-->
<div class="info_header">
<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>
......@@ -133,17 +140,349 @@
<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 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 name="second">
<template #label>
<span class="mb-4 tab-label">国家政策</span>
</template>
<div class="right-li right-li-first">
<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 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" @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">
......@@ -303,7 +642,8 @@
<script setup lang="ts">
import { router } from '@/router';
import { ref } from 'vue';
import Icon from '@/components/Icon/Icon.vue';
import { getToken } from '@/utils/auth';
import { useRouter, onBeforeRouteLeave } from 'vue-router';
const fileType = ref(''); // 文件下载后缀
......@@ -336,6 +676,16 @@
console.log('clickpush');
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>
<style scoped lang="scss">
/* 报名参赛按钮 */
......@@ -570,12 +920,12 @@
display: flex;
position: relative;
flex-direction: column; /* 上下布局 */
width: 1140px;
width: 1350px;
height: auto;
border-radius: 20px; /* 添加圆角边框 */
/* margin: 20px 20px 20px 0; */
background-color: #eee;
background-color: #fff;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
......@@ -584,7 +934,6 @@
display: flex;
justify-content: space-between;
padding: 7px 0;
border-bottom: 1px solid #ccc;
}
/* 头部 图标 */
......@@ -614,7 +963,7 @@
/* 内容信息容器 */
.notice_container {
flex: 1; /* 占有容器全部空间 */
height: auto;
height: 800px;
border-radius: 0 0 20px;
background-color: white;
}
......@@ -1282,9 +1631,10 @@
}
.row-right {
width: 1100px;
height: auto;
width: 1330px;
height: 800px;
padding: 0 24px;
overflow-y: scroll;
border-radius: 8px;
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