207 lines
7.1 KiB
HTML
207 lines
7.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>城市建设</title>
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/echarts.min.js" rel="external nofollow"></script>
|
||
<script src="./jquery.js"></script>
|
||
<link rel="stylesheet" href="./textHome.css" />
|
||
<!-- <link rel="stylesheet" href="./jichuText/1.css" />
|
||
-->
|
||
</head>
|
||
|
||
<body>
|
||
<div class="container">
|
||
<div class="top">
|
||
<a href="#jianshe"> 新建绿道 </a>
|
||
<a href="#chengshi"> 海绵城市建设 </a>
|
||
<a href="#chengzhen"> 老旧小区改造 </a>
|
||
<a href="#penghu"> 棚户区改造 </a>
|
||
<a href="#wushui"> 污水零直排 </a>
|
||
</div>
|
||
|
||
<div class="allContent">
|
||
<!-- 绿道建设 -->
|
||
<div class="jianshe" id="jianshe">
|
||
<div class="title">
|
||
<p class="titStl2">新建绿道</p>
|
||
</div>
|
||
<div class="left">
|
||
<p class="leftStl" style="margin-top: 0;">绿道建设累计完成<b id="leijimub"></b>公里</p>
|
||
<p>今年新建绿道指标完成率（%）</p>
|
||
<p class="dandu">58</p>
|
||
<div class="echart02Stl">
|
||
<div class="echart02"></div>
|
||
</div>
|
||
</div>
|
||
<!-- 分割线 -->
|
||
<div class="rightTwo">
|
||
</p>
|
||
<p class="pStl">新建绿道 完成：<b id="lblshiji2"></b>km 目标：<b id="lblmubiao2"></b> km
|
||
<div class="flexTwo">
|
||
<div class="icon">
|
||
<div style="display: flex">
|
||
<p class="span1" style="background: #3388ff"></p>
|
||
<p class="span2" style="margin-left: 5px">已完成</p>
|
||
</div>
|
||
<div style="display: flex">
|
||
<p class="span1" style="background: #fecc5d"></p>
|
||
<p class="span2" style="margin-left: 5px">进行中</p>
|
||
</div>
|
||
</div>
|
||
<div class="echart42"></div>
|
||
<div>
|
||
<p style="margin: 10px 0;font-size: 15px;color: #686b73;">各区完成情况</p>
|
||
<div class="echart43"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 海绵城市建设 -->
|
||
<div class="middle" id="chengshi">
|
||
<div class="title">
|
||
|
||
<p class="titStl2">海绵城市建设</p>
|
||
</div>
|
||
<div class="flex">
|
||
<div class="left">
|
||
<span>中心城区建成面积</span>
|
||
<span><b class="area"></b><i>万㎡</i></span>
|
||
</div>
|
||
<div class="right">
|
||
<span>县（市）建成面积</span>
|
||
<span><b class="area1"></b><i>万㎡</i></span>
|
||
</div>
|
||
</div>
|
||
<div class="center">
|
||
<div class="echart05"></div>
|
||
</div>
|
||
<div class="chengshi">
|
||
<div class="ceshiTop">
|
||
<div class="left">
|
||
<p class="leftTit">建成区5%以上面积新达到海绵城市要求</p>
|
||
<div class="flexTwo">
|
||
<div>
|
||
<span>实际数<b id="shiji1"></b></span>
|
||
<span>目标率<b id="mubiao1"></b></span>
|
||
<span>完成率<b id="wanhcneg1"></b></span>
|
||
<div class="echart06"></div>
|
||
</div>
|
||
<div class="r">
|
||
<div style="font-size: 15px;">各区完成情况</div>
|
||
<div class="echart07Stl"> <div class="echart07"></div></div>
|
||
<!-- <div>
|
||
<div>
|
||
<span style="background: #1491fd"></span>
|
||
<i>已完成</i>
|
||
</div>
|
||
<div>
|
||
<span style="background: #e89846"></span>
|
||
<i>已达标</i>
|
||
</div>
|
||
<div>
|
||
<span style="background: #ff0332"></span>
|
||
<i>未达标</i>
|
||
</div>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 城镇老旧小区改造 -->
|
||
<div class="gaizao" id="chengzhen">
|
||
<div class="title">
|
||
<p class="titStl2">城镇老旧小区改造</p>
|
||
</div>
|
||
<div class="gzstl">
|
||
<div style="display: flex; flex-direction: column">
|
||
<div class="spanText">2021年老旧小区改造个数(计划) <span class="plantext">0</span> 个</div>
|
||
<div class="spanText2">
|
||
2021年老旧小区改造面积（计划
|
||
<span class="planmi">0</span> 万平方米
|
||
</div>
|
||
<div class="spanText">2021年老旧小区改造户数(计划) <span class="planhu">0</span>户</div>
|
||
</div>
|
||
<div class="echart08Stl">
|
||
<div class="echart08"></div>
|
||
</div>
|
||
</div>
|
||
<div class="start">
|
||
<div class="left">
|
||
<p>开工项目数（1-7月）</p>
|
||
<p><b id="shumu2" ></b>个</p>
|
||
</div>
|
||
<div class="right">
|
||
<p>改造面积（1-7月）</p>
|
||
<p><b id="mianji2">979.3</b>万㎡</p>
|
||
</div>
|
||
</div>
|
||
<div class="startBottom">
|
||
<div class="startTit">
|
||
<p>开工建设城镇老旧小区改造项目</p>
|
||
<div class="textButton">
|
||
<p id="xiangmu">项目</p>
|
||
<p id="mianji">面积</p>
|
||
</div>
|
||
</div>
|
||
<div class="echart09"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新开棚户区 -->
|
||
<div class="new" id="penghu">
|
||
<div class="title" style="border: none">
|
||
|
||
<p class="titStl2">新开工棚户区改造</p>
|
||
</div>
|
||
<div style="display: flex; flex-direction: column">
|
||
<div class="flex">
|
||
<span>目标<b id="mubioaT">1526</b>套</span>
|
||
<span>完成<b id="wancchengT">1628</b>套</span>
|
||
</div>
|
||
<div class="echart10Div">
|
||
<div class="echart10"></div>
|
||
</div>
|
||
<div class="echart11Div">
|
||
<div class="echart11"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 污水零直排 -->
|
||
|
||
<div class="water" id="wushui">
|
||
<div class="title" style="border: none">
|
||
|
||
<p class="titStl2">污水零直排</p>
|
||
</div>
|
||
<div class="waterTop">
|
||
<p class="waterTopP" style="color: #686b73;">完成生活小区“污水零直排区”创建</p>
|
||
<div class="waterFlex" style="display: flex; flex-direction: column">
|
||
<div>
|
||
<div class="echart12"></div>
|
||
<div style="text-align: center; margin-bottom: 15px;color: #6e7178;">总体进度目标：<b class="jindutext" style="color:#198eff">0</b>个</div>
|
||
</div>
|
||
<div class="echart13Stl">
|
||
<div class="echart13"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="./ningbo_allareas.js"></script>
|
||
<!-- <script src="./tool.js"></script>
|
||
-->
|
||
<script src="./textHome.js"></script>
|
||
</body>
|
||
|
||
</html> |