<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>数据中心可视化平台模板</title>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/reset.css">
</head>
<body>
<div id="particles-js" class="main">
<div class="main_con">
<div class="main_top">
<div class="main_top_left">
<div class="main_top_left_top">
<img src="./images/main_top_left.png"/>
<div class="main_top_left_top_title">公开数据展示</div>
<div class="main_top_left_top_con">
<div class="main_top_left_top_con_list">
<span class="main_top_left_c_l_n main_top_left_c_l_n1">0</span>
<p>党务公开</p>
</div>
<div class="main_top_left_top_con_list">
<span class="main_top_left_c_l_n main_top_left_c_l_n2">0</span>
<p>政务公开</p>
</div>
<div class="main_top_left_top_con_list">
<span class="main_top_left_c_l_n main_top_left_c_l_n3">0</span>
<p>财务公开</p>
</div>
<div class="main_top_left_top_con_left">
<div class="main_top_left_t_c_l_left">
<span class="main_top_left_c_l_n main_top_left_c_l_n4">0</span>
<p>村务公开</p>
</div>
<div class="main_top_left_t_c_l_right">
<span class="main_top_left_c_l_n main_top_left_c_l_n5">0</span>
<p>居务公开</p>
</div>
</div>
<div class="main_top_left_top_con_right main_top_left_top_con_right2">
<div class="main_top_left_t_c_r_left">
<span class="main_top_left_c_l_n">0</span>
<p>占位公开</p>
</div>
<div class="main_top_left_t_c_r_right">
<span class="main_top_left_c_l_n">0</span>
<p>占位公开</p>
</div>
</div>
</div>
</div>
<div class="main_top_left_top main_top_left_bottom">
<img src="./images/main_top_left.png"/>
<div class="main_top_left_top_title">信息员添加数据展示</div>
<div id="baseId" class="main_top_left_top_con"></div>
</div>
</div>
<div class="main_top_middle">
<div class="main_top_middle_top_title">
<img class="title_bg" src="./images/title_bg.png">
大数据中心可视化平台模板
<a class="title_web" href="" target="blank">管理系统</a>
<a class="title_admin" href="" target="blank">web网页</a>
</div>
<div class="main_top_middle_num_title">公开数量</div>
<div class="main_top_middle_num">
<!-- <div class="main_top_middle_num_list">
<img src="./images/center_num.png">
<p class="main_top_middle_num_list6">0</p>
</div> -->
<div class="main_top_middle_num_list">
<img src="./images/center_num.png">
<p class="main_top_middle_num_list5">0</p>
</div>
<div class="main_top_middle_num_list">
<img src="./images/center_num.png">
<p class="main_top_middle_num_list4">0</p>
</div>
<div class="main_top_middle_num_list">
<img src="./images/center_num.png">
<p class="main_top_middle_num_list3">0</p>
</div>
<div class="main_top_middle_num_list">
<img src="./images/center_num.png">
<p class="main_top_middle_num_list2">0</p>
</div>
<div class="main_top_middle_num_list">
<img src="./images/center_num.png">
<p class="main_top_middle_num_list1">0</p>
</div>
</div>
<div class="main_top_middle_bottom">
<div class="main_top_middle_bottom_echarts">
<img src="./images/main_top_bottom.png">
<div class="main_top_echarts_con">
<div class="main_top_echarts_con_title">公开数量占比</div>
<div id="threeTasksId" class="main_top_echarts_pie"></div>
</div>
</div>
<div class="main_top_middle_bottom_echarts main_top_middle_bottom_echarts_right">
<img src="./images/main_top_bottom.png">
<div class="main_top_echarts_con">
<div class="main_top_echarts_con_title">公开数量占比</div>
<div id="publicityId" class="main_top_echarts_pie"></div>
</div>
</div>
</div>
</div>
<div class="main_top_left main_top_right">
<div class="main_top_left_top">
<img src="./images/main_top_left.png"/>
<div class="main_top_left_top_title">数据展示</div>
<div class="main_top_left_top_con">
<div class="main_top_left_top_con_left">
<span class="daysData">0</span>
<p>今日公开</p>
</div>
<div class="main_top_left_top_con_right">
<span class="weekData">0</span>
<p>本周公开</p>
</div>
<div class="main_top_left_top_con_list">
<span class="monthData">0</span>
<p>本月公开</p>
</div>
<div class="main_top_left_top_con_list">
<span class="someThing">0</span>
<p>办事指南</p>
</div>
<div class="main_top_left_top_con_list">
<span class="policyData">0</span>
<p>政策解读</p>
</div>
</div>
</div>
<div class="main_top_left_top main_top_left_bottom">
<img src="./images/main_top_left.png"/>
<div class="main_top_left_top_title">数量类型占比</div>
<div id="questionId" class="main_top_left_top_con">
</div>
</div>
</div>
</div>
<div class="main_middle">
<div class="main_middle_list">
<img src="./images/main_middle.png">
<div class="main_list_title main_list_title1">X镇</div>
<span class="main_list_title_num main_list_title_num1">0</span>
</div>
<div class="main_middle_list">
<img src="./images/main_middle.png">
Microi吾码
- 粉丝: 3055
- 资源: 17
最新资源
- 2025阿里云客服专项客服条件检测认证考试试题及答案.docx
- 2025阿里云与淘宝云客服认证考试劳务报酬及税收知识考试题及答案.docx
- 2025保密知识竞赛题库及答案.docx
- 2025安全生产月知识试题题库(附答案).docx
- 2025安全生产法知识考试题及答案.docx
- 2025病案编码员资格证试题库(附含答案).docx
- 2025财政知识竞赛题库及答案(通用版).docx
- 2025产科和成人门诊免疫规划年度培训试题及答案.docx
- 2025初级保安员考试题库与答案.docx
- 2025初级保育员理论知识考试题库(含答案).docx
- ISP 算法源码:Bayer、坏像素矫正、颜色插值、噪声去除、边缘增强、白平衡、 色彩矫正、gamma 校正、色彩空间转等
- STM32 bootloader使用can进行通讯,将hex文件数据通过can下载flash里面,附源代码以及通讯协议(STM32cubeIDE工程) 也是适合初学者参考can通讯
- 1 公司薪酬数据分析表.xlsx
- 2 公司年度薪酬分析图表.xlsx
- 3 各部门薪酬成本变动分析(以月度同比分析为例).xlsx
- 6 员工薪酬分析表带统计图表带蓝绿两种风格.xlsx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈