Нет описания

widgets.html 21KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <script src="./Script/Common/huayi.load.js"></script>
  7. <script src="./Script/Common/huayi.config.js"></script>
  8. <style>
  9. * {
  10. font-family: "微软雅黑";
  11. }
  12. @font-face {
  13. font-family: 'iconfont';
  14. src: url('fonts/iconfont.eot');
  15. /* IE9*/
  16. src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  17. url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  18. url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  19. url('fonts/iconfont.svg#iconfont') format('svg');
  20. /* iOS 4.1- */
  21. }
  22. .iconfont {
  23. font-family: "iconfont";
  24. font-size: 25px;
  25. font-style: normal;
  26. }
  27. .fl {
  28. float: left;
  29. }
  30. .fr {
  31. float: right;
  32. }
  33. .bc {
  34. background-color: #FFFFFF;
  35. border: 2px solid #EBEBEB;
  36. padding: 25px 20px;
  37. }
  38. .size-14 {
  39. font-size: 14px;
  40. font-weight: normal;
  41. }
  42. .ba {
  43. background-color: #F5F5F5;
  44. border: 2px solid #EBEBEB;
  45. padding: 0px;
  46. }
  47. .left_box {
  48. background-color: #FFFFFF;
  49. }
  50. .rows {
  51. display: -webkit-box;
  52. }
  53. .lazur {
  54. color: #23c6c8;
  55. }
  56. .bottom_line {
  57. border-bottom: 2px solid #CCCCCC;
  58. }
  59. .clear {
  60. margin: 0;
  61. padding: 0;
  62. margin-top: 2%;
  63. }
  64. .widgets {
  65. padding: 15px 0px;
  66. margin-bottom: 25px;
  67. margin-top: 25px;
  68. }
  69. /*.ss{
  70. background: url(img/huan.png) no-repeat;
  71. background-size: contain;
  72. background-position: center;
  73. margin-left: 20px;
  74. }*/
  75. .fenxian {
  76. border: 2px solid #CCCCCC;
  77. margin-bottom: 10px;
  78. display: inherit;
  79. position: absolute;
  80. width: 100%;
  81. TOP: 50%;
  82. }
  83. .left1 {
  84. LEFT: 15px;
  85. }
  86. .left2 {
  87. right: 15px;
  88. }
  89. .rowTitle {
  90. position: absolute;
  91. font-size: 16px;
  92. top: 40px;
  93. left: 45px;
  94. font-weight: 800;
  95. padding-bottom: 10px;
  96. border-bottom: 2px solid #CCCCCC;
  97. letter-spacing: 4px;
  98. }
  99. .num_box {
  100. background-color: #fefefe;
  101. border: 1px solid #EBEBEB;
  102. border-radius: 5px;
  103. margin-top: 10px;
  104. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  105. height: 600px;
  106. }
  107. .size-16 {
  108. font-size: 16px !important;
  109. }
  110. .size-14 {
  111. font-size: 14px !important;
  112. }
  113. .size-15 {
  114. font-size: 15px !important;
  115. }
  116. .size-12 {
  117. font-size: 12px !important;
  118. }
  119. .min_bottom {
  120. margin-bottom: 5px !important;
  121. }
  122. .fa-4x {
  123. font-size: 3em;
  124. color: #FFFFFF;
  125. background-color: #67cdcb;
  126. padding: 10px;
  127. border-radius: 5px;
  128. }
  129. .bg_green {
  130. background: -webkit-linear-gradient(left, #accafd, #b8dcfc);
  131. background: -moz-linear-gradient(left, #accafd, #b8dcfc);
  132. background: -o-linear-gradient(left, #accafd, #b8dcfc);
  133. background: -webkit-gradient(linear, 100% 0, 0 0, from(#b8dcfc), to(#accafd));
  134. background: linear-gradient(left, #accafd, #b8dcfc);
  135. /* Opera 11.1 - 12.0 */
  136. /* Firefox 3.6 - 15 */
  137. /* 标准的语法 */
  138. }
  139. .bg_blue {
  140. /* Safari 5.1 - 6.0 */
  141. background: -webkit-linear-gradient(left, #f26997, #f080ce);
  142. background: -moz-linear-gradient(left, #f26997, #f080ce);
  143. background: -o-linear-gradient(left, #f26997, #f080ce);
  144. background: -webkit-gradient(linear, 100% 0, 0 0, from(#f080ce), to(#f26997));
  145. background: linear-gradient(left, #f26997, #f080ce);
  146. /* Opera 11.1 - 12.0 */
  147. /* Firefox 3.6 - 15 */
  148. /* 标准的语法 */
  149. }
  150. .bg_red {
  151. background: -webkit-linear-gradient(left, #fbc356, #fa9182);
  152. background: -moz-linear-gradient(left, #fbc356, #fa9182);
  153. background: -o-linear-gradient(left, #fbc356, #fa9182);
  154. background: -webkit-gradient(linear, 100% 0, 0 0, from(#fa9182), to(#fbc356));
  155. background: linear-gradient(left, #fbc356, #fa9182);
  156. /* Opera 11.1 - 12.0 */
  157. /* Firefox 3.6 - 15 */
  158. /* 标准的语法 */
  159. }
  160. .bg_black {
  161. background: -webkit-linear-gradient(left, #88eec0, #8bdedd);
  162. background: -moz-linear-gradient(left, #88eec0, #8bdedd);
  163. background: -o-linear-gradient(left, #88eec0, #8bdedd);
  164. background: -webkit-gradient(linear, 100% 0, 0 0, from(#8bdedd), to(#88eec0));
  165. background: linear-gradient(left, #88eec0, #8bdedd);
  166. /* Opera 11.1 - 12.0 */
  167. /* Firefox 3.6 - 15 */
  168. /* 标准的语法 */
  169. }
  170. .bg_wj {
  171. background: -webkit-linear-gradient(left, #6c77da, #7351ac);
  172. background: -moz-linear-gradient(left, #6c77da, #7351ac);
  173. background: -o-linear-gradient(left, #6c77da, #7351ac);
  174. background: -webkit-gradient(linear, 100% 0, 0 0, from(#7351ac), to(#6c77da));
  175. background: linear-gradient(left, #6c77da, #7351ac);
  176. /* Opera 11.1 - 12.0 */
  177. /* Firefox 3.6 - 15 */
  178. /* 标准的语法 */
  179. }
  180. .jg {
  181. letter-spacing: 2px;
  182. margin-top: -3px;
  183. font-weight: bolder;
  184. }
  185. .mt {
  186. margin-top: 10px;
  187. }
  188. .ibox-content {
  189. padding: 20px 20px 95px;
  190. background-color: #fefefe;
  191. border: 1px solid #EBEBEB;
  192. border-radius: 5px;
  193. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  194. box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  195. }
  196. .size-20 {
  197. font-size: 20px;
  198. color: #4078ad;
  199. }
  200. .border_top {
  201. border-top: none;
  202. }
  203. /*.margin-tops{
  204. margin-top:-50px;
  205. }*/
  206. .padding-left-min {
  207. padding-left: 0;
  208. padding-top: 5px;
  209. }
  210. .mins-left {
  211. padding-left: 30px;
  212. padding-right: 0;
  213. }
  214. .widget h2,
  215. .widget h3 {
  216. margin-top: 0px;
  217. }
  218. .col-sm-2 {
  219. width: 16.6%;
  220. }
  221. .col-sm-4 {
  222. width: 30%;
  223. }
  224. .min_right {
  225. margin-right: 15px;
  226. }
  227. .col-xs-3 {
  228. padding-left: 5px;
  229. }
  230. .huan {
  231. background: url(./img/huan.png)no-repeat;
  232. }
  233. .min-padding {
  234. padding-bottom: 10px;
  235. padding-top: 10px;
  236. border-bottom-width: 1px;
  237. border-radius: 5px !important;
  238. padding-left: 10px;
  239. padding-right: 5px;
  240. }
  241. .progress {
  242. height: 5px;
  243. background-color: #CCCCCC;
  244. }
  245. .progress-bar-ff {
  246. background-color: #FFF;
  247. }
  248. .ff {
  249. color: #FFFFFF;
  250. }
  251. .c-bottom {
  252. margin-top: 5px;
  253. }
  254. .bg-purple {
  255. background: -ms-linear-gradient(right, #ea76dd, #8a9cf4);
  256. background: -webkit-gradient(linear, 100% 0, 0 0, from(#ea76dd), to(#8a9cf4));
  257. background: -webkit-linear-gradient(right, #ea76dd, #8a9cf4);
  258. background: -moz-linear-gradient(right, #ea76dd, #8a9cf4);
  259. background: -o-linear-gradient(right, #ea76dd, #8a9cf4);
  260. background: linear-gradient(right, #ea76dd, #8a9cf4);
  261. background: #ea76dd;
  262. /* Opera 11.1 - 12.0 */
  263. /* Firefox 3.6 - 15 */
  264. /* 标准的语法 */
  265. }
  266. .bg-blues {
  267. background: -ms-linear-gradient(right, #67aefe, #67aefe);
  268. background: -webkit-linear-gradient(right, #67aefe, #67aefe);
  269. background: -moz-linear-gradient(right, #67aefe, #7bd7fe);
  270. background: -o-linear-gradient(right, #67aefe, #7bd7fe);
  271. background: -webkit-gradient(linear, 100% 0, 0 0, from(#67aefe), to(#7bd7fe));
  272. background: linear-gradient(right, #67aefe, #7bd7fe);
  273. background: #67aefe;
  274. /* Opera 11.1 - 12.0 */
  275. /* Firefox 3.6 - 15 */
  276. /* 标准的语法 */
  277. }
  278. .bg-yellow {
  279. background: -ms-linear-gradient(right, #f95a84, #f86953);
  280. background: -webkit-linear-gradient(right, #f95a84, #f86953);
  281. background: -moz-linear-gradient(right, #f95a84, #f86953);
  282. background: -o-linear-gradient(right, #f95a84, #f86953);
  283. background: -webkit-gradient(linear, 100% 0, 0 0, from(#f95a84), to(#f86953));
  284. background: linear-gradient(right, #f95a84, #f86953);
  285. background: #f95a84;
  286. /* Opera 11.1 - 12.0 */
  287. /* Firefox 3.6 - 15 */
  288. /* 标准的语法 */
  289. }
  290. /*.p-xl{
  291. border-width: 5px;
  292. border-style: solid;
  293. border-color: #69cbd0 #69cbd0 #be8bd6 #47bde3 ;
  294. border-radius: 50%;
  295. }*/
  296. .c-bottom {
  297. width: 29%;
  298. overflow: hidden;
  299. margin-right: 5px;
  300. float: left;
  301. }
  302. .c-bottom ul {
  303. overflow: hidden;
  304. width: 100%;
  305. padding-left: 0px;
  306. list-style: none;
  307. margin-top: 3px;
  308. cursor: pointer;
  309. }
  310. .Text {
  311. width: 100%;
  312. padding-bottom: 30px;
  313. position: relative;
  314. }
  315. .c-b-ul {
  316. list-style: none;
  317. padding-left: 0;
  318. }
  319. .c-b-ul span {
  320. position: absolute;
  321. left: 20px;
  322. top: 62px;
  323. font-weight: 600;
  324. font-size: 15px;
  325. color: #676a6c;
  326. }
  327. .c-b-ul #jrdwcl {
  328. top: 112px;
  329. }
  330. .c-b-ul #dydwcl {
  331. top: 162px;
  332. }
  333. .Announcement_title span {
  334. font-size: 16px;
  335. font-weight: 800;
  336. line-height: 80px;
  337. }
  338. .rl {
  339. float: right;
  340. }
  341. .Announcement_common {
  342. font-size: 14px;
  343. }
  344. .Announcement_common li {
  345. margin-bottom: 10px;
  346. }
  347. .At_time {
  348. padding-right: 25px;
  349. }
  350. .Announcement_common li a {
  351. color: #000;
  352. }
  353. .Announcement_common li a:hover {
  354. color: #00a1cb;
  355. }
  356. .new_title {
  357. height: 100%;
  358. line-height: 30px;
  359. padding: 0 15px;
  360. }
  361. .new_title h1 {
  362. margin: 0;
  363. padding: 0;
  364. font-weight: normal;
  365. line-height: 30px;
  366. white-space: nowrap;
  367. overflow: hidden;
  368. text-overflow: ellipsis;
  369. float: left;
  370. width: 55%;
  371. }
  372. .new_list li {
  373. height: 30px;
  374. }
  375. li {
  376. list-style-type: none;
  377. }
  378. .new_title a {
  379. color: #000;
  380. display: block;
  381. width: 100%;
  382. color: #666;
  383. white-space: nowrap;
  384. overflow: hidden;
  385. text-overflow: ellipsis;
  386. }
  387. .s-14 {
  388. font-size: 14px;
  389. }
  390. .new_title em {
  391. font-style: normal;
  392. }
  393. .Widths {
  394. width: 50%;
  395. margin-top: 8%;
  396. }
  397. #btnSearch {
  398. width: 30px;
  399. height: 30px;
  400. border-radius: 8%;
  401. outline: none;
  402. background-color: cornflowerblue;
  403. padding: 6px 10px;
  404. color: white
  405. }
  406. #type {
  407. width: 140px;
  408. height: 30px;
  409. outline: none
  410. }
  411. </style>
  412. </head>
  413. <body class="gray-bg">
  414. <div class="wrapper wrapper-content animated fadeInRight">
  415. <div class="row LISTS" style="display: none;">
  416. <div class="col-sm-2" onclick="turnToOrder(this)" data-index="Business/LeaderDCL.html">
  417. <div class="widget style1 bc">
  418. <div class="row">
  419. <div class="col-xs-3 text-center">
  420. <i class="fa iconfont fa-4x bg_black">&#xe732;</i
  421. >
  422. </div>
  423. <div class="col-xs-9 text-left mins-left">
  424. <h2 class="size-16 jg min_bottom">待交办</h2>
  425. <h2 class="font-bold size-15 min_bottom djb">0</h2>
  426. </div>
  427. </div>
  428. </div>
  429. </div>
  430. <div class="col-sm-2" onclick="turnToOrder(this)" data-index="Business/phoneList.html">
  431. <div class="widget style1 bc">
  432. <div class="row">
  433. <div class="col-xs-3 text-center">
  434. <i class="fa iconfont fa-4x bg_black">&#xe732;</i
  435. >
  436. </div>
  437. <div class="col-xs-9 text-left mins-left">
  438. <h2 class="size-16 jg min_bottom">电话件</h2>
  439. <h2 class="font-bold size-15 min_bottom dh">0</h2>
  440. </div>
  441. </div>
  442. </div>
  443. </div>
  444. <div class="col-sm-2" onclick="turnToOrder(this)" data-index="Business/WorkYSSH.html">
  445. <div class="widget style1 bc">
  446. <div class="row">
  447. <div class="col-xs-3">
  448. <i class="fa iconfont fa-4x bg_green"
  449. >&#xe735;</i
  450. >
  451. </div>
  452. <div class="col-xs-9 text-left mins-left">
  453. <h2 class="size-16 jg min_bottom">待延时审核</h2>
  454. <h2 class="font-bold size-15 min_bottom dyssh">0</h2>
  455. </div>
  456. </div>
  457. </div>
  458. </div>
  459. <div class="col-sm-2" onclick="turnToOrder(this)" data-index="Business/LeaderDSHTH.html">
  460. <div class="widget style1 bc">
  461. <div class="row">
  462. <div class="col-xs-3">
  463. <i class="fa iconfont fa-4x bg_blue"
  464. >&#xe606;</i
  465. >
  466. </div>
  467. <div class="col-xs-9 text-left mins-left">
  468. <h2 class="size-16 jg min_bottom">待审核退回</h2>
  469. <h2 class="font-bold size-15 min_bottom dshth">0</h2>
  470. </div>
  471. </div>
  472. </div>
  473. </div>
  474. <div class="col-sm-2" onclick="turnToOrder(this)" data-index="Business/LeaderDJALB.html">
  475. <div class="widget style1 bc">
  476. <div class="row">
  477. <div class="col-xs-3">
  478. <i class="fa iconfont fa-4x bg_red">&#xe61f;</i>
  479. </div>
  480. <div class="col-xs-9 text-left mins-left">
  481. <h2 class="size-16 jg min_bottom">待结案</h2>
  482. <h2 class="font-bold size-15 min_bottom dja">0</h2>
  483. </div>
  484. </div>
  485. </div>
  486. </div>
  487. <div class="col-sm-2" onclick="turnToOrder(this)" data-index="Business/LeaderYJA.html">
  488. <div class="widget style1 bc">
  489. <div class="row">
  490. <div class="col-xs-3">
  491. <i class="fa iconfont fa-4x bg_wj">&#xe61f;</i>
  492. </div>
  493. <div class="col-xs-9 text-left mins-left">
  494. <h2 class="size-16 jg min_bottom">待回传</h2>
  495. <h2 class="font-bold size-15 min_bottom dhc">0</h2>
  496. </div>
  497. </div>
  498. </div>
  499. </div>
  500. </div>
  501. <!--二级首页显示-->
  502. <div class="row ejLISTS" style="display: none;">
  503. <div class="col-sm-2" onclick="turnToOrder(this)" data-index="Business/WorkDC.html">
  504. <div class="widget style1 bc">
  505. <div class="row">
  506. <div class="col-xs-3">
  507. <i class="fa iconfont fa-4x bg_blue">&#xe606;</i>
  508. </div>
  509. <div class="col-xs-9 text-left mins-left">
  510. <h2 class="size-16 jg min_bottom">待处理</h2>
  511. <h2 class="font-bold size-15 min_bottom dhc">0</h2>
  512. </div>
  513. </div>
  514. </div>
  515. </div>
  516. <div class="col-sm-2" onclick="turnToOrder(this)" data-index="Business/reminderList.html">
  517. <div class="widget style1 bc">
  518. <div class="row">
  519. <div class="col-xs-3">
  520. <i class="fa iconfont fa-4x bg_red">&#xe735;</i>
  521. </div>
  522. <div class="col-xs-9 text-left mins-left">
  523. <h2 class="size-16 jg min_bottom">催办</h2>
  524. <h2 class="font-bold size-15 min_bottom dhc">0</h2>
  525. </div>
  526. </div>
  527. </div>
  528. </div>
  529. <div class="col-sm-2" onclick="turnToOrder(this)" data-index="Business/WorkYBL.html">
  530. <div class="widget style1 bc">
  531. <div class="row">
  532. <div class="col-xs-3">
  533. <i class="fa iconfont fa-4x bg_green">&#xe732;</i>
  534. </div>
  535. <div class="col-xs-9 text-left mins-left">
  536. <h2 class="size-16 jg min_bottom">扫描件未上传</h2>
  537. <h2 class="font-bold size-15 min_bottom dhc">0</h2>
  538. </div>
  539. </div>
  540. </div>
  541. </div>
  542. </div>
  543. <div class="row" style="margin-bottom: 20px;">
  544. </div>
  545. <div id="echartsBox">
  546. <input type="text" id="starttime" style="width: 180px;height: 30px;outline: none;margin-left: 80px;" placeholder="请选择时间" />
  547. <div id="barbox1" style="width: 1700px;height: 300px;margin: 0 auto;"></div>
  548. <div id="barbox2" style="width: 1700px;height: 300px;margin: 0 auto;"></div>
  549. </div>
  550. </div>
  551. <script src="./js/content.min.js?v=1.0.0"></script>
  552. <script src="./js/echarts.common.min.js"></script>
  553. <script src="./js/laydate/laydate.js"></script>
  554. <script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
  555. <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
  556. <!--<script src="./js/highcharts.js"></script>-->
  557. <script>
  558. var myChart1,myChart2,allArr = [],inval;
  559. $(document).ready(function() {
  560. teltotal();
  561. ejteltotal();
  562. myChart1 = echarts.init(document.getElementById('barbox1'));
  563. myChart2 = echarts.init(document.getElementById('barbox2'));
  564. initChart(561,myChart1);
  565. initChart(570,myChart2);
  566. laydate.render({
  567. elem: '#starttime', //指定元素
  568. range: '~',
  569. done: function(value, date, endDate){
  570. console.log(value)
  571. stime = value.split(' ~ ')[0]
  572. etime = value.split(' ~ ')[1]
  573. initChart(561,myChart1,stime,etime);
  574. initChart(570,myChart2,stime,etime);
  575. }
  576. });
  577. DL();
  578. if(inval) {
  579. clearInterval(inval);
  580. }
  581. inval = setInterval(function() {
  582. teltotal();
  583. ejteltotal();
  584. }, huayi.config.indextime);
  585. })
  586. if($.cookie("token") == null) {
  587. window.location.href = "login.html";
  588. }
  589. function initChart(num,echartHistogram,stime,etime) {
  590. $.ajax({
  591. type: "get",
  592. url: huayi.config.callcenter_url + "WorkOrder/GetTwodeptjbdealcount",
  593. dataType: "json",
  594. async: true,
  595. data: {
  596. stime: stime,
  597. etime: etime,
  598. deptid: num,
  599. token: $.cookie("token")
  600. },
  601. success: function(data) {
  602. if(data.state.toLowerCase() == "success") {
  603. allArr = data.data
  604. var nameArr = []
  605. var jbArr = []
  606. var dealArr = []
  607. for(var i = 0; i < allArr.length; i++) {
  608. nameArr.push(allArr[i].deptname)
  609. jbArr.push(allArr[i].jbcount)
  610. dealArr.push(allArr[i].dealcount)
  611. }
  612. histogram(echartHistogram,nameArr,jbArr,dealArr)
  613. }
  614. }
  615. });
  616. }
  617. // 绘制图表
  618. function histogram(echartHistogram,nameArr,jbArr,dealArr){
  619. echartHistogram.setOption({
  620. title: {
  621. text: ''
  622. },
  623. grid: {
  624. y2:85
  625. },
  626. xAxis: {
  627. type: 'category',
  628. data: nameArr,
  629. axisLabel: {
  630. interval: 0,
  631. rotate: 50,
  632. textStyle: {
  633. fontWeight: "bold", //加粗
  634. color: "#000000" //黑色
  635. },
  636. }
  637. },
  638. color: ['#bf8bd5', '#68cbcf'],
  639. tooltip: {},
  640. legend: {
  641. data: ['交办量', '处理量']
  642. },
  643. yAxis: {
  644. type: 'value',
  645. name: '数量'
  646. },
  647. series: [{
  648. name: '交办量',
  649. type: 'bar',
  650. barGap: 0,
  651. barWidth: 13,
  652. data: jbArr
  653. }, {
  654. name: '处理量',
  655. type: 'bar',
  656. barGap: 0,
  657. barWidth: 13,
  658. data: dealArr
  659. }]
  660. });
  661. }
  662. function DL() {
  663. $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetNowUser', {
  664. "token": $.cookie("token")
  665. }, function(result) {
  666. if(result.state.toLowerCase() == "success") {
  667. $("#RoleCode").val(result.data.user.F_RoleCode);
  668. if(result.data.user.F_RoleCode == "WLDW") { //改为除网络单位看不到,其他都能看到
  669. $(".LISTS").hide();
  670. $(".ejLISTS").show();
  671. $('#echartsBox').hide();
  672. $(".LIST_").addClass("Widths")
  673. } else {
  674. $(".LISTS").show();
  675. $('#echartsBox').show();
  676. }
  677. }
  678. })
  679. }
  680. function teltotal() {
  681. $.getJSON(huayi.config.callcenter_url + 'Index/GetWorkOrderCount', {
  682. "token": $.cookie("token")
  683. }, function(result) {
  684. if(result.state.toLowerCase() == "success") {
  685. $(".style1").eq(0).find("h2").eq(1).text(result.data.djb);
  686. $(".style1").eq(1).find("h2").eq(1).text(result.data.dh);
  687. $(".style1").eq(2).find("h2").eq(1).text(result.data.dyssh);
  688. $(".style1").eq(3).find("h2").eq(1).text(result.data.dshth);
  689. $(".style1").eq(4).find("h2").eq(1).text(result.data.dja);
  690. $(".style1").eq(5).find("h2").eq(1).text(result.data.dhc);
  691. }
  692. })
  693. }
  694. function ejteltotal() {
  695. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetDcsCount', {
  696. "token": $.cookie("token")
  697. }, function(result) {
  698. if(result.state.toLowerCase() == "success") {
  699. $(".style1").eq(6).find("h2").eq(1).text(result.dblcount);
  700. $(".style1").eq(7).find("h2").eq(1).text(result.cblcount);
  701. $(".style1").eq(8).find("h2").eq(1).text(result.smjcount);
  702. }
  703. })
  704. }
  705. function turnToOrder(aaa) {
  706. window.location.href = $(aaa).attr("data-index")
  707. }
  708. </script>
  709. </body>
  710. <!-- Mirrored from www.zi-han.net/theme/hplus/widgets.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:01 GMT -->
  711. </html>