Açıklama Yok

index_20190702.html 26KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <!--优先使用 IE 最新版本和 Chrome-->
  7. <meta name="renderer" content="webkit" />
  8. <script src="Script/Common/huayi.load.js"></script>
  9. <script src="Script/Common/huayi.config.js"></script>
  10. <link rel="stylesheet" href="css/swiper.min.css" />
  11. <link rel="stylesheet" href="css/animate.min.css" />
  12. <link rel="stylesheet" href="plugins/numbergd/globle.css" />
  13. <link rel="stylesheet" href="css/index.css" />
  14. <title>大数据首页</title>
  15. <style>
  16. .trafficVolume .orderCon_right>div{
  17. height: auto;
  18. }
  19. .trafficVolume .orderCon_right{
  20. position: relative;
  21. }
  22. .time_box{
  23. position: absolute;
  24. right: -10px;
  25. top: 125px;
  26. }
  27. .time_box_four{
  28. right: 180px;
  29. top: 120px;
  30. z-index: 1;
  31. }
  32. .time_box_leftTh{
  33. left: 180px;
  34. top: 120px;
  35. z-index: 1;
  36. }
  37. .time_box:before {
  38. position: absolute;
  39. right: 12px;
  40. top: 7px;
  41. z-index: 9999999;
  42. content: "";
  43. height: 0;
  44. width: 0;
  45. border:none;
  46. /* border-right: 7px solid transparent; */
  47. /* border-left: 7px solid transparent; */
  48. }
  49. .depart{
  50. height: 26px;
  51. line-height: 26px;
  52. }
  53. </style>
  54. </head>
  55. <body>
  56. <!--导航栏开始-->
  57. <div id="nav" class="clearfix">
  58. <div class="nav_left"><img src="img/nav_l.png" alt="" /></div>
  59. <div class="nav_middle">
  60. <ul class="clearfix">
  61. <li>
  62. <a href="./sourceChannel.html"><img src="img/lyqd_0.png" alt="" /></a>
  63. </li>
  64. <li>
  65. <a href="./receiptDepartment.html"><img src="img/jdbm_0.png" alt="" /></a>
  66. </li>
  67. <li>
  68. <a href="javaScript:;"><img src="img/title.png" alt="" /></a>
  69. </li>
  70. <li>
  71. <a href="./TelephoneDetails.html"><img src="img/hwsl_0.png" alt="" /></a>
  72. </li>
  73. <li>
  74. <a href="./complaintsReport.html"><img src="img/tsjb_0.png" alt="" /></a>
  75. </li>
  76. </ul>
  77. </div>
  78. <div class="nav_right"><img src="img/nav_r.png" alt="" /></div>
  79. </div>
  80. <!--导航栏结束-->
  81. <div id="wrap">
  82. <div class="swiper-container">
  83. <div class="swiper-wrapper">
  84. <!--第一屏-->
  85. <div class="swiper-slide">
  86. <div class="orderStatistic slideCon_bg clearfix">
  87. <p class="slide_title slide_title1"></p>
  88. <div class="orderCon_left slide_left">
  89. <ul>
  90. <!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="4s">-->
  91. <li>
  92. <img src="img/num_icon.png" alt="" />
  93. <p class="num_word">
  94. <span>受理量</span></br>
  95. <span></span>
  96. <span>118710</span>
  97. </p>
  98. </li>
  99. <!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="4.5s">-->
  100. <li>
  101. <img src="img/num_icon.png" alt="" />
  102. <p class="num_word">
  103. <span>结案量</span></br>
  104. <span></span>
  105. <span>116704</span>
  106. </p>
  107. </li>
  108. <!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="5s">-->
  109. <li>
  110. <img src="img/num_icon.png" alt="" />
  111. <p class="num_word">
  112. <span>结案率</span></br>
  113. <span></span>
  114. <span>98.31%</span>
  115. </p>
  116. </li>
  117. <!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="5.5s">-->
  118. <li>
  119. <img src="img/num_icon.png" alt="" />
  120. <p class="num_word">
  121. <span>满意度</span></br>
  122. <span></span>
  123. <span>89.63%</span>
  124. </p>
  125. </li>
  126. <!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="6s">-->
  127. </ul>
  128. </div>
  129. <div class="orderCon_middle slide_middle_first">
  130. <div class="map_bg">
  131. <div id="radarBox" class="ani" swiper-animate-effect="OutOpcity" swiper-animate-duration="infinite" swiper-animate-delay="3s">
  132. <div class="radar">
  133. <div class="radar_inner"></div>
  134. </div>
  135. </div>
  136. <div class="quanbgBox quan_SYQ ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
  137. <div class="quanbg">
  138. <span class="quan quan1 quan1a "></span>
  139. <span class="quan quan2 quan2a "></span>
  140. <span class="quan quan3 quan3a "></span>
  141. <span class="quan quan4"></span>
  142. <span class="quan quan1 quan1b "></span>
  143. <span class="quan quan2 quan2b "></span>
  144. <span class="quan quan3 quan3b "></span>
  145. </div>
  146. <span class="txt txt_SYQ">睢阳区</br>5174</span>
  147. </div>
  148. <div class="quanbgBox quan_MQ ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
  149. <div class="quanbg">
  150. <span class="quan quan1 quan1a "></span>
  151. <span class="quan quan2 quan2a "></span>
  152. <span class="quan quan3 quan3a "></span>
  153. <span class="quan quan4"></span>
  154. <span class="quan quan1 quan1b "></span>
  155. <span class="quan quan2 quan2b "></span>
  156. <span class="quan quan3 quan3b "></span>
  157. </div>
  158. <span class="txt txt_MQ">民权县</br>7634</span>
  159. </div>
  160. <div class="quanbgBox quan_SX ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
  161. <div class="quanbg">
  162. <span class="quan quan1 quan1a "></span>
  163. <span class="quan quan2 quan2a "></span>
  164. <span class="quan quan3 quan3a "></span>
  165. <span class="quan quan4"></span>
  166. <span class="quan quan1 quan1b "></span>
  167. <span class="quan quan2 quan2b "></span>
  168. <span class="quan quan3 quan3b "></span>
  169. </div>
  170. <span class="txt txt_SX">睢县</br>2285</span>
  171. </div>
  172. <div class="quanbgBox quan_NL ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
  173. <div class="quanbg">
  174. <span class="quan quan1 quan1a "></span>
  175. <span class="quan quan2 quan2a "></span>
  176. <span class="quan quan3 quan3a "></span>
  177. <span class="quan quan4"></span>
  178. <span class="quan quan1 quan1b "></span>
  179. <span class="quan quan2 quan2b "></span>
  180. <span class="quan quan3 quan3b "></span>
  181. </div>
  182. <span class="txt txt_NL">宁陵县</br>681</span>
  183. </div>
  184. <div class="quanbgBox quan_LYQ ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
  185. <div class="quanbg">
  186. <span class="quan quan1 quan1a "></span>
  187. <span class="quan quan2 quan2a "></span>
  188. <span class="quan quan3 quan3a "></span>
  189. <span class="quan quan4"></span>
  190. <span class="quan quan1 quan1b "></span>
  191. <span class="quan quan2 quan2b "></span>
  192. <span class="quan quan3 quan3b "></span>
  193. </div>
  194. <span class="txt txt_LYQ">梁园区</br>4253</span>
  195. </div>
  196. <div class="quanbgBox quan_KFQ ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
  197. <div class="quanbg">
  198. <span class="quan quan1 quan1a "></span>
  199. <span class="quan quan2 quan2a "></span>
  200. <span class="quan quan3 quan3a "></span>
  201. <span class="quan quan4"></span>
  202. <span class="quan quan1 quan1b "></span>
  203. <span class="quan quan2 quan2b "></span>
  204. <span class="quan quan3 quan3b "></span>
  205. </div>
  206. <span class="txt txt_KFQ">示范区</br>2773</span>
  207. </div>
  208. <div class="quanbgBox quan_ZC ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
  209. <div class="quanbg">
  210. <span class="quan quan1 quan1a "></span>
  211. <span class="quan quan2 quan2a "></span>
  212. <span class="quan quan3 quan3a "></span>
  213. <span class="quan quan4"></span>
  214. <span class="quan quan1 quan1b "></span>
  215. <span class="quan quan2 quan2b "></span>
  216. <span class="quan quan3 quan3b "></span>
  217. </div>
  218. <span class="txt txt_ZC">柘城县</br>3141</span>
  219. </div>
  220. <div class="quanbgBox quan_YCX ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
  221. <div class="quanbg">
  222. <span class="quan quan1 quan1a "></span>
  223. <span class="quan quan2 quan2a "></span>
  224. <span class="quan quan3 quan3a "></span>
  225. <span class="quan quan4"></span>
  226. <span class="quan quan1 quan1b "></span>
  227. <span class="quan quan2 quan2b "></span>
  228. <span class="quan quan3 quan3b "></span>
  229. </div>
  230. <span class="txt txt_YCX">虞城县</br>5452</span>
  231. </div>
  232. <div class="quanbgBox quan_XYX ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
  233. <div class="quanbg">
  234. <span class="quan quan1 quan1a "></span>
  235. <span class="quan quan2 quan2a "></span>
  236. <span class="quan quan3 quan3a "></span>
  237. <span class="quan quan4"></span>
  238. <span class="quan quan1 quan1b "></span>
  239. <span class="quan quan2 quan2b "></span>
  240. <span class="quan quan3 quan3b "></span>
  241. </div>
  242. <span class="txt txt_XYX">夏邑县</br>3735</span>
  243. </div>
  244. <!--<div class="quanbgBox quan_YCS ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
  245. <div class="quanbg">
  246. <span class="quan quan1 quan1a "></span>
  247. <span class="quan quan2 quan2a "></span>
  248. <span class="quan quan3 quan3a "></span>
  249. <span class="quan quan4"></span>
  250. <span class="quan quan1 quan1b "></span>
  251. <span class="quan quan2 quan2b "></span>
  252. <span class="quan quan3 quan3b "></span>
  253. </div>
  254. <span class="txt txt_YCS">永城市</span>
  255. </div>-->
  256. </div>
  257. </div>
  258. </div>
  259. </div>
  260. <!--第二屏 工单渠道来源-->
  261. <div class="swiper-slide">
  262. <div class="orderSource slideCon_bg clearfix">
  263. <div class="timeWrap lasttimeWrap timeWrapPosi">
  264. <div class="time_box pull-right form-inline time_box_leftTh">
  265. 时间选择:
  266. <input type="text" id="time3" class="times" />
  267. </div>
  268. <div class="time_box pull-right form-inline time_box_four">
  269. 地区选择:
  270. <select class="areaTwo selects" style="height: 30px;"></select>
  271. </div>
  272. </div>
  273. <p class="slide_title slide_title2"></p>
  274. <div class="source_left slide_left">
  275. <ul>
  276. <li class="clearfix">
  277. <!--<div class="source_kuang rectangle">
  278. <div class="pbout">
  279. <div class="percent_box">
  280. <div class="percent_out"></div>
  281. <div class="percent_in"></div>
  282. <div class="percent_word">
  283. <p>180</p>%
  284. <p style="margin-top: 16px;">占总量</p>
  285. </div>
  286. </div>
  287. </div>
  288. <p class="num_word">
  289. <span>电话</span><span>2666</span>
  290. </p>
  291. </div>-->
  292. <div class="line_wrap one_line line oneLeft_line"></div>
  293. </li>
  294. <li class="clearfix">
  295. <div class="line_wrap line two_line twoLeft_line"></div>
  296. </li>
  297. <li class="clearfix">
  298. <div class="line_wrap line three_line threeLeft_line"></div>
  299. </li>
  300. <li class="clearfix">
  301. <div class="line_wrap line four_line fourLeft_line"></div>
  302. </li>
  303. </ul>
  304. </div>
  305. <div class="source_middle slide_middle">
  306. <div class="map_bg">
  307. </div>
  308. </div>
  309. <div class="source_right slide_right">
  310. <ul>
  311. <li class="clearfix">
  312. <div class="line_wrap one_line line oneRight_line"></div>
  313. </li>
  314. <li class="clearfix">
  315. <div class="line_wrap line two_line twoRight_line"></div>
  316. </li>
  317. <li class="clearfix">
  318. <div class="line_wrap line three_line threeRight_line"></div>
  319. </li>
  320. <li class="clearfix">
  321. <div class="line_wrap line four_line fourRight_line">
  322. </div>
  323. </li>
  324. </ul>
  325. </div>
  326. </div>
  327. </div>
  328. <!--第三屏 工单类型-->
  329. <div class="swiper-slide">
  330. <div class="slideCon_bg orderType clearfix">
  331. <div class="timeWrap lasttimeWrap timeWrapPosi">
  332. <div class="time_box pull-right form-inline time_box_four">
  333. 地区选择:
  334. <select class="areaThree selects" style="height: 30px;"></select>
  335. </div>
  336. </div>
  337. <p class="slide_title slide_title3"></p>
  338. <div class="orderTtype_Con">
  339. <ul class="clearfix">
  340. <li class="active">
  341. <div class="typeWord">咨询</div>
  342. <img src="img/order_ZX.png" alt="" />
  343. <p class="typeWord_line">数据展示</p>
  344. <p class="order_count">2568</p>
  345. <p class="typeWord_line">今日咨询量</p>
  346. <p class="order_count">2568</p>
  347. <p class="typeWord_line">本月咨询量</p>
  348. <p class="order_count">2568</p>
  349. <p class="typeWord_line">咨询总量</p>
  350. <div class="persent_box">
  351. <div class="persent_kuang">20%</div>
  352. </div>
  353. <p class="persent_word">总计类型占比</p>
  354. </li>
  355. <li>
  356. <div class="typeWord">求助</div>
  357. <img src="img/order_QZ.png" alt="" />
  358. <p class="typeWord_line">数据展示</p>
  359. <p class="order_count">2568</p>
  360. <p class="typeWord_line">今日求助量</p>
  361. <p class="order_count">2568</p>
  362. <p class="typeWord_line">本月求助量</p>
  363. <p class="order_count">2568</p>
  364. <p class="typeWord_line">求助总量</p>
  365. <div class="persent_box">
  366. <div class="persent_kuang">20%</div>
  367. </div>
  368. <p class="persent_word">总计类型占比</p>
  369. </li>
  370. <li>
  371. <div class="typeWord">投诉</div>
  372. <img src="img/order_TS.png" alt="" />
  373. <p class="typeWord_line">数据展示</p>
  374. <p class="order_count">2568</p>
  375. <p class="typeWord_line">今日投诉量</p>
  376. <p class="order_count">2568</p>
  377. <p class="typeWord_line">本月投诉量</p>
  378. <p class="order_count">2568</p>
  379. <p class="typeWord_line">投诉总量</p>
  380. <div class="persent_box">
  381. <div class="persent_kuang">20%</div>
  382. </div>
  383. <p class="persent_word">总计类型占比</p>
  384. </li>
  385. <li>
  386. <div class="typeWord">建议</div>
  387. <img src="img/order_JY.png" alt="" />
  388. <p class="typeWord_line">数据展示</p>
  389. <p class="order_count">2568</p>
  390. <p class="typeWord_line">今日建议量</p>
  391. <p class="order_count">2568</p>
  392. <p class="typeWord_line">本月建议量</p>
  393. <p class="order_count">2568</p>
  394. <p class="typeWord_line">建议总量</p>
  395. <div class="persent_box">
  396. <div class="persent_kuang">20%</div>
  397. </div>
  398. <p class="persent_word">总计类型占比</p>
  399. </li>
  400. <li>
  401. <div class="typeWord">表扬</div>
  402. <img src="img/order_BY.png" alt="" />
  403. <p class="typeWord_line">数据展示</p>
  404. <p class="order_count">2568</p>
  405. <p class="typeWord_line">今日表扬量</p>
  406. <p class="order_count">2568</p>
  407. <p class="typeWord_line">本月表扬量</p>
  408. <p class="order_count">2568</p>
  409. <p class="typeWord_line">表扬总量</p>
  410. <div class="persent_box">
  411. <div class="persent_kuang">20%</div>
  412. </div>
  413. <p class="persent_word">总计类型占比</p>
  414. </li>
  415. <li>
  416. <div class="typeWord">其他</div>
  417. <img src="img/order_QT.png" alt="" />
  418. <p class="typeWord_line">数据展示</p>
  419. <p class="order_count">2568</p>
  420. <p class="typeWord_line">今日其他量</p>
  421. <p class="order_count">2568</p>
  422. <p class="typeWord_line">本月其他量</p>
  423. <p class="order_count">2568</p>
  424. <p class="typeWord_line">其他总量</p>
  425. <div class="persent_box">
  426. <div class="persent_kuang">20%</div>
  427. </div>
  428. <p class="persent_word">总计类型占比</p>
  429. </li>
  430. </ul>
  431. </div>
  432. </div>
  433. </div>
  434. <!--第四屏 工单状态-->
  435. <!-- <div class="swiper-slide"> -->
  436. <!-- <div class="timeWrap lasttimeWrap timeWrapPosi"> -->
  437. <!-- <div class="time_box pull-right form-inline time_box_leftTh"> -->
  438. <!-- 时间选择: -->
  439. <!-- <input type="text" id="time2" class="times" /> -->
  440. <!-- </div> -->
  441. <!-- <div class="time_box pull-right form-inline time_box_four"> -->
  442. <!-- 地区选择: -->
  443. <!-- <select class="areaFour selects" style="height: 30px;"></select> -->
  444. <!-- </div> -->
  445. <!-- </div> -->
  446. <!-- <div class="slideCon_bg orderState clearfix"> -->
  447. <!-- <p class="slide_title slide_title4"></p> -->
  448. <!-- <div class="orderCon_left slide_left"> -->
  449. <!-- <ul class="orderState_ul"> -->
  450. <!-- <li class="active"> -->
  451. <!-- <img src="img/state_YS.png" alt="" /> -->
  452. <!-- <div class="num_word"> -->
  453. <!-- <p>延时审核</p> -->
  454. <!-- <div id="state_yssh"></div> -->
  455. <!-- </div> -->
  456. <!-- </li> -->
  457. <!-- <li> -->
  458. <!-- <img src="img/state_YBL.png" alt="" /> -->
  459. <!-- <div class="num_word"> -->
  460. <!-- <p>已办理</p> -->
  461. <!-- <div id="state_ybl"></div> -->
  462. <!-- </div> -->
  463. <!-- </li> -->
  464. <!-- <li> -->
  465. <!-- <img src="img/state_YHF.png" alt="" /> -->
  466. <!-- <div class="num_word"> -->
  467. <!-- <p>已回访</p> -->
  468. <!-- <div id="state_yhf"></div> -->
  469. <!-- </div> -->
  470. <!-- </li> -->
  471. <!-- <li> -->
  472. <!-- <img src="img/state_YHF.png" alt="" /> -->
  473. <!-- <div class="num_word"> -->
  474. <!-- <p>重办待交办</p> -->
  475. <!-- <div id="state_cbdjb"></div> -->
  476. <!-- </div> -->
  477. <!-- </li> -->
  478. <!-- <li> -->
  479. <!-- <img src="img/state_CBZ.png" alt="" /> -->
  480. <!-- <div class="num_word"> -->
  481. <!-- <p>重办中</p> -->
  482. <!-- <div id="state_cbz"></div> -->
  483. <!-- </div> -->
  484. <!-- </li> -->
  485. <!-- <li> -->
  486. <!-- <img src="img/state_YJA.png" alt="" /> -->
  487. <!-- <div class="num_word"> -->
  488. <!-- <p>已结案</p> -->
  489. <!-- <div id="state_yja"></div> -->
  490. <!-- </div> -->
  491. <!-- </li> -->
  492. <!-- </ul> -->
  493. <!-- </div> -->
  494. <!-- <div class="orderCon_middle slide_middle"> -->
  495. <!-- <div class="earth_box"> -->
  496. <!-- <div class="earth_quan1"></div> -->
  497. <!-- <div class="earth_quan2"></div> -->
  498. <!-- <div class="earth_quan3"></div> -->
  499. <!-- <div class="earth"></div> -->
  500. <!-- </div> -->
  501. <!-- </div> -->
  502. <!-- <div class="orderCon_right slide_right"> -->
  503. <!-- <ul class="orderState_ul"> -->
  504. <!-- <li> -->
  505. <!-- <img src="img/state_XZGD.png" alt="" /> -->
  506. <!-- <div class="num_word"> -->
  507. <!-- <p>新增工单</p> -->
  508. <!-- <div id="state_xzgd"></div> -->
  509. <!-- </div> -->
  510. <!-- </li> -->
  511. <!-- <li> -->
  512. <!-- <img src="img/state_DJB.png" alt="" /> -->
  513. <!-- <div class="num_word"> -->
  514. <!-- <p>待交办</p> -->
  515. <!-- <div id="state_djb"></div> -->
  516. <!-- </div> -->
  517. <!-- </li> -->
  518. <!-- <li> -->
  519. <!-- <img src="img/state_DCS.png" alt="" /> -->
  520. <!-- <div class="num_word"> -->
  521. <!-- <p>待审核</p> -->
  522. <!-- <div id="state_dsh"></div> -->
  523. <!-- </div> -->
  524. <!-- </li> -->
  525. <!-- <li> -->
  526. <!-- <img src="img/state_DCS.png" alt="" /> -->
  527. <!-- <div class="num_word"> -->
  528. <!-- <p>待查收</p> -->
  529. <!-- <div id="state_dcs"></div> -->
  530. <!-- </div> -->
  531. <!-- </li> -->
  532. <!-- <li> -->
  533. <!-- <img src="img/state_THSH.png" alt="" /> -->
  534. <!-- <div class="num_word"> -->
  535. <!-- <p>退回审核</p> -->
  536. <!-- <div id="state_thsh"></div> -->
  537. <!-- </div> -->
  538. <!-- </li> -->
  539. <!-- <li> -->
  540. <!-- <img src="img/state_BLZ.png" alt="" /> -->
  541. <!-- <div class="num_word"> -->
  542. <!-- <p>办理中</p> -->
  543. <!-- <div id="state_blz"></div> -->
  544. <!-- </div> -->
  545. <!-- </li> -->
  546. <!-- </ul> -->
  547. <!-- </div> -->
  548. <!-- </div> -->
  549. <!-- </div> -->
  550. <!--第五屏 话务量统计-->
  551. <div class="swiper-slide">
  552. <div class="slideCon_bg trafficVolume clearfix">
  553. <p class="slide_title slide_title5"></p>
  554. <div class="orderCon_left slide_left">
  555. <div class="keyW_t">
  556. 投诉关键字
  557. </div>
  558. <div class="tagBox">
  559. <div class="tagcloud">
  560. </div>
  561. </div>
  562. </div>
  563. <div class="orderCon_right slide_right">
  564. <div class="timeWrap lasttimeWrap timeWrapPosi">
  565. <div class="time_box pull-right form-inline">
  566. 日期
  567. <input type="text" id="test6" class="times lasttime" style="margin-right: 50px;"/>
  568. 部门
  569. <select class="depart selects"></select>
  570. </div>
  571. </div>
  572. <div class="keyBottom_left pull-left">
  573. <div class="table_box table_box_key">
  574. <table class="table">
  575. <colgroup>
  576. <col style="width: 120px;" />
  577. <col/>
  578. </colgroup>
  579. <thead class="thead">
  580. <tr>
  581. <td>部门名称</td>
  582. <td>数量</td>
  583. <td>占比</td>
  584. </tr>
  585. </thead>
  586. </table>
  587. <div class="scroll_table" style="width: 100%;height: 460px; overflow: hidden;">
  588. <table class="table">
  589. <colgroup>
  590. <col style="width: 120px;" />
  591. <col/>
  592. </colgroup>
  593. <tbody>
  594. </tbody>
  595. </table>
  596. </div>
  597. </div>
  598. </div>
  599. </div>
  600. </div>
  601. <!--<div class="slideCon_bg trafficVolume clearfix">
  602. <p class="slide_title slide_title5"></p>
  603. <div class="orderCon_left slide_left">
  604. <div class="tagBox">
  605. <div class="tagcloud">
  606. <div>
  607. <p class="tag_title">文献综述</p>
  608. <p class="imgs">800</p>
  609. <p class="ts_count">投诉量</p>
  610. </div>
  611. <div>
  612. <p class="tag_title">对外投资</p>
  613. <p class="imgs">800</p>
  614. <p class="ts_count">投诉量</p>
  615. </div>
  616. <div>
  617. <p class="tag_title">机器人</p>
  618. <p class="imgs">800</p>
  619. <p class="ts_count">投诉量</p>
  620. </div>
  621. <div>
  622. <p class="tag_title">区块链</p>
  623. <p class="imgs">800</p>
  624. <p class="ts_count">投诉量</p>
  625. </div>
  626. <div>
  627. <p class="tag_title">计算机科学</p>
  628. <p class="imgs">800</p>
  629. <p class="ts_count">投诉量</p>
  630. </div>
  631. <div>
  632. <p class="tag_title">科技创新</p>
  633. <p class="imgs">800</p>
  634. <p class="ts_count">投诉量</p>
  635. </div>
  636. <div>
  637. <p class="tag_title">自动驾驶</p>
  638. <p class="imgs">800</p>
  639. <p class="ts_count">投诉量</p>
  640. </div>
  641. <div>
  642. <p class="tag_title">研究价值</p>
  643. <p class="imgs">800</p>
  644. <p class="ts_count">投诉量</p>
  645. </div>
  646. <div>
  647. <p class="tag_title">自然语言处理</p>
  648. <p class="imgs">800</p>
  649. <p class="ts_count">投诉量</p>
  650. </div>
  651. <div>
  652. <p class="tag_title">模式识别</p>
  653. <p class="imgs">800</p>
  654. <p class="ts_count">投诉量</p>
  655. </div>
  656. </div>
  657. </div>
  658. </div>
  659. <div class="orderCon_right slide_right">
  660. <div class="timeWrap lasttimeWrap timeWrapPosi">
  661. <div class="time_box pull-right form-inline">
  662. 地区选择:
  663. <select class="areaFive selects" style="height: 30px;"></select>
  664. </div>
  665. </div>
  666. <div class="right_top">
  667. <div id="huawu_tody" style="height: 300px; width: 100%;margin: 0 auto;">
  668. </div>
  669. </div>
  670. <div class="right_bottom">
  671. <div id="jtv_num" style="height: 300px; width: 100%;margin: 0 auto;">
  672. </div>
  673. </div>
  674. </div>
  675. </div>-->
  676. </div>
  677. </div>
  678. <div class="swiper-button-prev"></div>
  679. <div class="swiper-pagination"></div>
  680. <div class="swiper-button-next"></div>
  681. </div>
  682. </div>
  683. <script src="js/swiper.min.js"></script>
  684. <script src="js/swiper.animate1.0.3.min.js"></script>
  685. <!--<script src="js/jquery.waypoints.min.js"></script>
  686. <script src="js/jquery.countUp.js"></script>-->
  687. <script src="js/countUp.js"></script>
  688. <script src="plugins/numbergd/index.js"></script>
  689. <script src="js/tagcloud.js"></script>
  690. <script src="js/index.js"></script>
  691. <script src="js/setItervalTime.js"></script>
  692. </body>
  693. </html>