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 @@ ...@@ -39,580 +39,592 @@
<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" @click="handleClick"> <template #default>
<div class="li-left"> <div class="right-li-wrapper">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li right-li-first" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>“数据知识产权登记平台”公示公告</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>“数据知识产权登记平台”公示公告</span>
<span>2024-12-17</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-17</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>《数据安全负面行为清单》（评审版）</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《数据安全负面行为清单》（评审版）</span>
<span>2024-12-17</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-17</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>《中国数安港数据安全合规管理委员会工作规程》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《中国数安港数据安全合规管理委员会工作规程》</span>
<span>2024-12-17</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-17</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span </div>
>《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》</span <div class="li-middle">
> <span
</div> >《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》</span
<div class="li-right"> >
<span>2024-12-17</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-17</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>《数据处理主体责任清单》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《数据处理主体责任清单》</span>
<span>2024-12-17</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-17</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>《数据安全法实施细则》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《数据安全法实施细则》</span>
<span>2024-10-20</span> </div>
</div> <div class="li-right">
</div> <span>2024-10-20</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>《网络安全事件应急预案》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《网络安全事件应急预案》</span>
<span>2024-11-25</span> </div>
</div> <div class="li-right">
</div> <span>2024-11-25</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>《信息安全技术网络安全等级保护基本要求》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《信息安全技术网络安全等级保护基本要求》</span>
<span>2024-12-10</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-10</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>《数据安全管理办法》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《数据安全管理办法》</span>
<span>2024-11-15</span> </div>
</div> <div class="li-right">
</div> <span>2024-11-15</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>“数据知识产权登记平台”公示公告</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>“数据知识产权登记平台”公示公告</span>
<span>2024-12-17</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-17</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>《数据安全负面行为清单》（评审版）</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《数据安全负面行为清单》（评审版）</span>
<span>2024-12-17</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-17</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>《中国数安港数据安全合规管理委员会工作规程》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《中国数安港数据安全合规管理委员会工作规程》</span>
<span>2024-12-17</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-17</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span </div>
>《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》</span <div class="li-middle">
> <span
</div> >《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》</span
<div class="li-right"> >
<span>2024-12-17</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-17</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>《数据处理主体责任清单》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《数据处理主体责任清单》</span>
<span>2024-12-17</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-17</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>《数据安全法实施细则》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《数据安全法实施细则》</span>
<span>2024-10-20</span> </div>
</div> <div class="li-right">
</div> <span>2024-10-20</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>《网络安全事件应急预案》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《网络安全事件应急预案》</span>
<span>2024-11-25</span> </div>
</div> <div class="li-right">
</div> <span>2024-11-25</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>《信息安全技术网络安全等级保护基本要求》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《信息安全技术网络安全等级保护基本要求》</span>
<span>2024-12-10</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-10</span>
<div class="right-li" @click="handleClick"> </div>
<div class="li-left"> </div>
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>《数据安全管理办法》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《数据安全管理办法》</span>
<span>2024-11-15</span> </div>
</div> <div class="li-right">
</div> <span>2024-11-15</span>
<div class="right-li right-li-first"> </div>
<div class="li-left"> </div>
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li right-li-first">
</div> <div class="li-left">
<div class="li-middle" <el-tag style="font-size: 14px">行业新闻</el-tag>
><span>《数据安全负面行为清单》（评审版）</span></div </div>
> <div class="li-middle"
<div class="li-right"><span>2024-12-17</span></div> ><span>《数据安全负面行为清单》（评审版）</span></div
</div> >
<div class="right-li"> <div class="li-right"><span>2024-12-17</span></div>
<div class="li-left"> </div>
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li">
</div> <div class="li-left">
<div class="li-middle"> <el-tag style="font-size: 14px">行业新闻</el-tag>
<span>《中国数安港数据安全合规管理委员会工作规程》</span></div </div>
> <div class="li-middle">
<div class="li-right"><span>2024-12-17</span></div> <span>《中国数安港数据安全合规管理委员会工作规程》</span></div
</div> >
<div class="right-li"> <div class="li-right"><span>2024-12-17</span></div>
<div class="li-left"> </div>
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li">
</div> <div class="li-left">
<div class="li-middle"> <el-tag style="font-size: 14px">行业新闻</el-tag>
<span </div>
>《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》</span <div class="li-middle">
> <span
</div> >《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》</span
<div class="li-right"><span>2024-12-17</span></div> >
</div> </div>
<div class="right-li"> <div class="li-right"><span>2024-12-17</span></div>
<div class="li-left"> </div>
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li">
</div> <div class="li-left">
<div class="li-middle"> <el-tag style="font-size: 14px">行业新闻</el-tag>
<span>《数据安全技术规范》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《数据安全技术规范》</span>
<span>2024-11-20</span> </div>
</div> <div class="li-right">
</div> <span>2024-11-20</span>
<div class="right-li"> </div>
<div class="li-left"> </div>
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li">
</div> <div class="li-left">
<div class="li-middle"> <el-tag style="font-size: 14px">行业新闻</el-tag>
<span>《信息安全技术网络安全等级保护实施指南》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《信息安全技术网络安全等级保护实施指南》</span>
<span>2024-12-15</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-15</span>
<div class="right-li"> </div>
<div class="li-left"> </div>
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li">
</div> <div class="li-left">
<div class="li-middle"> <el-tag style="font-size: 14px">行业新闻</el-tag>
<span>《数据安全管理体系建设指南》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《数据安全管理体系建设指南》</span>
<span>2024-11-25</span> </div>
</div> <div class="li-right">
</div> <span>2024-11-25</span>
<div class="right-li"> </div>
<div class="li-left"> </div>
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li">
</div> <div class="li-left">
<div class="li-middle"> <el-tag style="font-size: 14px">行业新闻</el-tag>
<span>《信息安全技术数据安全管理规范》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《信息安全技术数据安全管理规范》</span>
<span>2024-12-10</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-10</span>
<div class="right-li"> </div>
<div class="li-left"> </div>
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li">
</div> <div class="li-left">
<div class="li-middle"><span>《数据处理主体责任清单》</span></div> <el-tag style="font-size: 14px">行业新闻</el-tag>
<div class="li-right"><span>2024-12-17</span></div> </div>
</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>
<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" @click="handleClick"> <template #default>
<div class="li-left"> <div class="right-li-wrapper">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag> <div class="right-li right-li-first" @click="handleClick">
</div> <div class="li-left">
<div class="li-middle"> <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
<span>“数据知识产权登记平台”公示公告</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>“数据知识产权登记平台”公示公告</span>
<span>2024-12-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-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> </template>
<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>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="third"> <el-tab-pane name="third">
<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"> <template #default>
<div class="li-left"> <div class="right-li-wrapper">
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li right-li-first">
</div> <div class="li-left">
<div class="li-middle" <el-tag style="font-size: 14px">行业新闻</el-tag>
><span>《数据安全负面行为清单》（评审版）</span></div </div>
> <div class="li-middle"
<div class="li-right"><span>2024-12-17</span></div> ><span>《数据安全负面行为清单》（评审版）</span></div
</div> >
<div class="right-li"> <div class="li-right"><span>2024-12-17</span></div>
<div class="li-left"> </div>
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li">
</div> <div class="li-left">
<div class="li-middle"> <el-tag style="font-size: 14px">行业新闻</el-tag>
<span>《中国数安港数据安全合规管理委员会工作规程》</span></div </div>
> <div class="li-middle">
<div class="li-right"><span>2024-12-17</span></div> <span>《中国数安港数据安全合规管理委员会工作规程》</span></div
</div> >
<div class="right-li"> <div class="li-right"><span>2024-12-17</span></div>
<div class="li-left"> </div>
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li">
</div> <div class="li-left">
<div class="li-middle"> <el-tag style="font-size: 14px">行业新闻</el-tag>
<span </div>
>《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》</span <div class="li-middle">
> <span
</div> >《中国数安港数据联合计算和数据产品交易主体资格管理规则（第17稿）》</span
<div class="li-right"><span>2024-12-17</span></div> >
</div> </div>
<div class="right-li"> <div class="li-right"><span>2024-12-17</span></div>
<div class="li-left"> </div>
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li">
</div> <div class="li-left">
<div class="li-middle"> <el-tag style="font-size: 14px">行业新闻</el-tag>
<span>《数据安全技术规范》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《数据安全技术规范》</span>
<span>2024-11-20</span> </div>
</div> <div class="li-right">
</div> <span>2024-11-20</span>
<div class="right-li"> </div>
<div class="li-left"> </div>
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li">
</div> <div class="li-left">
<div class="li-middle"> <el-tag style="font-size: 14px">行业新闻</el-tag>
<span>《信息安全技术网络安全等级保护实施指南》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《信息安全技术网络安全等级保护实施指南》</span>
<span>2024-12-15</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-15</span>
<div class="right-li"> </div>
<div class="li-left"> </div>
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li">
</div> <div class="li-left">
<div class="li-middle"> <el-tag style="font-size: 14px">行业新闻</el-tag>
<span>《数据安全管理体系建设指南》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《数据安全管理体系建设指南》</span>
<span>2024-11-25</span> </div>
</div> <div class="li-right">
</div> <span>2024-11-25</span>
<div class="right-li"> </div>
<div class="li-left"> </div>
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li">
</div> <div class="li-left">
<div class="li-middle"> <el-tag style="font-size: 14px">行业新闻</el-tag>
<span>《信息安全技术数据安全管理规范》</span> </div>
</div> <div class="li-middle">
<div class="li-right"> <span>《信息安全技术数据安全管理规范》</span>
<span>2024-12-10</span> </div>
</div> <div class="li-right">
</div> <span>2024-12-10</span>
<div class="right-li"> </div>
<div class="li-left"> </div>
<el-tag style="font-size: 14px">行业新闻</el-tag> <div class="right-li">
</div> <div class="li-left">
<div class="li-middle"><span>《数据处理主体责任清单》</span></div> <el-tag style="font-size: 14px">行业新闻</el-tag>
<div class="li-right"><span>2024-12-17</span></div> </div>
</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>
</el-tabs> </el-tabs>
</div> </div>
...@@ -920,7 +932,7 @@ ...@@ -920,7 +932,7 @@
display: flex; display: flex;
position: relative; position: relative;
flex-direction: column; /* 上下布局 */ flex-direction: column; /* 上下布局 */
width: 1350px; width: 1350px+50px;
height: auto; height: auto;
border-radius: 20px; /* 添加圆角边框 */ border-radius: 20px; /* 添加圆角边框 */
...@@ -1634,11 +1646,16 @@ ...@@ -1634,11 +1646,16 @@
width: 1330px; width: 1330px;
height: 800px; height: 800px;
padding: 0 24px; padding: 0 24px;
overflow-y: scroll; // overflow-y: scroll;
border-radius: 8px; border-radius: 8px;
background-color: #fff; background-color: #fff;
} }
.right-li-wrapper {
height: 670px;
overflow-y: scroll;
}
.right-li { .right-li {
display: flex; display: flex;
justify-content: space-between; 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