e2efc7e6b33f6843d9b343db4b530a01.php 27 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016
  1. <?php /*a:2:{s:64:"D:\phpstudy_pro\WWW\caiping\app\admin\view\index\main_admin.html";i:1723541257;s:59:"D:\phpstudy_pro\WWW\caiping\app\admin\view\common\base.html";i:1723541257;}*/ ?>
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="360-site-verification" content="a7c876fae8b6e3175a52ea9f19543f51" />
  9. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
  10. <script src="/static/dist/xm-select.js"></script>
  11. <link rel="mobile-prefetch" href=""/>
  12. <title><?php echo get_system_config('web','admin_title'); ?></title>
  13. <meta name="keywords" content="<?php echo get_system_config('web','keywords'); ?>"/>
  14. <meta name="description" content="<?php echo get_system_config('web','desc'); ?>"/>
  15. <link rel="stylesheet" href="/static/assets/gougu/css/gougu.css?v=<?php echo get_system_config('web','version'); ?>" media="all">
  16. <link rel="stylesheet" href="../../../../public/static/assets/icons/main-icon/iconfont.css">
  17. <style type="text/css">
  18. .dashboard-num table {
  19. width: 100%;
  20. }
  21. .dashboard-num td {
  22. text-align: center;
  23. padding: 16px 0;
  24. width: 20%;
  25. border-left: 1px solid #f1f1f1;
  26. position: relative;
  27. }
  28. .dashboard-num td:nth-child(1) {
  29. border-left: none
  30. }
  31. .dashboard-num .num-title {
  32. padding-bottom: 10px;
  33. color: #999;
  34. }
  35. .dashboard-num .blue {
  36. font-size: 20px;
  37. font-weight: 300;
  38. }
  39. .dashboard-num td .badge {
  40. position: absolute;
  41. top: 0;
  42. right: 0;
  43. }
  44. .dashboard-num td .badge span {
  45. padding: 2px 4px;
  46. font-size: 12px;
  47. border-radius: 0 0 0 4px;
  48. }
  49. .dashboard-total td {
  50. border-top: 1px solid #f1f1f1
  51. }
  52. .dashboard-logs .layui-timeline-item {
  53. padding-bottom: 1px;
  54. }
  55. .info-td {
  56. width: 90px;
  57. text-align: right;
  58. background-color: #fafafa;
  59. color: #999;
  60. padding: 5px 3px;
  61. }
  62. .info-td {
  63. width: 90px;
  64. text-align: right;
  65. background-color: #fafafa;
  66. color: #999;
  67. padding: 5px 3px;
  68. }
  69. .layui-card-body .layui-timeline-title {
  70. padding-bottom: 0;
  71. font-size: 14px;
  72. }
  73. .layui-card-body .layui-timeline-item {
  74. padding-bottom: 5px;
  75. }
  76. .top-box {
  77. height: 30%;
  78. }
  79. .top-title {
  80. height: 4.5vh;
  81. font-size: 1vw;
  82. line-height: 4.5vh;
  83. color: grey;
  84. border-bottom: 1px solid rgb(221, 219, 219);
  85. }
  86. .top-box-middle {
  87. height: 16vh;
  88. /* background: url(/static/home/images/base.png) no-repeat;
  89. background-size: 70% 70%;
  90. background-position: 50% 85%; */
  91. }
  92. .top-box-bottom {
  93. height: 13.5vh;
  94. font-size: 1vw;
  95. }
  96. .top-box-bottom-1,
  97. .top-box-bottom-1 a {
  98. float: left;
  99. width: 97%;
  100. }
  101. .top-box-bottom-2,
  102. .top-box-bottom-2 a {
  103. float: left;
  104. width: 97%;
  105. }
  106. .sleep {
  107. width: 100%;
  108. height: 0.01vh;
  109. border-bottom: 1px solid rgb(221, 219, 219);
  110. float: left;
  111. /* margin-top: -1vh;
  112. left: -0.25vw; */
  113. position: relative;
  114. padding: 0;
  115. }
  116. .top-box-bottom-2 {
  117. float: left;
  118. height: 48px;
  119. }
  120. .bottom-box-left,
  121. .bottom-box-right {
  122. height: 64vh;
  123. }
  124. .heading {
  125. background-color: #f1f1f1;
  126. }
  127. .heading th {
  128. text-align: center;
  129. height: 2.5vh;
  130. }
  131. .form td {
  132. text-align: center;
  133. height: 2.5vh;
  134. }
  135. .layui-tab .layui-tab-title li {
  136. font-size: 0.7vw;
  137. }
  138. .layui-matter-item li a {
  139. display: block;
  140. padding: 12px;
  141. background-color: #f8f8f8;
  142. color: #999;
  143. border-radius: 3px;
  144. transition: all .3s;
  145. -webkit-transition: all .3s;
  146. font-size: 0.7vw;
  147. }
  148. .layui-matter-item li a:hover {
  149. background-color: #F2F8FF;
  150. }
  151. .layui-matter-item li span {
  152. float: right;
  153. }
  154. .layui-matter-item li cite {
  155. font-size: 0.7vw;
  156. font-weight: 300;
  157. color: #187FDD;
  158. }
  159. .top-head {
  160. /* width: 20%; */
  161. }
  162. .middle-left {
  163. width: 60%;
  164. }
  165. .middle-right {
  166. width: 40%;
  167. }
  168. .top-box-middle-money {
  169. width: 100%;
  170. height: 15.2vh;
  171. line-height: 14.5vh;
  172. font-size: 2.2vw;
  173. text-align: center;
  174. }
  175. .top-box-middle-money-left {
  176. color: #1287ff;
  177. }
  178. .top-box-middle-money-right {
  179. color: #999;
  180. font-size: 0.9vw;
  181. }
  182. .top-box-middle-left {
  183. background: url(/static/home/images/main-first.png) no-repeat;
  184. background-size: 100% 85%;
  185. background-position: 85% 50%;
  186. }
  187. .top-box-middle-left-2 {
  188. background: url(/static/home/images/main-second.png) no-repeat;
  189. background-size: 85% 70%;
  190. background-position: 50% 50%;
  191. }
  192. .top-box-middle-left-3 {
  193. background: url(/static/home/images/main-third.png) no-repeat;
  194. background-size: 90% 70%;
  195. background-position: 50% 50%;
  196. }
  197. .top-box-middle-left-4 {
  198. background: url(/static/home/images/main-fourth.png) no-repeat;
  199. background-size: 80% 65%;
  200. background-position: 50% 50%;
  201. }
  202. .button-search {
  203. margin-left: 1vw;
  204. }
  205. #test2 {
  206. width: 100%;
  207. height: 32vh;
  208. }
  209. #test2 .layui-laydate-main {
  210. width: 100%;
  211. }
  212. #test2 .layui-laydate-content td {
  213. height: 3.645vh;
  214. }
  215. #test2 .layui-laydate-content th {
  216. width: 1%;
  217. padding: 7px 0;
  218. }
  219. .layui-laydate-content td>div{
  220. height: auto;
  221. }
  222. #test2 #layui-laydate1 .layui-laydate-header {
  223. background-color: #fff;
  224. border-bottom: 1px solid #e2e2e2;
  225. height: 4.6vh;
  226. font-size: 0.85vw;
  227. line-height: 2vh;
  228. }
  229. #test2 .laydate-theme-molv .layui-laydate-header i,
  230. .laydate-theme-molv .layui-laydate-header span {
  231. color: #2c2727b7;
  232. }
  233. #test2 .laydate-theme-molv .layui-laydate-footer {
  234. border: none;
  235. }
  236. #test2 .laydate-theme-molv .layui-laydate-content {
  237. border: none;
  238. border-top: none;
  239. border-bottom: 1px solid #e2e2e2;
  240. height: 28vh;
  241. }
  242. #test2 .laydate-theme-molv .layui-laydate-header i,
  243. .laydate-theme-molv .layui-laydate-header span {
  244. padding-left: 0;
  245. }
  246. .layui-laydate-content td, .layui-laydate-content th{
  247. height: 21px;
  248. }
  249. /* .layui-laydate-content td>div {
  250. height: 0.3vh;
  251. }
  252. .layui-laydate-content th {
  253. height: 0.25vh;
  254. } */
  255. .laydate-theme-molv {
  256. width: 100%;
  257. }
  258. .main-input {
  259. width: auto;
  260. }
  261. .main-input-name {
  262. display: flex;
  263. }
  264. .layui-form-label {
  265. padding: 9px 0;
  266. position: relative;
  267. display: block;
  268. text-align: left;
  269. width: 80px;
  270. font-weight: 400;
  271. line-height: 20px;
  272. }
  273. </style>
  274. </head>
  275. <body class="main-body">
  276. <!-- 主体 -->
  277. <div class="p-3">
  278. <div class="layui-row layui-col-space12">
  279. <div class="layui-col-md3 top-head">
  280. <div class="layui-card top-box">
  281. <div class="layui-card-header top-title"><span style="font-size: 0.85vw;font-weight: 600;">财政局数量</span>
  282. </div>
  283. <div class="layui-card-body">
  284. <div class="layui-sales-info top-box-middle">
  285. <!-- <div class="top-box-middle-left" style="width: 37.5%;height: 95%;float: left;">
  286. </div> -->
  287. <div class="top-box-middle-right" style="width: 62.5%;height: 95%;float: left;">
  288. <p class="top-box-middle-money">
  289. <span class="top-box-middle-money-left"></span>
  290. <span class="top-box-middle-money-right">万元</span>
  291. </p>
  292. </div>
  293. </div>
  294. <!-- <div class="layui-sales-info top-box-bt" style="height: 10.5vh;width: auto;margin-bottom: -0.8vh;">
  295. <ul class="layui-row layui-col-space12">
  296. <li class="layui-col-md12"
  297. style="height: 5.2vh;line-height: 5.2vh;font-size: 0.71vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
  298. &nbsp;&nbsp;&nbsp;&nbsp;预算总额&nbsp;&nbsp;&nbsp;<span
  299. style="float: right;">万元&nbsp;&nbsp;&nbsp;&nbsp;</span><span
  300. style="float: right;color: #187FDD;">&nbsp;</span></li>
  301. <div class="sleep"></div>
  302. <li class="layui-col-md12"
  303. style="height: 5.2vh;line-height: 5.2vh;font-size: 0.71vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
  304. &nbsp;&nbsp;&nbsp;&nbsp;结算总额&nbsp;&nbsp;&nbsp;<span
  305. style="float: right;">万元&nbsp;&nbsp;&nbsp;&nbsp;</span><span
  306. style="float: right;color: #187FDD;">&nbsp;</span></li>
  307. </ul>
  308. </div> -->
  309. </div>
  310. </div>
  311. </div>
  312. <div class="layui-col-md3 top-head">
  313. <div class="layui-card top-box">
  314. <div class="layui-card-header top-title"><span style="font-size: 0.85vw;font-weight: 600;">公司数量</span>
  315. </div>
  316. <div class="layui-card-body">
  317. <div class="layui-sales-info top-box-middle">
  318. <!-- <div class="top-box-middle-left-2" style="width: 37.5%;height: 95%;float: left;">
  319. </div> -->
  320. <div class="top-box-middle-right" style="width: 62.5%;height: 95%;float: left;">
  321. <p class="top-box-middle-money">
  322. <span class="top-box-middle-money-left"></span>
  323. <span class="top-box-middle-money-right">万元</span>
  324. </p>
  325. </div>
  326. </div>
  327. <!-- <div class="layui-sales-info top-box-bt" style="height: 10.5vh;width: auto;margin-bottom: -0.8vh;">
  328. <ul class="layui-row layui-col-space12">
  329. <li class="layui-col-md12"
  330. style="height: 5.2vh;line-height: 5.2vh;font-size: 0.71vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
  331. &nbsp;&nbsp;&nbsp;&nbsp;2023年上半年服务费用&nbsp;&nbsp;&nbsp;<span
  332. style="float: right;">万元&nbsp;&nbsp;&nbsp;&nbsp;</span><span
  333. style="float: right;color: #187FDD;"></span></li>
  334. <div class="sleep"></div>
  335. <li class="layui-col-md12"
  336. style="height: 5.2vh;line-height: 5.2vh;font-size: 0.71vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
  337. &nbsp;&nbsp;&nbsp;&nbsp;2023年下半年服务费用&nbsp;&nbsp;&nbsp;<span
  338. style="float: right;">万元&nbsp;&nbsp;&nbsp;&nbsp;</span><span
  339. style="float: right;color: #187FDD;"></span></li>
  340. </ul>
  341. </div> -->
  342. </div>
  343. </div>
  344. </div>
  345. <div class="layui-col-md3 top-head">
  346. <div class="layui-card top-box">
  347. <div class="layui-card-header top-title"><span style="font-size: 0.85vw;font-weight: 600;">业主数量</span>
  348. </div>
  349. <div class="layui-card-body">
  350. <div class="layui-sales-info top-box-middle">
  351. <!-- <div class="top-box-middle-left-3" style="width: 37.5%;height: 95%;float: left;">
  352. </div> -->
  353. <div class="top-box-middle-right" style="width: 62.5%;height: 95%;float: left;">
  354. <p class="top-box-middle-money">
  355. <span class="top-box-middle-money-left"></span>
  356. <span class="top-box-middle-money-right">%</span>
  357. </p>
  358. </div>
  359. </div>
  360. <!-- <div class="layui-sales-info top-box-bt" style="height: 10.5vh;width: auto;margin-bottom: -0.8vh;">
  361. <ul class="layui-row layui-col-space12">
  362. <li class="layui-col-md12"
  363. style="height: 5.2vh;line-height: 5.2vh;font-size: 0.71vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
  364. &nbsp;&nbsp;&nbsp;&nbsp;预算核增减率&nbsp;&nbsp;&nbsp;<span
  365. style="float: right;">%&nbsp;&nbsp;&nbsp;&nbsp;</span><span
  366. style="float: right;color: #187FDD;"></span></li>
  367. <div class="sleep"></div>
  368. <li class="layui-col-md12"
  369. style="height: 5.2vh;line-height: 5.2vh;font-size: 0.71vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
  370. &nbsp;&nbsp;&nbsp;&nbsp;结算核增减率&nbsp;&nbsp;&nbsp;<span
  371. style="float: right;">%&nbsp;&nbsp;&nbsp;&nbsp;</span><span
  372. style="float: right;color: #187FDD;">&nbsp;</span></li>
  373. </ul>
  374. </div> -->
  375. </div>
  376. </div>
  377. </div>
  378. <div class="layui-col-md3 top-head">
  379. <div class="layui-card top-box">
  380. <div class="layui-card-header top-title"><span style="font-size: 0.85vw;font-weight: 600;">今日访问</span>
  381. </div>
  382. <div class="layui-card-body">
  383. <div class="layui-sales-info top-box-middle">
  384. <!-- <div class="top-box-middle-left-4" style="width: 37.5%;height: 95%;float: left;">
  385. </div> -->
  386. <div class="top-box-middle-right" style="width: 62.5%;height: 95%;float: left;">
  387. <p class="top-box-middle-money">
  388. <span class="top-box-middle-money-left"></span>
  389. <span class="top-box-middle-money-right">个</span>
  390. </p>
  391. </div>
  392. </div>
  393. <!-- <div class="layui-sales-info top-box-bt" style="height: 10.5vh;width: auto;margin-bottom: -0.8vh;">
  394. <ul class="layui-row layui-col-space12">
  395. <li class="layui-col-md12"
  396. style="height: 5.2vh;line-height: 5.2vh;font-size: 0.71vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
  397. &nbsp;&nbsp;&nbsp;&nbsp;正在作业&nbsp;&nbsp;&nbsp;<span
  398. style="float: right;">个&nbsp;&nbsp;&nbsp;&nbsp;</span><span
  399. style="float: right;color: #187FDD;">&nbsp;</span></li>
  400. <div class="sleep"></div>
  401. <li class="layui-col-md12"
  402. style="height: 5.2vh;line-height: 5.2vh;font-size: 0.71vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
  403. &nbsp;&nbsp;&nbsp;&nbsp;已归档&nbsp;&nbsp;&nbsp;<span
  404. style="float: right;">个&nbsp;&nbsp;&nbsp;&nbsp;</span><span
  405. style="float: right;color: #187FDD;">&nbsp;</span></li>
  406. </ul>
  407. </div> -->
  408. </div>
  409. </div>
  410. </div>
  411. <div class="layui-col-md9">
  412. <div class="layui-card">
  413. <div class="layui-card-header">
  414. </div>
  415. <div class="layui-card-body">
  416. <div id="map" style="height: 578px;"></div>
  417. </div>
  418. </div>
  419. </div>
  420. <div class="layui-col-md3">
  421. <div class="layui-card">
  422. <div class="layui-card-header">
  423. </div>
  424. <div class="layui-card-body">
  425. <div id="zxrs" style="height: 252px"></div>
  426. </div>
  427. </div>
  428. </div>
  429. <div class="layui-col-md3">
  430. <div class="layui-card">
  431. <div class="layui-card-header">
  432. </div>
  433. <div class="layui-card-body">
  434. <div id="llq" style="height: 252px"></div>
  435. </div>
  436. </div>
  437. </div>
  438. </div>
  439. <!-- <div class="layui-row layui-col-space12">
  440. <div class="layui-col-md5 middle-left">
  441. <div class="layui-card">
  442. <div class="layui-card-body bottom-box-left" style="padding-top: 0;overflow: hidden;">
  443. <div class="layui-tab layui-tab-brief" style="height: 88%;">
  444. <ul class="layui-tab-title" style="font-size: 1vw; font-weight: 600;">
  445. <li class="layui-this" style="font-size: 0.95vw;">
  446. <i class="layui-icon">&#xe63c; </i> 待审核任务
  447. </li>
  448. </ul>
  449. <div class="layui-tab-content" style="height: 100%; overflow: hidden;">
  450. <table class="layui-hide" id="cost_project" lay-filter="cost_project"></table>
  451. </div>
  452. </div>
  453. </div>
  454. </div>
  455. </div>
  456. <div class="layui-col-md4 middle-right">
  457. <div class="layui-card">
  458. <div class="layui-card-body bottom-box-left" style="padding-top: 0;">
  459. <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="height: 63.75vh; /* 容器高度 */overflow: hidden;">
  460. <ul class="layui-tab-title" style="font-size: 1vw; font-weight: 600;color: grey;">
  461. <li class="layui-this" style="font-size: 0.95vw;">
  462. <i class="layui-icon iconfont">&#xe68d; </i> 临期项目
  463. </li>
  464. <li style="font-size: 0.95vw;">
  465. <i class="layui-icon iconfont">&#xe702; </i> 逾期项目
  466. </li>
  467. </ul>
  468. <div class="layui-tab-content">
  469. <div class="layui-tab-item layui-show">
  470. <table class="layui-hide" id="advent_project" lay-filter="advent_project"></table>
  471. </div>
  472. <div class="layui-tab-item">
  473. <table class="layui-hide" id="late_project" lay-filter="late_project"></table>
  474. </div>
  475. <div class="layui-tab-item"></div>
  476. </div>
  477. </div>
  478. </div>
  479. </div>
  480. </div>
  481. <div class="layui-col-md3 middle-left">
  482. <div class="layui-card">
  483. <div class="layui-card-body bottom-box-left">
  484. <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  485. <div class="layui-card-header top-title" style="font-size: 0.95vw;font-weight: 600;">
  486. 项目列表
  487. </div>
  488. <div class="layui-card-body layui-col-space12">
  489. <div class="layui-col-md3 main-input-name" style="width: 40%;">
  490. <label class="layui-form-label">
  491. 项目名称:
  492. </label>
  493. <div class="layui-input-block">
  494. <input type="text" name="title" placeholder="请输入项目名称" autocomplete="off"
  495. class="layui-input main-input">
  496. </div>
  497. </div>
  498. <div class="layui-col-md3 main-input-name" style="width: 35%;">
  499. <label class="layui-form-label" style="text-align: center;">
  500. 负责人:
  501. </label>
  502. <div class="layui-input-block">
  503. <input type="text" name="title" placeholder="请输入负责人" autocomplete="off"
  504. class="layui-input main-input">
  505. </div>
  506. </div>
  507. <div class="layui-col-md3 main-input-name">
  508. <button class="layui-btn layui-bg-blue button-search"><i
  509. class="layui-icon">&#xe615;</i></button>
  510. </div>
  511. </div>
  512. <div class="layui-tab-content">
  513. <div class="layui-tab-item layui-show">
  514. <table class="layui-hide" id="cost_project2" lay-filter="cost_project2"></table>
  515. </div>
  516. </div>
  517. </div>
  518. </div>
  519. </div>
  520. </div>
  521. <div class="layui-col-md3 middle-right">
  522. <div class="layui-card">
  523. <div class="layui-card-body bottom-box-left">
  524. <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  525. <div class="layui-card-header top-title" style="font-size: 0.95vw;font-weight: 600;">
  526. 通讯录
  527. </div>
  528. <div class="layui-card-body layui-col-space12">
  529. <div class="layui-col-md5 main-input-name" style="width: 65%;">
  530. <label class="layui-form-label" style="width: 7vw;">
  531. 联系人姓名:
  532. </label>
  533. <div class="layui-input-block">
  534. <input type="text" name="title" placeholder="请输入联系人姓名" autocomplete="off"
  535. class="layui-input main-input">
  536. </div>
  537. </div>
  538. <div class="layui-col-md2 main-input-name">
  539. <button class="layui-btn layui-bg-blue button-search" style="margin-left: 0;"><i
  540. class="layui-icon">&#xe615;</i></button>
  541. </div>
  542. </div>
  543. <table class="layui-hide" id="head" lay-filter="head"></table>
  544. </div>
  545. </div>
  546. </div>
  547. </div>
  548. </div> -->
  549. </div>
  550. </div>
  551. <div class="layui-col-md4">
  552. </div>
  553. </div>
  554. </div>
  555. <!-- /主体 -->
  556. <!-- 底部 -->
  557. <div class="footer">
  558. 逸管工程项目管理系统 © www.yiguanfep.com
  559. <img src="/static/home/images/police.png" alt="" style="width:14.5px;height:16px;">
  560. <a href="https://beian.mps.gov.cn/#/query/websearch?code=45030202000160 " rel="\&quot;noreferrer'target=\”blank\&quot;" onclick="window.open(this.href); return false;">桂公网安备45030202000160号</a>
  561. <a href="https://beian.miit.gov.cn/#/Integrated/index" onclick="window.open(this.href); return false;">桂ICP备17000971号</a>
  562. </div>
  563. <!-- /底部 -->
  564. <!-- 脚本 -->
  565. <script src="https://cdn.staticfile.org/echarts/5.3.0/echarts.min.js"></script>
  566. <script>
  567. const moduleInit = ['tool'];
  568. function gouguInit() {
  569. var layer = layui.layer, tool = layui.tool;
  570. // 访问量
  571. var fwlCharts = echarts.init(document.getElementById('fwl'));
  572. var fwlOptions = {
  573. tooltip: {
  574. trigger: 'axis',
  575. axisPointer: {
  576. type: 'cross',
  577. label: {
  578. backgroundColor: '#6a7985'
  579. }
  580. }
  581. },
  582. grid: {
  583. left: '-1%',
  584. right: '0',
  585. bottom: '0',
  586. top: '5px',
  587. containLabel: false
  588. },
  589. xAxis: [
  590. {
  591. type: 'category',
  592. boundaryGap: false,
  593. data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
  594. show: false
  595. }
  596. ],
  597. yAxis: [
  598. {
  599. type: 'value',
  600. show: false
  601. }
  602. ],
  603. series: [
  604. {
  605. name: '总量',
  606. type: 'line',
  607. stack: '总量',
  608. smooth: true,
  609. lineStyle: {
  610. width: 0
  611. },
  612. showSymbol: false,
  613. areaStyle: {
  614. opacity: 0.8,
  615. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
  616. offset: 0,
  617. color: '#1890ff'
  618. }, {
  619. offset: 1,
  620. color: '#1890ff'
  621. }])
  622. },
  623. emphasis: {
  624. focus: 'series'
  625. },
  626. data: [120, 132, 156, 200, 90, 100, 165]
  627. },
  628. ]
  629. };
  630. fwlCharts.setOption(fwlOptions);
  631. // 渲染表信息
  632. var zfbsCharts = echarts.init(document.getElementById('zfbs'));
  633. var zfbsOptions = {
  634. color: ['#1890ff', '#666'],
  635. tooltip: {},
  636. grid: {
  637. left: '0',
  638. right: '20',
  639. bottom: '30',
  640. containLabel: true
  641. },
  642. xAxis: {
  643. data: ['1月', '2月', '3月', '4月', '6月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
  644. show: false,
  645. },
  646. yAxis: {
  647. show: false
  648. },
  649. series: [{
  650. type: 'bar',
  651. data: [726, 1013, 690, 892, 982, 570, 536, 546, 988, 1002, 500, 506],
  652. barMaxWidth: 45
  653. }]
  654. }
  655. zfbsCharts.setOption(zfbsOptions);
  656. // 地图数据信息
  657. function randomValue() {
  658. return Math.round(Math.random() * 1000);
  659. }
  660. var mapCharts = echarts.init(document.getElementById('map'));
  661. var dataList = [
  662. { name: "南海诸岛", value: 0 },
  663. { name: '北京', value: randomValue() },
  664. { name: '天津', value: randomValue() },
  665. { name: '上海', value: randomValue() },
  666. { name: '重庆', value: randomValue() },
  667. { name: '河北', value: randomValue() },
  668. { name: '河南', value: randomValue() },
  669. { name: '云南', value: randomValue() },
  670. { name: '辽宁', value: randomValue() },
  671. { name: '黑龙江', value: randomValue() },
  672. { name: '湖南', value: randomValue() },
  673. { name: '安徽', value: randomValue() },
  674. { name: '山东', value: randomValue() },
  675. { name: '新疆', value: randomValue() },
  676. { name: '江苏', value: randomValue() },
  677. { name: '浙江', value: randomValue() },
  678. { name: '江西', value: randomValue() },
  679. { name: '湖北', value: randomValue() },
  680. { name: '广西', value: randomValue() },
  681. { name: '甘肃', value: randomValue() },
  682. { name: '山西', value: randomValue() },
  683. { name: '内蒙古', value: randomValue() },
  684. { name: '陕西', value: randomValue() },
  685. { name: '吉林', value: randomValue() },
  686. { name: '福建', value: randomValue() },
  687. { name: '贵州', value: randomValue() },
  688. { name: '广东', value: randomValue() },
  689. { name: '青海', value: randomValue() },
  690. { name: '西藏', value: randomValue() },
  691. { name: '四川', value: randomValue() },
  692. { name: '宁夏', value: randomValue() },
  693. { name: '海南', value: randomValue() },
  694. { name: '台湾', value: randomValue() },
  695. { name: '香港', value: randomValue() },
  696. { name: '澳门', value: randomValue() }
  697. ]
  698. // 世界地图
  699. var mapOption = {
  700. tooltip: {
  701. formatter: function (params, ticket, callback) {
  702. return params.seriesName + '<br />' + params.name + ':' + params.value
  703. }
  704. },
  705. visualMap: {
  706. min: 0,
  707. max: 1500,
  708. left: 'left',
  709. top: 'bottom',
  710. text: ['高', '低'],//取值范围的文字
  711. inRange: {
  712. color: ['#e0ffff', '#006edd']//取值范围的颜色
  713. },
  714. show: true//图注
  715. },
  716. geo: {
  717. map: 'china',
  718. roam: false, //不开启缩放和平移
  719. zoom: 1.23, //视角缩放比例
  720. label: {
  721. normal: {
  722. show: true,
  723. fontSize: '10',
  724. color: 'rgba(0,0,0,0.7)'
  725. }
  726. },
  727. itemStyle: {
  728. normal: {
  729. borderColor: 'rgba(0, 0, 0, 0.2)'
  730. },
  731. emphasis: {
  732. areaColor: '#F3B329',//鼠标选择区域颜色
  733. shadowOffsetX: 0,
  734. shadowOffsetY: 0,
  735. shadowBlur: 20,
  736. borderWidth: 0,
  737. shadowColor: 'rgba(0, 0, 0, 0.5)'
  738. }
  739. }
  740. },
  741. series: [
  742. {
  743. name: '信息量',
  744. type: 'map',
  745. geoIndex: 0,
  746. data: dataList
  747. }
  748. ]
  749. };
  750. mapCharts.setOption(mapOption);
  751. var myCharts = echarts.init(document.getElementById('zxrs'));
  752. var mData = [50, 100, 150, 80, 120, 150, 200, 250, 220, 250, 300, 350, 400, 380, 440, 450, 500, 550, 500];
  753. var option = {
  754. tooltip: {
  755. trigger: "axis"
  756. },
  757. xAxis: [{
  758. type: "category",
  759. boundaryGap: !1,
  760. data: ["06:00", "06:30", "07:00", "07:30", "08:00", "08:30", "09:00", "09:30", "10:00", "11:30", "12:00", "12:30", "13:00", "13:30", "14:00", "14:30", "15:00", "15:30", "16:00"]
  761. }],
  762. yAxis: [{
  763. type: "value"
  764. }],
  765. series: [{
  766. name: "总量",
  767. type: "line",
  768. smooth: !0,
  769. itemStyle: {
  770. normal: {
  771. areaStyle: {
  772. type: "default"
  773. }
  774. }
  775. },
  776. data: mData
  777. }]
  778. };
  779. myCharts.setOption(option);
  780. // 动态改变图表1数据
  781. setInterval(function () {
  782. for (var i = 0; i < mData.length; i++) {
  783. mData[i] += (Math.random() * 50 - 25);
  784. if (mData[i] < 0) {
  785. mData[i] = 0;
  786. }
  787. }
  788. myCharts.setOption({
  789. series: [{
  790. data: mData
  791. }]
  792. });
  793. }, 1000);
  794. // 渲染浏览器分布
  795. var llqCharts = echarts.init(document.getElementById('llq'));
  796. var llqOptions = {
  797. tooltip: {
  798. trigger: 'item'
  799. },
  800. legend: {
  801. bottom: '1%',
  802. left: 'center',
  803. icon: 'circle', // 设置小圆点
  804. itemWidth: 10, // 设置宽度
  805. itemHeight: 10, // 设置高度
  806. },
  807. series: [
  808. {
  809. name: '浏览器分布',
  810. type: 'pie',
  811. radius: ['40%', '70%'],
  812. avoidLabelOverlap: false,
  813. label: {
  814. show: false,
  815. position: 'center'
  816. },
  817. emphasis: {
  818. label: {
  819. show: true,
  820. fontSize: '14px',
  821. }
  822. },
  823. labelLine: {
  824. show: false
  825. },
  826. data: [
  827. { value: 1048, name: 'Chrome' },
  828. { value: 735, name: 'Safair' },
  829. { value: 580, name: 'Firefox' },
  830. { value: 484, name: 'Edge' },
  831. { value: 300, name: 'IE' },
  832. { value: 200, name: 'Other' },
  833. ]
  834. }
  835. ]
  836. };
  837. llqCharts.setOption(llqOptions);
  838. // 窗口大小改变事件
  839. window.onresize = function () {
  840. myCharts.resize();
  841. mapCharts.resize();
  842. fwlCharts.resize();
  843. zfbsCharts.resize();
  844. llqCharts.resize();
  845. };
  846. }
  847. </script>
  848. <script src="../../assets/third_party/echart/echarts.min.js"></script>
  849. <script src="../../assets/third_party/echart/china.js"></script>
  850. <script src="../../../../public/static/assets/layui/layui.js"></script>
  851. <script src="../../../../public/static/assets/gougu/gouguInit.js"></script>
  852. </script>
  853. <!-- /脚本 -->
  854. <!-- <script src="/static/assets/layui/layui.js"></script> -->
  855. <script src="/static/assets/layui/layui.js"></script>
  856. <script src="/static/assets/third_party/echart/echarts.min.js"></script>
  857. <script src="/static/assets/gougu/gouguInit.js"></script>
  858. <script src="https://unpkg.com/pinyin-pro"></script>
  859. <script>
  860. var { pinyin } = pinyinPro;
  861. </script>
  862. <!-- 统计代码 -->
  863. <!-- /统计代码 -->
  864. </body>
  865. </html>