Skip to content

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

修改国家政策页面样式

parent 2236fd9a
Hide whitespace changes
Inline Side-by-side
Showing with 582 additions and 565 deletions
src/views/AAAFont/nationalPolicy/index.vue
View file @ d6db8bd0
......@@ -39,580 +39,592 @@
<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>
<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>
<template #default>
<div class="right-li-wrapper">
<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>
<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>
</div></template
>
</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" @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>
<template #default>
<div class="right-li-wrapper">
<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>
<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>
</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">
<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>
</template>
</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>
<template #default>
<div class="right-li-wrapper">
<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>
</div></template
>
</el-tab-pane>
</el-tabs>
</div>
......@@ -920,7 +932,7 @@
display: flex;
position: relative;
flex-direction: column; /* 上下布局 */
width: 1350px;
width: 1350px+50px;
height: auto;
border-radius: 20px; /* 添加圆角边框 */
......@@ -1634,11 +1646,16 @@
width: 1330px;
height: 800px;
padding: 0 24px;
overflow-y: scroll;
// overflow-y: scroll;
border-radius: 8px;
background-color: #fff;
}
.right-li-wrapper {
height: 670px;
overflow-y: scroll;
}
.right-li {
display: flex;
justify-content: space-between;
......
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