enter_dataAll.bak.html 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>数据汇总页面</title>
  6. <link rel="stylesheet" type="text/css" href="css/index.css" />
  7. <link rel="stylesheet" href="./layui/layui.css" media="all">
  8. <link rel="stylesheet" type="text/css" href="css/letterBox2.css" />
  9. <link rel="stylesheet" type="text/css" href="css/iconfont/iconfont.css" />
  10. <link rel="stylesheet" href="./css/dataAll.css">
  11. <style type="text/css">
  12. .layui-nav .layui-this:after, .layui-nav-bar {
  13. background-color: #0189ff;
  14. }
  15. .tablebox,.tablebox2 {
  16. height: 376px;
  17. overflow: hidden;
  18. position: relative;
  19. width: 100%;
  20. }
  21. .tbl-header,.tbl-header2 {
  22. width: 100%;
  23. position: absolute;
  24. top: 0;
  25. left: 0;
  26. z-index: 999;
  27. }
  28. .tbl-body,.tbl-body2 {
  29. width: 100%;
  30. position: absolute;
  31. top: 0;
  32. left: 0;
  33. }
  34. .st-header {
  35. background-color: transparent !important;
  36. margin: 0 !important;
  37. border-collapse: inherit !important;
  38. }
  39. #streetTable>tr>td, #streetHeader>tr>td,.layui-table>thead>tr>th {
  40. text-align: left;
  41. }
  42. </style>
  43. </head>
  44. <body style="background-color: #F0F2F5;">
  45. <div class="contanier">
  46. <!-- 国民经济统计数据 -->
  47. <div class="blockStyle gmjj">
  48. <a href="http://www.cqna.gov.cn/bm/qtjj/gmjjtj/index.html" target="_blank" class="aCommon"></a>
  49. <div class="titleMain">
  50. <div class="btHeader">国民经济统计数据</div>
  51. <div class="dataMore">详细数据</div>
  52. </div>
  53. <div class="">
  54. <div class="topList">
  55. <div class="layui-tab layui-tab-card" lay-filter="test1">
  56. <ul class="layui-tab-title">
  57. <li class="layui-this" lay-id="gdpmain" style="width: 110px;">GDP地区生产总值</li>
  58. <li lay-id="scalemain" style="width: 130px;">规模以上工业增加值</li>
  59. <li lay-id="constructionmain" style="width: 100px;">建筑业总产值</li>
  60. <li lay-id="fixedAssetsmain" style="width: 120px;">固定资产投资总额</li>
  61. <li lay-id="realtyMarketmain" style="width: 120px;">商品房建设与销售</li>
  62. <li lay-id="inlandTrademain" style="width: 120px;">社会消费品零售总额</li>
  63. <li lay-id="publicIncomemain" style="width: 100px;">地方财政收支</li>
  64. <!-- <li lay-id="bankmain" style="width: 100px;">金融机构存贷款</li> -->
  65. </ul>
  66. <div class="layui-tab-content" style="height: 500px;">
  67. <div class="layui-tab-item layui-show" id="gdpmain"
  68. style="height: 480px;width: 1200px;">
  69. </div>
  70. <div class="layui-tab-item">
  71. <div id="scalemain" style="height: 480px;width: 1200px;"></div>
  72. </div>
  73. <div class="layui-tab-item">
  74. <div id="constructionmain" style="height: 480px;width: 1200px;"></div>
  75. </div>
  76. <div class="layui-tab-item">
  77. <div id="fixedAssetsmain" style="height: 480px;width: 1200px;"></div>
  78. </div>
  79. <div class="layui-tab-item">
  80. <div id="realtyMarketmain" style="height: 480px;width: 1200px;"></div>
  81. </div>
  82. <div class="layui-tab-item">
  83. <div id="inlandTrademain" style="height: 480px;width: 1200px;"></div>
  84. </div>
  85. <div class="layui-tab-item" style="position: relative;">
  86. <div class="czbtn">
  87. <div class="layui-btn layui-btn-xs layui-btn-normal togglePic">#公共财政支出</div>
  88. <div class="layui-btn layui-btn-xs layui-btn-normal togglePic">税收收入</div>
  89. <div class="layui-btn layui-btn-xs layui-btn-normal togglePic">#公共财政收入</div>
  90. </div>
  91. <div id="publicIncomemain" style="height: 480px;width: 1200px;"></div>
  92. </div>
  93. <!-- <div class="layui-tab-item" style="position: relative;">
  94. <div class="czbtn">
  95. <div class="layui-btn layui-btn-xs layui-btn-normal togglePic2">金融机构人民币存款余额
  96. </div>
  97. <div class="layui-btn layui-btn-xs layui-btn-normal togglePic2">金融机构人民币贷款余额
  98. </div>
  99. </div>
  100. <div id="bankmain" style="height: 480px;width: 1200px;"></div>
  101. </div> -->
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. <!-- 政务服务数据统计分析 -->
  108. <div class="blockStyle zwfw">
  109. <a href="http://www.cqna.gov.cn/sjtj1/index.html" target="_blank" class="aCommon"></a>
  110. <div class="titleMain">
  111. <div class="btHeader">政务服务数据统计分析</div>
  112. <div class="dataMore">详细数据</div>
  113. </div>
  114. <div class="zwLeft">
  115. <div class="zwTop">
  116. <div class="zwtopList">
  117. <div id="year">
  118. <p class="zwtitle">本年办件数</p>
  119. <div class="line2"></div>
  120. <ul class="zwUl">
  121. <li>
  122. <span class="Topblue"><i
  123. class="iconfont icon-benqishoulishuliang iconCommon shouli"></i>受理数(件)</span>
  124. <i class="numChange" id="yearDeclare">8975</i>
  125. </li>
  126. <li>
  127. <span class="Topblue"><i
  128. class="iconfont icon-banjieshu iconCommon banjie"></i>办结数(件)</span>
  129. <i class="numChange" id="yearAcceptance">6975</i>
  130. </li>
  131. <li>
  132. <span class="Topblue"><i
  133. class="iconfont icon-xinxiwangluogoujian2 iconCommon wangluo"></i>网络提交(件)</span>
  134. <i class="numChange" id="yearConclude">4975</i>
  135. </li>
  136. </ul>
  137. </div>
  138. </div>
  139. </div>
  140. <div class="zwBottom">
  141. <div class="zwtitle">好差评</div>
  142. <div class="line2"></div>
  143. <div style="position: relative;">
  144. <div class="link-box r">
  145. <div class="link-list">
  146. <a href="https://zwykb.cq.gov.cn/cbl/grzx/?my-work/my-works"
  147. target="_blank">评价我的办件</a>
  148. </div>
  149. <div class="link-list">
  150. <a href="https://zwykb.cq.gov.cn/cbl/grzx/?my-work/my-works"
  151. target="_blank">评价窗口人员</a>
  152. </div>
  153. <div class="link-list">
  154. <a href="https://zwykb.cq.gov.cn/hcp/pj/" target="_blank">评价办事指南</a>
  155. </div>
  156. <div class="link-list">
  157. <a href="https://zwykb.cq.gov.cn/hcp/?comment/commentWorkGuide"
  158. target="_blank">评价服务应用</a>
  159. </div>
  160. <div class="link-list">
  161. <a href="https://zwykb.cq.gov.cn/cbl/grzx/?my-papers" target="_blank">评价电子证照</a>
  162. </div>
  163. </div>
  164. <div class="commentsList">
  165. <div>
  166. <img src="img/评价总量小元素.png" style="margin-left: 10px;margin-top: 9px;width: 40px;">
  167. <div class="" style="margin-left:35px;">
  168. <p class="num">本年评价总量</p>
  169. <i class="linghtBlue"><span id="timer20">205165</span><span>条</span></i>
  170. </div>
  171. </div>
  172. <div>
  173. <img src="img/满意度小元素.png" style="margin-left: 10px;margin-top: 9px;width: 44px;">
  174. <div class="" style="margin-left: 40px;">
  175. <p class="num">满意度</p>
  176. <i class="linghtBlue"><span id="timer21">100</span>%<span></span></i>
  177. </div>
  178. </div>
  179. </div>
  180. <div class="barCharts">
  181. <div class="commentsBar" id="main" style="width: 100%;height:100%;">
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. <div class="zwRight">
  188. <div class="zwTop">
  189. <div class="itemAll">
  190. <div class="zwtitle">南岸区政务服务事项总数</div>
  191. <div class="line2"></div>
  192. <div class="itemAllnum" id="totals">
  193. <span>0</span>
  194. <span>0</span>
  195. <span>0</span>
  196. <span style="color:#0990f8;">2</span>
  197. <span style="color:#0990f8;">6</span>
  198. <span style="color:#0990f8;">4</span>
  199. <span style="color:#0990f8;">7</span>
  200. <span>项</span>
  201. </div>
  202. </div>
  203. </div>
  204. <div class="zwBottom">
  205. <div class="zwBottomItem">
  206. <div class="zwtitle">
  207. 一件事一次办
  208. </div>
  209. <div class="line2"></div>
  210. <div class="lineCon">
  211. <img src="img/lightCir.png">
  212. <div class="listCon">
  213. <p style="color: #333;font-size: 18px;">套餐数量</p>
  214. <p><span id="timer16" class="numChange"
  215. style="color: #333;font-size: 28px;">258</span><span
  216. style="color: #999;margin-left: 8px;font-size: 16px;">件</span></p>
  217. </div>
  218. <div class="OneList">
  219. <span style="margin-right:-2px;color: #333;font-size: 13px;">减环节</span>
  220. <span id="timer17" class="numChange"
  221. style="color: #333;font-size: 14px;">1622</span>
  222. <span style="color: #999;font-size: 12px;">件</span>
  223. </div>
  224. <div class="TwoList">
  225. <span style="margin-right:7px;color: #333;font-size: 13px;">减跑动</span>
  226. <span id="timer18" class="numChange" style="color: #333;font-size: 14px;">799</span>
  227. <span style="color: #999;font-size: 12px;">件</span>
  228. </div>
  229. <div class="ThriList">
  230. <span style="margin-right:7px;color: #333;font-size: 13px;">减材料</span>
  231. <span id="timer19" class="numChange" style="color: #333;font-size: 14px;">465</span>
  232. <span style="color: #999;font-size: 12px;">件</span>
  233. </div>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. <!-- 公开信箱统计数据 -->
  240. <div class="blockStyle gkxx">
  241. <a href="http://www.cqna.gov.cn/hdjl_254/gkxxtjsj/index.html" target="_blank" class="aCommon"></a>
  242. <div class="titleMain">
  243. <div class="btHeader">本年度公开信箱办理情况</div>
  244. <div class="dataMore">详细数据</div>
  245. </div>
  246. <div class="secondArea">
  247. <div class="navList">
  248. <ul>
  249. <li>
  250. <div class="inconArea oneBc">
  251. <i class="iconfont icon-liuyan"></i>
  252. </div>
  253. <div class="textArea">
  254. <div class="textAreaTop">近30天来信</div>
  255. <div class="textAreaBottom"><span
  256. id="acceptanceNum" style="font-size: 25px;">0</span>&nbsp;&nbsp;<span>件</span></div>
  257. </div>
  258. </li>
  259. <li>
  260. <div class="inconArea twoBc">
  261. <i class="iconfont icon-liuyan2"></i>
  262. </div>
  263. <div class="textArea">
  264. <div class="textAreaTop">近30天受理</div>
  265. <div class="textAreaBottom"><span
  266. id="completedNum" style="font-size: 25px;">0</span>&nbsp;&nbsp;<span>件</span></div>
  267. </div>
  268. </li>
  269. <li>
  270. <div class="inconArea threeBc">
  271. <i class="iconfont icon-liuyan1"></i>
  272. </div>
  273. <div class="textArea">
  274. <div class="textAreaTop">近30天办理</div>
  275. <div class="textAreaBottom"><span
  276. id="acceptingNum" style="font-size: 25px;">0</span>&nbsp;&nbsp;<span>件</span></div>
  277. </div>
  278. </li>
  279. </ul>
  280. </div>
  281. <!-- 统计区域 -->
  282. <div class="statisticalArea">
  283. <div class="staCommon staLeft">
  284. <div class="staTitle">近90天办理类别统计</div>
  285. <div class="line"></div>
  286. <div class="staContent" id="classifier"></div>
  287. </div>
  288. <div class="staCommon staRight">
  289. <div class="staTitle">近90天部门承办统计</div>
  290. <div class="line"></div>
  291. <div class="staContent" id="undertake"></div>
  292. </div>
  293. </div>
  294. </div>
  295. </div>
  296. <!-- 最新更新文章 -->
  297. <!-- <div class=" gmjj">
  298. <a href="enter_showStatis.html" class="aCommon"></a>
  299. <div class="titleMain">
  300. <div class="btHeader">媒体矩阵统计数据</div>
  301. <div class="dataMore">详细数据</div>
  302. </div>
  303. <div class="blockStyle gmjj">
  304. <div class="data_transactionCase">
  305. <div class="dataAll_title">最新更新文章</div>
  306. <div class="line"></div>
  307. <div class="sort-wrap">
  308. <div class="article-warp">
  309. <ul>
  310. <li><a href="#">
  311. <span class="sort-num num-one">1.</span>
  312. <div class="sort-div">最美南岸</div>
  313. <span class="sort-artTitle">市委常委会召开会议 学习贯彻习近平总书记重要讲话精神 进一步研究部署法治建设和交通运输工作
  314. 陈敏尔主持并讲话
  315. </span>
  316. </a>
  317. </li>
  318. <li><a href="#">
  319. <span class="sort-num num-two">2.</span>
  320. <div class="sort-div">看南岸</div>
  321. <span class="sort-artTitle">城市老旧功能片区改造试点示范项目已开建20个部分项目初具示范效应 </span>
  322. </a>
  323. </li>
  324. <li><a href="#">
  325. <span class="sort-num num-three">3.</span>
  326. <div class="sort-div">南岸政务服务</div>
  327. <span class="sort-artTitle">重庆聚焦“学讲看做”推动党史学习教育走得更深落得更实——学思践悟强信念 知行合一勇担当
  328. </span>
  329. </a></li>
  330. <li><a href="#">
  331. <span class="sort-num">4.</span>
  332. <div class="sort-div">南岸2021</div>
  333. <span class="sort-artTitle">乌江白马航电枢纽右岸一期全面开工建设. </span>
  334. </a></li>
  335. <li><a href="#">
  336. <span class="sort-num">5.</span>
  337. <div class="sort-div">最美南岸</div>
  338. <span class="sort-artTitle">重庆籍选手斩获残奥会3枚奖牌 创历史最佳成绩 </span>
  339. </a></li>
  340. <li><a href="#">
  341. <span class="sort-num">6.</span>
  342. <div class="sort-div">最美南岸</div>
  343. <span class="sort-artTitle">第二季“偶像老师,来了!” 川渝两地各10所学校教师登台秀绝活 </span>
  344. </a></li>
  345. <li><a href="#">
  346. <span class="sort-num">7.</span>
  347. <div class="sort-div">最美南岸</div>
  348. <span class="sort-artTitle">第二季“偶像老师,来了!” 川渝两地各10所学校教师登台秀绝活 </span>
  349. </a></li>
  350. <li><a href="#">
  351. <span class="sort-num">8.</span>
  352. <div class="sort-div">最美南岸</div>
  353. <span class="sort-artTitle">第二季“偶像老师,来了!” 川渝两地各10所学校教师登台秀绝活 </span>
  354. </a></li>
  355. <li><a href="#">
  356. <span class="sort-num">9.</span>
  357. <div class="sort-div">最美南岸</div>
  358. <span class="sort-artTitle">第二季“偶像老师,来了!” 川渝两地各10所学校教师登台秀绝活 </span>
  359. </a></li>
  360. <li><a href="#">
  361. <span class="sort-num">10.</span>
  362. <div class="sort-div">最美南岸</div>
  363. <span class="sort-artTitle">第二季“偶像老师,来了!” 川渝两地各10所学校教师登台秀绝活 </span>
  364. </a></li>
  365. </ul>
  366. </div>
  367. <div class="" style="text-align: center;">
  368. <div id="test1"></div>
  369. </div>
  370. </div>
  371. </div>
  372. </div>
  373. </div> -->
  374. <!-- 门户网站更新情况统计 -->
  375. <!-- <div class="blockStyle gmjj"> -->
  376. <!-- <a href="http://nazwfw.cqna.gov.cn:7777/natj/index.html" target="_blank" class="aCommon"></a> -->
  377. <!-- <div class="titleMain">
  378. <div class="btHeader">门户网站更新情况统计</div>
  379. <div class="dataMore">
  380. <a href="http://nazwfw.cqna.gov.cn:7777/natj/index.html" target="_blank">详细数据</a>
  381. </div>
  382. </div> -->
  383. <!-- <div class="dataAll_statistical">
  384. <div class="statistical_content">
  385. <div class="statistical_header">
  386. 南岸区人民政府网站公开领域发布数据统计
  387. </div>
  388. <div class="release" id="release"> </div>
  389. </div>
  390. <div class="statistical_content01">
  391. <div class="statistical_head">
  392. 南岸区街道更新情况
  393. </div>
  394. <div class="boxContanier article-statis">
  395. <div class="tablebox">
  396. <div class="tbl-header">
  397. <table border="0" cellspacing="0" cellpadding="0" class="layui-table st-header" lay-skin="line">
  398. <colgroup>
  399. <col width="200">
  400. <col width="200">
  401. <col width="200">
  402. <col width="200">
  403. <col width="200">
  404. <col width="100">
  405. </colgroup>
  406. <thead>
  407. <tr>
  408. <th>街道</th>
  409. <th>近7天更新量</th>
  410. <th>近30天更新量</th>
  411. <th>本地更新量</th>
  412. <th>本地更新时间</th>
  413. <th>发布状态</th>
  414. </tr>
  415. </thead>
  416. <tbody style="opacity:0;" id="streetHeader"></tbody>
  417. </table>
  418. </div>
  419. <div class="tbl-body">
  420. <table border="0" cellspacing="0" cellpadding="0" class="layui-table" lay-skin="line" style="margin: 0;">
  421. <colgroup>
  422. <col width="200">
  423. <col width="200">
  424. <col width="200">
  425. <col width="200">
  426. <col width="200">
  427. <col width="100">
  428. </colgroup>
  429. <thead>
  430. <tr>
  431. <th>街道</th>
  432. <th>近7天更新量</th>
  433. <th>近30天更新量</th>
  434. <th>本地更新量</th>
  435. <th>本地更新时间</th>
  436. <th>发布状态</th>
  437. </tr>
  438. </thead>
  439. <tbody id="streetTable"></tbody>
  440. </table>
  441. </div>
  442. </div>
  443. </div>
  444. </div> -->
  445. <!-- 其他区县更新情况 -->
  446. <!-- <div class="statistical_content01">
  447. <div class="statistical_head">
  448. 其他区县更新情况
  449. </div>
  450. <div class="lay_border">
  451. <ul class="layui-nav" id="areaUl">
  452. <li class="layui-nav-item" style="font-size: #007EFF;"><a href="">沙坪坝区</a></li>
  453. <li class="layui-nav-item layui-this"><a href="">渝中区</a></li>
  454. <li class="layui-nav-item"><a href="">渝北区</a></li>
  455. <li class="layui-nav-item"><a href="">九龙坡区</a></li>
  456. <li class="layui-nav-item"><a href="">大渡口区</a></li>
  457. <li class="layui-nav-item"><a href="">江北区</a></li>
  458. <li class="layui-nav-item"><a href="">南岸区</a></li>
  459. <li class="layui-nav-item"><a href="">北碚区</a></li>
  460. <li class="layui-nav-item"><a href="">巴南区</a></li>
  461. </ul>
  462. </div>
  463. <div class="boxContanier article-statis">
  464. <div class="tablebox2">
  465. <div class="tbl-header2">
  466. <table border="0" cellspacing="0" cellpadding="0" class="layui-table st-header" lay-skin="line">
  467. <colgroup>
  468. <col width="150">
  469. <col width="150">
  470. <col width="150">
  471. <col width="150">
  472. <col width="150">
  473. <col width="130">
  474. </colgroup>
  475. <thead>
  476. <tr>
  477. <th>区县</th>
  478. <th>栏目名</th>
  479. <th>部门</th>
  480. <th>近7天更新量</th>
  481. <th>近30天更新量</th>
  482. <th>本年更新量</th>
  483. <th>最近更新时间</th>
  484. <th>发布状态</th>
  485. </tr>
  486. </thead>
  487. <tbody style="opacity:0;" id="otherHeader"></tbody>
  488. </table>
  489. </div>
  490. <div class="tbl-body2">
  491. <table border="0" cellspacing="0" cellpadding="0" class="layui-table" lay-skin="line" style="margin: 0;">
  492. <colgroup>
  493. <col width="150">
  494. <col width="150">
  495. <col width="150">
  496. <col width="150">
  497. <col width="150">
  498. <col width="130">
  499. </colgroup>
  500. <thead>
  501. <tr>
  502. <th>区县</th>
  503. <th>栏目名</th>
  504. <th>部门</th>
  505. <th>近7天更新量</th>
  506. <th>近30天更新量</th>
  507. <th>本年更新量</th>
  508. <th>最近更新时间</th>
  509. <th>发布状态</th>
  510. </tr>
  511. </thead>
  512. <tbody id="otherTable"></tbody>
  513. </table>
  514. </div>
  515. </div>
  516. </div>
  517. </div> -->
  518. <!--主城九区公开领域数据对比 -->
  519. <!-- <div class="statistical_content01">
  520. <div class="statistical_lastheader">
  521. 主城九区公开领域数据对比
  522. </div>
  523. <div class="lay_border">
  524. <ul class="layui-nav" id="contrastLi">
  525. <li class="layui-nav-item layui-this" data-value="1"><a style="color: #0088fe;" href="javascript:void(0);">周更新</a></li>
  526. <li class="layui-nav-item" data-value="2"><a href="javascript:void(0);">月更新</a></li>
  527. <li class="layui-nav-item" data-value="3"><a href="javascript:void(0);">年更新</a></li>
  528. </ul>
  529. </div>
  530. <div class="dataAll_contrast">
  531. <div class="contrast_form" id="contrast_form">
  532. </div>
  533. </div>
  534. </div> -->
  535. <!-- </div> -->
  536. <!-- </div> -->
  537. </div>
  538. <script src="layui/layui.js"></script>
  539. <script src="js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
  540. <script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
  541. <script src="../constans.js" type="text/javascript" charset="utf-8"></script>
  542. <script src="js/enterStatisMain.js" type="text/javascript" charset="utf-8"></script>
  543. <script src="js/highcharts.js"></script>
  544. <script src="js/highcharts-3d.js"></script>
  545. <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
  546. <script src="js/grid-light.js"></script>
  547. <script src="js/south.js"></script>
  548. <script src="js/letterBox2.js" type="text/javascript" charset="utf-8"></script>
  549. <script src="js/echarts-auto-tooltip.js" type="text/javascript" charset="utf-8"></script>
  550. <script src="js/dataAll-tj.js" type="text/javascript" charset="utf-8"></script>
  551. <script>
  552. function initBar() {
  553. var json = ''
  554. $.ajax({
  555. url: path + "/goodOrbad/getGoodOrBadByYearAndArea", //url地址
  556. dataType: "json", //返回的数据类型
  557. type: "get", //发起请求的方式
  558. async: false,
  559. data: {
  560. "area": 1
  561. },
  562. success: function(data) {
  563. json = data.data
  564. $("#timer20").html(json.veryDissatisfied + json.notSatisfied + json.basicSatisfied + json
  565. .satisfied + json.great)
  566. var goods = (json.good / json.goodOrBad).toFixed(10) * 100;
  567. $("#timer21").html(goods.toFixed(3).slice(0, -1))
  568. },
  569. error: function() {
  570. alert('网络错误,请稍后再试!');
  571. }
  572. });
  573. return json
  574. }
  575. function getBar2(json) {
  576. return {
  577. grid: { //坐标轴的位置
  578. top: '5%',
  579. left: '0px',
  580. bottom: '3%',
  581. containLabel: true, //包含文字
  582. y2: 140
  583. },
  584. // grid: {
  585. // y2: 140
  586. // },
  587. xAxis: {
  588. type: 'value',
  589. position: 'top',
  590. axisLabel: {
  591. show: true,
  592. color: function(value, index) {
  593. return '#999999'
  594. },
  595. fontSize: 15,
  596. },
  597. max: 700000,
  598. min: 0,
  599. splitNumber: 2,
  600. axisTick: {
  601. show: false
  602. },
  603. splitLine: {
  604. show: false
  605. },
  606. axisLabel: {
  607. interval: 0
  608. },
  609. },
  610. yAxis: {
  611. type: 'category',
  612. data: ['非常不满意', '不满意', '基本满意', '满意', ' 非常满意'],
  613. axisLabel: {
  614. show: true,
  615. interval: 0,
  616. color: function(value, index) {
  617. return '#999999'
  618. },
  619. fontSize: 14,
  620. },
  621. axisTick: {
  622. show: false
  623. },
  624. splitLine: {
  625. show: false
  626. },
  627. },
  628. tooltip: {
  629. trigger: 'axis',
  630. axisPoniter: {
  631. type: 'line',
  632. z: 0,
  633. lineStyle: {
  634. width: 36,
  635. color: '#2d3443'
  636. }
  637. }
  638. },
  639. animationEasing: 'linear',
  640. series: [{
  641. animationDelay: function(idx) {
  642. return idx * 500;
  643. },
  644. name: '访问来源',
  645. type: 'bar',
  646. barWidth: 16,
  647. radius: '65%',
  648. label: {
  649. show: true,
  650. position: 'right',
  651. textStyle: {
  652. color: '#999999',
  653. }
  654. },
  655. itemStyle: {
  656. barBorderRadius: [0, 8, 8, 0],
  657. color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
  658. offset: 0,
  659. color: '#0042FD'
  660. }, //柱图渐变色
  661. {
  662. offset: 0.5,
  663. color: '#0092F8'
  664. }, //柱图渐变色
  665. {
  666. offset: 1,
  667. color: '#00EAF1'
  668. },
  669. ])
  670. },
  671. data: [
  672. json.veryDissatisfied, json.notSatisfied, json.basicSatisfied, json.satisfied, json.great
  673. ]
  674. }]
  675. }
  676. }
  677. var json = initBar();
  678. var dailyBarOption = getBar2(json);
  679. var myChart1 = echarts.init(document.getElementById('main'));
  680. myChart1.setOption(dailyBarOption);
  681. //近90天办理类别统计
  682. var catechartDom = document.getElementById('category');
  683. var catemyChart = echarts.init(catechartDom);
  684. var cateoption;
  685. cateoption = {
  686. toolbox: {
  687. show: true,
  688. x:'right',
  689. y:'top',
  690. feature: {
  691. mark: {
  692. show: true
  693. },
  694. dataView: {
  695. show: true,
  696. readOnly: false
  697. },
  698. restore: {
  699. show: true
  700. },
  701. saveAsImage: {
  702. show: true,
  703. pixelRatio:1,
  704. name:'导出的文件名',
  705. title:'保存图片',
  706. emphasis: {
  707. textAlign:'right',
  708. textPosition:'left',
  709. }
  710. }
  711. }
  712. },
  713. series: [{
  714. name: 'Nightingale Chart',
  715. type: 'pie',
  716. radius: [20, 100],
  717. center: ['50%', '50%'],
  718. roseType: 'area',
  719. itemStyle: {
  720. borderRadius: 8
  721. },
  722. data: [{
  723. value: 40,
  724. name: '不动产登记:1225件,占24.96%'
  725. },
  726. {
  727. value: 38,
  728. name: '市政:435件,占8.86%'
  729. },
  730. {
  731. value: 32,
  732. name: '· 市政:435件,占8.86%'
  733. },
  734. {
  735. value: 30,
  736. name: '· 环保:390件,占7.94%'
  737. },
  738. {
  739. value: 28,
  740. name: '· 其他:982件,占20.01'
  741. },
  742. {
  743. value: 26,
  744. name: '· 征地、拆迁、物管:303件,占6.17%'
  745. },
  746. {
  747. value: 22,
  748. name: '· 社会治安:270件,占5.51%'
  749. },
  750. {
  751. value: 18,
  752. name: '· 卫生计生:232件,占4.73%'
  753. },
  754. {
  755. value: 28,
  756. name: '· 教育:318件,占6.49%'
  757. },
  758. {
  759. value: 26,
  760. name: '· 城建:356件,占7.26%'
  761. },
  762. {
  763. value: 22,
  764. name: '· 交通:329件,占6.70% '
  765. },
  766. {
  767. value: 18,
  768. name: '劳资纠纷、社保、就业:224件,占4.57%'
  769. }
  770. ]
  771. }]
  772. };
  773. cateoption && catemyChart.setOption(cateoption);
  774. // 近90天部门承办统计
  775. var statcatechartDom = document.getElementById('statistical');
  776. var statmyChart = echarts.init(statcatechartDom);
  777. var statoption;
  778. statoption = {
  779. toolbox: {
  780. show: true,
  781. x:'right',
  782. y:'top',
  783. feature: {
  784. mark: {
  785. show: true
  786. },
  787. dataView: {
  788. show: true,
  789. readOnly: false
  790. },
  791. restore: {
  792. show: true
  793. },
  794. saveAsImage: {
  795. show: true,
  796. pixelRatio:1,
  797. name:'导出的文件名',
  798. title:'保存图片',
  799. emphasis: {
  800. textAlign:'right',
  801. textPosition:'left',
  802. }
  803. }
  804. }
  805. },
  806. series: [{
  807. name: 'Nightingale Chart',
  808. type: 'pie',
  809. radius: [20, 100],
  810. center: ['50%', '50%'],
  811. roseType: 'area',
  812. itemStyle: {
  813. borderRadius: 8
  814. },
  815. data: [{
  816. value: 40,
  817. name: '不动产登记:1225件,占24.96%'
  818. },
  819. {
  820. value: 38,
  821. name: '市政:435件,占8.86%'
  822. },
  823. {
  824. value: 32,
  825. name: '· 市政:435件,占8.86%'
  826. },
  827. {
  828. value: 30,
  829. name: '· 环保:390件,占7.94%'
  830. },
  831. {
  832. value: 28,
  833. name: '· 其他:982件,占20.01'
  834. },
  835. {
  836. value: 26,
  837. name: '· 征地、拆迁、物管:303件,占6.17%'
  838. },
  839. {
  840. value: 22,
  841. name: '· 社会治安:270件,占5.51%'
  842. },
  843. {
  844. value: 18,
  845. name: '· 卫生计生:232件,占4.73%'
  846. },
  847. {
  848. value: 28,
  849. name: '· 教育:318件,占6.49%'
  850. },
  851. {
  852. value: 26,
  853. name: '· 城建:356件,占7.26%'
  854. },
  855. {
  856. value: 22,
  857. name: '· 交通:329件,占6.70% '
  858. },
  859. {
  860. value: 18,
  861. name: '劳资纠纷、社保、就业:224件,占4.57%'
  862. }
  863. ]
  864. }]
  865. };
  866. statoption && statmyChart.setOption(statoption);
  867. // 分页
  868. layui.use('laypage', function() {
  869. var laypage = layui.laypage;
  870. //执行一个laypage实例
  871. laypage.render({
  872. elem: 'test1',
  873. count: 30,
  874. prev: '',
  875. next: ''
  876. });
  877. });
  878. </script>
  879. </body>
  880. </html>