HTML大屏报表-惠民服务平台-Echarts图标大屏-源码-解压即用.zip资源-CSDN文库

共25个文件

png：16个

js：3个

css：2个

版权申诉

echarts

源码

HTML

105 浏览量 2024-06-03 09:20:10 上传评论收藏 5.76MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML大屏报表-惠民服务平台-Echarts图标大屏-源码-解压即用.zip （25个子文件）

HTML大屏报表-惠民服务平台-Echarts图标大屏-源码-解压即用

num.json 201B

fq.js 10KB

echarts.min.js 701KB

jquery.min.js 95KB

fqMap.svg 17KB

img

k_2sp.png 10KB

k_2.png 7KB

cloce.png 1KB

bac.png 912KB

k_2all.png 17KB

k_3.png 8KB

k_1.png 7KB

k_4.png 8KB

css

public.css 658B

fq.css 6KB

007 惠民服务平台.png 2.01MB

data.json 1KB

index.html 6KB

images

k_2sp.png 33KB

k_2.png 20KB

bac.png 2.37MB

k_2all.png 61KB

k_3.png 24KB

k_1.png 22KB

k_4.png 25KB

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>互联网+惠民服务平台</title> <link rel="stylesheet" href="css/public.css" /> <link rel="stylesheet" href="css/fq.css" /> </head> <body> <div class="background-img" id="mainbody"> <div class="todayTimeBox"> <div class="todayTime"> <span>2018年6月28日</span> <span>晴</span> <span>12:30</span> </div> </div> <div class="mainbody" id=""> <div class="leftContent"> <div class="serviceItem"></div> <div class="serviceForm"> <div class="seHeader"> <span> <p class="p-1">服务订单情况</p> <p class="p-2">Service order status</p> </span> <span>\02</span> </div> <div class="statusList"> <ul class="seTable"> <li>时间</li> <li>服务对象</li> <li>服务类型</li> <li>服务组织</li> <li>状态</li> </ul> <div id="orderItems" class="outlineBorder">  </div> </div> </div> </div> <div class="centerContent"> <div class="sumDot"> <span id="东三新村" style="top: 173px;left: 424px;"></span> <span id="屠家坞村" style="top: 181px;left: 454px;"></span> <span id="马岭村" style="top: 216px;left: 418px;"></span> <span id="西联村" style="top: 223px;left: 454px;"></span> <span id="大干溪村" style="top: 324px;left: 380px;"></span> <span id="新东坞村" style="top: 324px;left: 420px;"></span> <span id="大溪村" style="top: 314px;left: 532px;"></span> <span id="梅苑村" style="top: 376px;left: 323px;"></span> <span id="先进村" style="top: 367px;left: 250px;"></span> <span id="乐山村" style="top: 367px;left: 450px;"></span> <span id="杜黄新村" style="top: 351px;left: 178px;"></span> <span id="三江村" style="top: 402px;left: 200px;"></span> <span id="霞朗桥村" style="top: 428px;left: 156px;"></span> <span id="陈家村" style="top: 462px;left: 226px;"></span> <span id="天竺社区" style="top: 433px;left: 263px;"></span> <span id="百树社区" style="top: 464px;left: 301px;"></span> <span id="齐东村" style="top: 472px;left: 344px;"></span> <span id="全堂村" style="top: 455px;left: 430px;"></span> <span id="魏廉村" style="top: 428px;left: 95px;"></span> <span id="楼家村" style="top: 461px;left: 168px;"></span> <span id="枫一村" style="top: 478px;left: 207px;"></span> <span id="海角村" style="top: 515px;left: 268px;"></span> <span id="洄村" style="top: 544px;left: 166px;"></span> <span id="西奕村" style="top: 537px;left: 86px;"></span> <span id="新择湖村" style="top: 569px;left: 86px;"></span> <span id="乐桥村" style="top: 566px;left: 134px;"></span> <span id="永安新村" style="top: 596px;left: 251px;"></span> <span id="阳春村" style="top: 660px;left: 97px;"></span> <span id="永宁村" style="top: 730px;left: 121px;"></span> <span id="枫源村" style="top: 649px;left: 194px;"></span> <span id="钟山村" style="top: 541px;left: 303px;"></span> </div> <iframe class="implantation" id="implantation" src="fqMap.svg" frameborder="0"></iframe> </div> <div class="rightContent"> <div class="breathe"> <div class="seHeader"> <span> <p class="p-1">呼吸及服务情况</p> <p class="p-2">Service order status</p> </span> <span>\03</span> </div> <div class="serData"> <div class="serDataLeft"> <div><span class="serNum">80</span>单</div> <p>惠民服务订单数</p> </div> <div class="serDataLeft"> <div><span class="serNum">3450</span>单</div> <p>当前呼入总量</p> </div> </div> </div> <div class="phoneCall"> <div class="seHeader"> <span> <p class="p-1">电话呼入情况分析</p> <p class="p-2">Telephone call analysis</p> </span> <span>\04</span> </div> <div class="phoneNum" id="phoneNum"></div> <div class="brokenLine" id="brokenLine"></div> </div> </div> </div> </div> <script src="js/jquery.min.js"></script> <script src="js/echarts.min.js"></script> <script src="js/fq.js"></script> <script> var lazyFun; function init (el, width, height) { var _el = document.getElementById(el); var hScale = window.innerHeight / height; var wScale = window.innerWidth / width; _el.style.transform = 'scale(' + wScale + ',' + hScale + ')' } init('mainbody', 1920, 1080); window.onresize = function () { clearTimeout(lazyFun); lazyFun = setTimeout(function () { init('mainbody', 1920, 1080) }, 600); }; </script> </body> </html>

评论收藏

内容反馈

版权申诉