12345市长热线标准版-前端

index.html 47KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681
  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. <meta name="renderer" content="webkit">
  7. <meta http-equiv="Cache-Control" content="no-siteapp" />
  8. <title>商丘12345服务热线</title>
  9. <script src="./Script/Common/huayi.load.js"></script>
  10. <script src="./Script/Common/huayi.config.js"></script>
  11. <link rel="shortcut icon" href="img/32.ico" />
  12. <link href="./css/wh.css" rel="stylesheet">
  13. <link href="./css/plugins/iCheck/custom.css" rel="stylesheet">
  14. <link rel="stylesheet" href="./css/call.css" />
  15. <link rel="stylesheet" href="./css/personal.css" />
  16. <link href="./css/plugins/cropper/cropper.min.css" rel="stylesheet">
  17. <link href="./css/plugins/jasny/jasny-bootstrap.min.css" rel="stylesheet">
  18. <style>
  19. @font-face {
  20. font-family: 'iconfont';
  21. src: url('./fonts/iconfont.eot');
  22. /* IE9*/
  23. src: url('./fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  24. url('./fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  25. url('./fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  26. url('./fonts/iconfont.svg#iconfont') format('svg');
  27. /* iOS 4.1- */
  28. }
  29. body {
  30. font-family: "微软雅黑";
  31. }
  32. ul li {
  33. list-style: none;
  34. overflow: hidden;
  35. }
  36. .iconfont {
  37. font-family: "iconfont";
  38. font-style: normal;
  39. color: #FFFFFF;
  40. }
  41. .fr {
  42. float: right;
  43. }
  44. .fl {
  45. float: left;
  46. }
  47. .size-12 {
  48. font-size: 12px;
  49. }
  50. .title-box {
  51. margin-top: 5px;
  52. }
  53. .title-box li {
  54. margin-left: 30px;
  55. }
  56. .title-box li:hover {
  57. cursor: pointer;
  58. }
  59. .HoverColor {
  60. color: #f8ac59;
  61. }
  62. .FailureColor {
  63. color: #f95f5e;
  64. }
  65. .navbar-header {
  66. width: 100%;
  67. background-color: #048aad;
  68. padding-top: 10px;
  69. }
  70. .title-box li p {
  71. color: #FFFFFF;
  72. font-size: 14px;
  73. font-weight: bold;
  74. letter-spacing: 2px;
  75. margin-top: 5px;
  76. }
  77. .size-14 {
  78. font-size: 14px;
  79. color: #FFFFFF !important;
  80. }
  81. .img-circle {
  82. width: 58px;
  83. }
  84. .xian {
  85. border: 1px solid #FFFFFF;
  86. display: inline-block;
  87. width: 15%;
  88. margin: 5px;
  89. }
  90. .ss {
  91. margin-left: 20px;
  92. }
  93. .fe-3 {
  94. font-size: 3em;
  95. }
  96. .title-box p {
  97. text-align: center;
  98. }
  99. .closed {
  100. display: inline-block;
  101. /* margin-left: 5%;*/
  102. cursor: pointer;
  103. color: #FFFFFF;
  104. float: right;
  105. margin-right: 5%;
  106. height: 42px;
  107. line-height: 42px;
  108. }
  109. .closed div {
  110. overflow: hidden;
  111. float: left;
  112. height: 100%;
  113. }
  114. .closed ul {
  115. margin-bottom: 0px;
  116. }
  117. .closed li {
  118. float: left;
  119. margin-right: 20px;
  120. }
  121. .closed i {
  122. display: inline-block;
  123. background: url(./img/chilun.png) no-repeat;
  124. margin-right: 5px;
  125. width: 14px;
  126. height: 16px;
  127. vertical-align: middle;
  128. }
  129. .ga {
  130. background-position: 0 0 !important;
  131. }
  132. .sz {
  133. background-position: 0 -15px !important;
  134. }
  135. .tc {
  136. background-position: 0 -33px !important;
  137. }
  138. .zhuangtai {
  139. display: block;
  140. width: 30%;
  141. margin-left: 10px;
  142. font-size: 14px;
  143. font-weight: 800;
  144. }
  145. .wq {
  146. color: #f95f5e;
  147. }
  148. #top-search li:hover {
  149. color: #eaeaea;
  150. }
  151. .content-tabs1 ul {
  152. padding-left: 0;
  153. }
  154. .content-tabs1 li {
  155. list-style: none;
  156. float: left;
  157. height: 5px;
  158. }
  159. .top1 {
  160. background-color: #68adfe;
  161. }
  162. .top2 {
  163. background-color: #9897f0;
  164. }
  165. .top3 {
  166. background-color: #87eebf;
  167. }
  168. .top4 {
  169. background-color: #68b0fe;
  170. }
  171. .top5 {
  172. background-color: #f95a83;
  173. }
  174. .top6 {
  175. background-color: #eb76dd;
  176. }
  177. .top7 {
  178. background-color: #69cbd0;
  179. }
  180. .top8 {
  181. background-color: #69cbd0;
  182. }
  183. .top9 {
  184. background-color: #aaf58d;
  185. }
  186. .top10 {
  187. background-color: #f76a53;
  188. }
  189. .top11 {
  190. background-color: #eb76dd;
  191. }
  192. .top12 {
  193. background-color: #6c77da;
  194. }
  195. .top13 {
  196. background: -webkit-linear-gradient(left, #f073db, #65abfc);
  197. background: -moz-linear-gradient(left, #f073db, #65abfc);
  198. background: -o-linear-gradient(left, #f073db, #65abfc);
  199. background: -webkit-gradient(linear, 100% 0, 0 0, from(#65abfc), to(#f073db));
  200. background: linear-gradient(left, #f073db, #65abfc);
  201. /* Opera 11.1 - 12.0 */
  202. /* Firefox 3.6 - 15 */
  203. /* 标准的语法 */
  204. }
  205. .zts {
  206. height: 30px;
  207. margin-left: 2%;
  208. line-height: 30px;
  209. padding-top: 15px;
  210. }
  211. .zts li {
  212. height: 20px;
  213. line-height: 20px;
  214. font-weight: bold;
  215. letter-spacing: 2px;
  216. }
  217. .quan {
  218. width: 15px;
  219. height: 15px !important;
  220. border-radius: 50%;
  221. margin-right: 2%;
  222. margin-left: 5px;
  223. margin-top: 2px;
  224. }
  225. .lx {
  226. background: #6a6d69;
  227. }
  228. .br {
  229. background: red;
  230. }
  231. .bl {
  232. background: #7ab85b;
  233. }
  234. .LH {
  235. line-height: 35px;
  236. }
  237. .zts span {
  238. line-height: 20px;
  239. margin-right: 50px;
  240. font-size: 12px;
  241. }
  242. .photo {
  243. width: 40px;
  244. height: 40px;
  245. border-width: 2px;
  246. border-style: solid;
  247. border-radius: 50%;
  248. border-color: #ffb400 #fc3c04 #fdfc01 #00e3c0;
  249. margin-bottom: 1px;
  250. }
  251. .photo img {
  252. display: block;
  253. width: 100%;
  254. height: 100%;
  255. }
  256. .ls {
  257. /*margin-left: 20px;*/
  258. text-align: center;
  259. overflow:initial!important;
  260. position:relative;
  261. }
  262. .ls .dropdown-menu{
  263. top: 115%;
  264. left:-100%;
  265. width: 320px;
  266. background: rgba(0, 160, 205, 0.92);
  267. }
  268. .ls .dropdown-menu li{
  269. float: initial;
  270. margin-right:0;
  271. line-height:25px;
  272. }
  273. .dropdown-menu>li>a{
  274. margin:0;
  275. color: #fff;
  276. /*color: #555;*/
  277. padding:0;
  278. /*text-align: center;*/
  279. }
  280. .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  281. color: #fff;
  282. text-decoration: none;
  283. background-color: #00a1cb;
  284. }
  285. .dropdown-menu>li>a div{
  286. float: initial;
  287. }
  288. .dropdown-menu>li>a .tipCon{
  289. width: 100%;
  290. overflow: hidden;
  291. white-space: nowrap;
  292. text-overflow: ellipsis;
  293. }
  294. .dropdown-menu>li>a .order_time span{
  295. display:inline-block;
  296. margin:0;
  297. }
  298. .order_time span.work_order{
  299. float:left;
  300. }
  301. .order_time span.ort{
  302. float:right;
  303. }
  304. .ls span {
  305. margin-right: 18px;
  306. }
  307. .ls span.tuBiao{
  308. display: inline-block;
  309. /*width: 16px;
  310. height: 16px;
  311. background: url(img/files.png) no-repeat;*/
  312. vertical-align: middle;
  313. position: relative;
  314. font-size: 15px;
  315. }
  316. .ls span.tuBiao span{
  317. position: absolute;
  318. padding: 3px;
  319. top: -13px;
  320. }
  321. .min-right {
  322. margin-right: 10px;
  323. }
  324. .navbar-top-links i {
  325. width: 24px;
  326. height: 21px;
  327. display: block;
  328. background: url(./img/topIcon.png) no-repeat;
  329. background-position: center center;
  330. margin: 0 auto;
  331. }
  332. /*挂断*/
  333. .DropCall {
  334. background-position: 0px 0 !important;
  335. }
  336. /*外呼*/
  337. .MakeCall {
  338. background-position: 0px -20px !important;
  339. }
  340. /*置忙*/
  341. .SayBusy {
  342. background-position: 0px -42px !important;
  343. }
  344. /*置闲*/
  345. .SayFree {
  346. background-position: 0px -65px !important;
  347. }
  348. /*多方通话*/
  349. .Meeting {
  350. background-position: 0px -85px !important;
  351. }
  352. /*转移*/
  353. .Transfer {
  354. background-position: 0px -108px !important;
  355. }
  356. /*保持*/
  357. .Hold {
  358. background-position: 0px -131px !important;
  359. }
  360. /*接回*/
  361. .Retrieve {
  362. background-position: 0px -153px !important;
  363. }
  364. /*签入*/
  365. .Login {
  366. background-position: 0px -197px !important;
  367. }
  368. /*签出*/
  369. .Logout {
  370. background-position: 0px -175px !important;
  371. }
  372. .navbar-top-links .active {
  373. background-position-x: -23px !important;
  374. }
  375. .ldcr-bottom .detail-con ul li .active a {
  376. color: #f95a83 !important;
  377. }
  378. .ldcr-bottom .detail-con ul li .active em {
  379. color: #f95a83 !important;
  380. }
  381. .ldcr-bottom .detail-con ul li .active+.explancon {
  382. display: block !important;
  383. }
  384. .searchbtn {
  385. width: 2.5em;
  386. height: 24px;
  387. border-radius: 5px;
  388. position: absolute;
  389. background-color: #01a1cb;
  390. background-image: url(./img/searIcon.png);
  391. background-repeat: no-repeat;
  392. background-position: center center;
  393. cursor: pointer;
  394. }
  395. .max-box {
  396. height: 42px;
  397. /*width: 100%;*/
  398. }
  399. .laydate_body .laydate_bottom,
  400. .laydate_body .laydate_top {
  401. height: 31px !important;
  402. }
  403. .laydate_body .laydate_y .laydate_yms ul li {
  404. width: 59px !important;
  405. }
  406. .col-sm-1 {
  407. padding-right: 0;
  408. line-height: 22px;
  409. text-align: center;
  410. font-size: 10px;
  411. }
  412. ul.ztree {
  413. border: 1px solid #617775;
  414. background: #f0f6e4;
  415. overflow-y: scroll;
  416. overflow-x: auto;
  417. }
  418. .minBacha {
  419. position: absolute;
  420. top: 0;
  421. right: 80px;
  422. z-index: 10;
  423. overflow: hidden;
  424. }
  425. .minBacha>div {
  426. float: left;
  427. height: 35px;
  428. width: 35px;
  429. margin-left: 2px;
  430. }
  431. .minBacha>div a {
  432. display: block;
  433. height: 100%;
  434. width: 100%;
  435. text-align: center;
  436. background-position: center center;
  437. background-color: #2f4050;
  438. opacity: .5;
  439. }
  440. .minBacha>div a:hover {
  441. opacity: 1;
  442. }
  443. .minClosed>a {
  444. background: url("./img/min.png") no-repeat;
  445. }
  446. .Bacha>a {
  447. background: url("./img/gb.png") no-repeat;
  448. }
  449. .lblcount {
  450. position: absolute;
  451. right: 5px;
  452. top: 7px;
  453. }
  454. .first {
  455. z-index: 1000;
  456. }
  457. .khzl {
  458. font-size: 12px;
  459. border: 0;
  460. width: 80%;
  461. margin: 35px auto;
  462. color: #fff;
  463. }
  464. .khzl tr {
  465. border: 0;
  466. }
  467. .khzl th {
  468. padding: 5px 8px 5px 0;
  469. text-align: right;
  470. width: 45%;
  471. font-weight: normal;
  472. border: 0;
  473. }
  474. .khzl tbody>tr>td,
  475. .khzl tbody>tr>th {
  476. border: 0;
  477. }
  478. .khzl tbody>tr>td input {
  479. border: 0;
  480. outline: none;
  481. background: #243747;
  482. padding-left: 5px;
  483. width: 100%;
  484. }
  485. .khbtn {
  486. /*background: #97a0a8;*/
  487. color: #1ab394;
  488. font-size: 14px;
  489. vertical-align: middle;
  490. }
  491. .hei-list {
  492. width: 400px;
  493. margin: 0 auto;
  494. }
  495. .heiTop {
  496. height: 35px;
  497. background: #1ab394;
  498. color: #fff;
  499. line-height: 35px;
  500. padding: 0 15px;
  501. border-top-left-radius: 3px;
  502. border-top-right-radius: 3px;
  503. }
  504. .heiTop .htl {
  505. float: left;
  506. margin: 0;
  507. }
  508. .heiTop .bacha {
  509. float: right;
  510. font-size: 18px;
  511. cursor: pointer;
  512. margin: 0;
  513. }
  514. .heiCon {
  515. width: 100%;
  516. background: #fff;
  517. text-align: center;
  518. padding: 25px 15px;
  519. height: auto;
  520. overflow-y: auto;
  521. border: 1px solid #eee;
  522. }
  523. #time-word {
  524. border: 1px solid #1ab394;
  525. padding: 5px 0 5px 10px;
  526. width: 120px;
  527. outline: none;
  528. color: #000;
  529. }
  530. .chooses {
  531. margin-top: 10px;
  532. }
  533. .btns {
  534. background: #00a1cb;
  535. color: #fff;
  536. padding: 3px 10px;
  537. outline: none;
  538. font-size: 12px;
  539. margin-left: 15px;
  540. border: 0;
  541. border-radius: 3px;
  542. box-sizing: border-box;
  543. }
  544. .bianji {
  545. display: inline-block;
  546. height: 16px;
  547. width: 16px;
  548. vertical-align: middle;
  549. margin-right: 5px;
  550. }
  551. .bianji.edi {
  552. background: url(img/xgai.png) no-repeat;
  553. }
  554. .bianji.sav {
  555. background: url(img/bbc.png) no-repeat;
  556. }
  557. .bianji.canc {
  558. background: url(img/quxi.png) no-repeat;
  559. }
  560. .t-shade {
  561. position: fixed;
  562. top: 0;
  563. left: 0;
  564. width: 100%;
  565. height: 100%;
  566. background: rgba(0, 0, 0, 0.48);
  567. z-index: 10004;
  568. display: none;
  569. }
  570. .shade_k {
  571. z-index: 10005;
  572. width: 40%;
  573. margin: 10% auto;
  574. background-color: #fff;
  575. box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
  576. border-radius: 5px;
  577. }
  578. .shade_title {
  579. padding: 0 80px 0 20px;
  580. height: 42px;
  581. line-height: 42px;
  582. border-bottom: 1px solid #eee;
  583. font-size: 16px;
  584. color: #FFFFFF;
  585. overflow: hidden;
  586. background-color: #00a1cb;
  587. border-radius: 2px 2px 0 0;
  588. position: relative;
  589. }
  590. .setwin {
  591. position: absolute;
  592. right: 15px;
  593. top: 5px;
  594. font-size: 20px;
  595. line-height: initial;
  596. }
  597. .setwin a {
  598. font-size: 20px;
  599. color: #fff;
  600. }
  601. .shade_content {
  602. overflow-y: auto;
  603. position: relative;
  604. padding-bottom: 50px;
  605. padding: 10px;
  606. }
  607. .wh_btn {
  608. width: 80%;
  609. text-align: center;
  610. padding-top: 20px;
  611. margin: 0 auto;
  612. margin-bottom: 20px;
  613. }
  614. .wh_btn input {
  615. padding: 7px 20px;
  616. color: #FFF;
  617. border-radius: 5px;
  618. margin-right: 30px;
  619. border: 1px solid #999;
  620. border-color: rgb(26, 179, 148);
  621. }
  622. .sc_btn {
  623. color: rgb(255, 255, 255);
  624. font-size: 12px;
  625. margin-left: 15px;
  626. box-sizing: border-box;
  627. background: #00a1cb;
  628. padding: 6px 10px;
  629. outline: none;
  630. border-width: 0px;
  631. border-style: initial;
  632. border-color: initial;
  633. border-image: initial;
  634. border-radius: 3px;
  635. }
  636. .sc_btn:hover {
  637. color: #fff !important;
  638. }
  639. .cx {
  640. display: block;
  641. }
  642. .boxCon {
  643. width: 100%;
  644. background: #fff;
  645. text-align: center;
  646. padding: 10px 15px;
  647. height: auto;
  648. overflow-y: auto;
  649. }
  650. .Import {
  651. color: #fe6604;
  652. }
  653. .Hidens{
  654. display: none;
  655. }
  656. </style>
  657. </head>
  658. <body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
  659. <div id="wrapper">
  660. <!--左侧导航开始-->
  661. <nav class="navbar-default navbar-static-side" role="navigation">
  662. <div class="nav-close">
  663. <i class="fa fa-times-circle"></i>
  664. </div>
  665. <div class="sidebar-collapse">
  666. <ul class="nav" id="side-menu">
  667. <li class="nav-header">
  668. <div class="dropdown profile-element text-center">
  669. <span>
  670. <img alt="image" class="img-circle yhtx" src="./img/zxPhone.png" onerror="this.src = './img/zxPhone.png'" />
  671. <input type="file" name="upFile" id="upFile" accept="image/jpeg,image/jpg,image/png" style="display: none;">
  672. </span>
  673. <a data-toggle="dropdown" class="dropdown-toggle" href="#">
  674. <span class="clear">
  675. <span class="block m-t-xs">
  676. <b class="xian"></b>
  677. <strong class="font-bold username">张三</strong>
  678. <b class="xian"></b>
  679. </span>
  680. <span class="text-muted text-xs block size-14 rolename">
  681. 超级管理员
  682. </span>
  683. <span class="text-muted text-xs block size-12 Gnum " style="color: #fff;">
  684. </span>
  685. </span>
  686. </a>
  687. </div>
  688. <div class="logo-element">
  689. </div>
  690. </li>
  691. </ul>
  692. </div>
  693. </nav>
  694. <!--左侧导航结束-->
  695. <!--右侧部分开始-->
  696. <div id="page-wrapper" class="gray-bg dashbard-1">
  697. <div class="row border-bottom">
  698. <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
  699. <div class="navbar-header">
  700. <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
  701. <div class="nav navbar-top-links navbar-left">
  702. <ul class="title-box" id="top-search" style="padding-left: 0; display:none;">
  703. <li datafun="DropCall">
  704. <i class="iconfont fa-5x DropCall"></i>
  705. <p>挂断</p>
  706. </li>
  707. <li datafun="MakeCall">
  708. <i class="iconfont fa-5x MakeCall"></i>
  709. <p>外呼</p>
  710. </li>
  711. <li datafun="SayBusy">
  712. <i class="iconfont fa-5x SayBusy"></i>
  713. <p>置忙</p>
  714. </li>
  715. <li datafun="SayFree">
  716. <i class="iconfont fa-5x SayFree"></i>
  717. <p>置闲</p>
  718. </li>
  719. <li datafun="Meeting">
  720. <i class="iconfont fa-5x Meeting"></i>
  721. <p>多方通话</p>
  722. </li>
  723. <li datafun="Transfer">
  724. <i class="iconfont fa-5x Transfer"></i>
  725. <p>转移</p>
  726. </li>
  727. <li datafun="Hold">
  728. <i class="iconfont fa-5x Hold"></i>
  729. <p>保持</p>
  730. </li>
  731. <li datafun="Retrieve">
  732. <i class="iconfont fa-5x Retrieve"></i>
  733. <p>接回</p>
  734. </li>
  735. <li datafun="Login">
  736. <i class="iconfont fa-5x Login"></i>
  737. <p>签入</p>
  738. </li>
  739. <li datafun="Logout">
  740. <i class="iconfont fa-5x Logout"></i>
  741. <p>签出</p>
  742. </li>
  743. </ul>
  744. </div>
  745. <div class="nav closed">
  746. <!--左边-->
  747. <div class="text-center max-box">
  748. <ul class="fl maxOpen animated" style="display: none;">
  749. <li>
  750. <h3 class="size-12 tkhmc">未知</h3>
  751. <h3 class="size-12 ttsdh" style="margin-bottom: 0;"></h3>
  752. </li>
  753. <li>
  754. <div class="photo">
  755. <img src="" alt="" />
  756. </div>
  757. </li>
  758. </ul>
  759. </div>
  760. <div class="ls">
  761. <span class="size-12 tuBiao fa fa-file-text dropdown">
  762. <span class="label label-warning xx_count"></span>
  763. </span>
  764. <!--<span class="size-12 min-right" onclick="Jumps()">
  765. <i class="ga"></i>&nbsp;管理中心
  766. </span>-->
  767. <span class="size-12 shezhi">
  768. <i class="sz"></i>&nbsp;设置
  769. </span>
  770. <span class="size-12" onclick="logout()">
  771. <i class="tc"></i>退出
  772. </span>
  773. <ul class="dropdown-menu dropdown-alerts drm">
  774. <!--<li><a href="">
  775. <div class="tipCon">
  776. 如果说你是冬日的烟火 华仪科技有限公司 你像遥远的泡沫
  777. </div>
  778. <div class="order_time clearfix">
  779. <span class="work_order">
  780. 订单号:201709228000006
  781. </span>
  782. <span class="ort">
  783. 2017-02-04 14:00
  784. </span>
  785. </div>
  786. </a></li>
  787. <li class="divider"></li>
  788. <li><a href="">消息2</a></li>
  789. <li class="divider"></li>
  790. <li><a href="">消息3</a></li>
  791. <li><a href="">
  792. <div class="order_time clearfix">
  793. <span class="work_order">
  794. 查看更多
  795. </span>
  796. <span class="ort">
  797. >>
  798. </span>
  799. </div>
  800. </a></li>-->
  801. </ul>
  802. </div>
  803. </div>
  804. </div>
  805. </nav>
  806. </div>
  807. <div class="row content-tabs1">
  808. <ul>
  809. <li class="top1" style="width: 5%;"></li>
  810. <li class="top2" style="width: 8%;"></li>
  811. <li class="top3" style="width: 10%;"></li>
  812. <li class="top4" style="width: 13%;"></li>
  813. <li class="top5" style="width: 10%;"></li>
  814. <li class="top6" style="width: 5%;"></li>
  815. <li class="top7" style="width: 13%;"></li>
  816. <li class="top8" style="width: 10%;"></li>
  817. <li class="top9" style="width: 11.2%;"></li>
  818. <li class="top10" style="width: 6%;"></li>
  819. <li class="top11" style="width: 3%;"></li>
  820. <li class="top12" style="width: 5%;"></li>
  821. </ul>
  822. </div>
  823. <div class="row J_mainContent" id="content-main">
  824. <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="widgets.html" frameborder="0" data-id="index_v1.html" seamless></iframe>
  825. </div>
  826. <div class="row content-tabs1 LH">
  827. <ul>
  828. <li class="top13" style="width: 100%;"></li>
  829. </ul>
  830. <span class="fr">Copyright © 商丘12345政府服务热线 All Rights Reserved</span>
  831. <ul class="zts" style="display:none;">
  832. <li>话机状态: </li>
  833. <li class="quan fwzt lx br"> </li>
  834. <li>坐席状态: </li>
  835. <li class="quan zxzt lx br"></li>
  836. <li><span class="hwzt" style="color:red;"></span></li>
  837. </ul>
  838. </div>
  839. </div>
  840. </div>
  841. <!--==========================================================================================-->
  842. <!--来电弹屏开始-->
  843. <div class="ldtp-con clearfix animated fadeInDown ">
  844. <div class="minBacha clearfix">
  845. <div class="minClosed">
  846. <a href="javaScript:;" title="最小化"></a>
  847. </div>
  848. <div class="Bacha">
  849. <a href="javaScript:;" title="关闭"></a>
  850. </div>
  851. </div>
  852. <div class="hei-list">
  853. <div class="heiTop clearFix">
  854. <p class="htl">黑名单</p>
  855. <p class="bacha" title="关闭">x</p>
  856. </div>
  857. <div class="heiCon">
  858. <div class="heit">
  859. <span style="font-size: 14px;">输入拉黑时长:</span>
  860. <input type="text" id="time-word" />
  861. </div>
  862. <div class="chooses">
  863. <label class="radio-inline">
  864. <input type="radio" name="time" value="1" checked="checked" style="margin-top: 3px;"> 天
  865. </label>
  866. <label class="radio-inline">
  867. <input type="radio" name="time" value="2" style="margin-top: 3px;" />时
  868. </label>
  869. <label class="radio-inline">
  870. <input type="radio" name="time" value="3" style="margin-top: 3px;" />分
  871. </label>
  872. <label class="radio-inline">
  873. <input type="radio" name="time" value="4" style="margin-top: 3px;" />永久
  874. </label>
  875. </div>
  876. <p style="margin-top: 15px;"><button id="bc" class="btns">保存</button></p>
  877. </div>
  878. </div>
  879. <!--左侧内容-->
  880. <div class="ldtp-cl col-sm-3">
  881. <div class="head-pic">
  882. <div class="hp-box">
  883. <img src="./img/txpic.png" alt="头像好像去了外星球!" style="width: 100%;height: 100%;" />
  884. <input type="hidden" class="hidTel" value="" />
  885. <input type="hidden" class="hidCallID" />
  886. </div>
  887. <ul>
  888. <li><span style="font-size: 25px;" class="tel"></span></li>
  889. <li><span style="font-size: 20px;" class="khgsd"></span></li>
  890. <!-- <li class="nikeName"><i></i><span class="ldname">未知</span><i></i></li>-->
  891. <li style="color: #4cd964;">当前通话时长:<span class="thsc">00:00</span></li>
  892. <li class="lahei">
  893. <div class="la-before"><i class="push"></i> 移至黑名单</div>
  894. <div class="la-after" style="display: none;">
  895. <p class="la-time">拉黑时间:<span class="lhtime"></span></p>
  896. <p class="la-shichang">拉黑截止时间:<span class="blackTime"></span></p>
  897. </div>
  898. <div class="retur" style="display: none;"><i class="qxlh"></i> 取消黑名单</div>
  899. </li>
  900. <li class="td-call clearfix" style="display:none;">
  901. <a class="take" style="float:none;" href="javascript:;"><i></i></a>
  902. <!--<a class="drop" href="javascript:;"><i></i></a>-->
  903. </li>
  904. </ul>
  905. </div>
  906. <table class="table khzl">
  907. <tr>
  908. <th>投诉人:</th>
  909. <td><input type="text" value="" class="ldname khmc" /><input type="hidden" value="" id="khid" /></td>
  910. </tr>
  911. <tr>
  912. <th>投诉电话:</th>
  913. <td><input type="text" value="" class="tsdh" /></td>
  914. </tr>
  915. <tr>
  916. <th>归属地:</th>
  917. <td><span class="ldlocation" style="padding-left: 5px;">未知</span></td>
  918. </tr>
  919. <tr>
  920. <th>联系人:</th>
  921. <td><input type="text" value="" class="lxr" /></td>
  922. </tr>
  923. <tr>
  924. <th>联系电话:</th>
  925. <td><input type="text" value="" class="lxdh" /></td>
  926. </tr>
  927. <tr>
  928. <th>邮编:</th>
  929. <td><input type="text" value="" class="postcode" /></td>
  930. </tr>
  931. <tr>
  932. <th>Email:</th>
  933. <td><input type="text" value="" class="email" /></td>
  934. </tr>
  935. <tr>
  936. <th>来电时间:</th>
  937. <td><span class="ldtime" style="padding-left: 5px;"></span></td>
  938. </tr>
  939. <tr>
  940. <td></td>
  941. <td><span class="edit"><i class="bianji edi"></i><a class="khbtn">编辑</a></span><span class="save"> <i class="bianji sav"></i><a class="khbtn">保存</a></span><span class="cancel"><i class="bianji canc"></i><a class="khbtn">取消</a></span></td>
  942. </tr>
  943. </table>
  944. </div>
  945. <!--右侧内容-->
  946. <div class="ldtp-cr col-sm-9">
  947. <ul class="ld-service clearfix">
  948. <li style="border-bottom:1px solid #243747;" itemtype="0" class="cr-click">新增工单</li>
  949. <li style="border-bottom:1px solid #243747;" itemtype="1">历史记录</li>
  950. <!--<li style="border-bottom:1px solid #69cbd0;" itemtype="1" >售前咨询</li>
  951. <li style="border-bottom:1px solid #f95a83;" itemtype="2">保修服务</li>-->
  952. <li style="border-bottom:1px solid #243747;" itemtype="2">历史工单</li>
  953. </ul>
  954. <div class="ld-sercon">
  955. <div class="complain" style="display:block;">
  956. <div class="ld-sercon-con clearfix">
  957. <div class="Pre-second second-con addgd">
  958. <form>
  959. <div class="form-group clearfix">
  960. <span class="col-sm-1 Import">
  961. 投诉人:
  962. </span>
  963. <span class="col-sm-3">
  964. <input type="text" class="khmc" id="cusname" />
  965. </span>
  966. <span class="col-sm-1">
  967. 性别:
  968. </span>
  969. <span class="col-sm-3">
  970. <select name="" id="">
  971. <option value="0">男</option>
  972. <option value="0">女</option>
  973. </select>
  974. </span>
  975. <span class="col-sm-1 Import">
  976. 投诉电话:
  977. </span>
  978. <span class="col-sm-3">
  979. <input type="text" class="tsdh" id="cusphone" />
  980. </span>
  981. </div>
  982. <div class="form-group clearfix">
  983. <span class="col-sm-1">
  984. 邮箱:
  985. </span>
  986. <span class="col-sm-3">
  987. <input type="text" class="lxr" id="email" />
  988. </span>
  989. <span class="col-sm-1">
  990. 邮编:
  991. </span>
  992. <span class="col-sm-3">
  993. <input type="text" class="postcode" id="zipcode" />
  994. </span>
  995. <span class="col-sm-1">
  996. 联系电话:
  997. </span>
  998. <span class="col-sm-3">
  999. <input type="text" class="email" id="conphone" />
  1000. </span>
  1001. </div>
  1002. <div class="form-group clearfix">
  1003. <span class="col-sm-1 Import">标题:</span>
  1004. <span class="col-sm-11">
  1005. <input id="title" type="text" style="padding: 5px;width: 100%;" /> </span>
  1006. </div>
  1007. <div class="form-group clearfix">
  1008. <span class="col-sm-1 Import">内容:</span>
  1009. <span class="col-sm-11">
  1010. <textarea rows="5" id="content"></textarea>
  1011. </span>
  1012. </div>
  1013. <div class="form-group clearfix">
  1014. <span class="col-sm-1">
  1015. 类型:
  1016. </span>
  1017. <span class="col-sm-3">
  1018. <select name="" id="type">
  1019. <option value="咨询">咨询</option>
  1020. <option value="投诉">投诉</option>
  1021. <option value="求助">求助</option>
  1022. <option value="建议">建议</option>
  1023. <option value="其他">其他</option>
  1024. </select>
  1025. </span>
  1026. <span class="col-sm-1">
  1027. 紧急程度:
  1028. </span>
  1029. <span class="col-sm-3">
  1030. <select name="" id="level">
  1031. <option value="">请选择</option>
  1032. <option value="0" selected="selected">普通</option>
  1033. <option value="1">紧急</option>
  1034. </select>
  1035. </span>
  1036. </div>
  1037. <div class="form-group clearfix">
  1038. <span class="col-sm-1 Import">
  1039. 主题词:
  1040. </span>
  1041. <span class="col-sm-3">
  1042. <!-- <input type="text" style="width:100%;" id="keys"/>-->
  1043. <select name="" id="keys">
  1044. </select>
  1045. </span>
  1046. <span class="col-sm-1">
  1047. 事发区域:
  1048. </span>
  1049. <span class="col-sm-6">
  1050. <select name="" id="sourcearea">
  1051. <option value="">请选择</option>
  1052. </select>
  1053. <input id="sourceaddress" type="text" placeholder="输入详细地址" />
  1054. </span>
  1055. </div>
  1056. <div class="form-group clearfix">
  1057. <span class="col-sm-1">
  1058. 处理方式:
  1059. </span>
  1060. <span class="col-sm-3">
  1061. <label style="font-weight:normal;"><input type="radio" name="banli" value="1" class="Nows"/>当即处理</label>
  1062. <label style="font-weight:normal;"><input type="radio" name="banli" value="0" checked="checked" class="Nows_"/>网络转办</label>
  1063. </span>
  1064. <span class="col-sm-1">
  1065. 密级:
  1066. </span>
  1067. <span class="col-sm-3">
  1068. <label style="font-weight:normal;"><input type="radio" name="mj" value="0" checked="checked"/>普通</label>
  1069. <label style="font-weight:normal;"><input type="radio" name="mj" value="1" />保密</label>
  1070. </span>
  1071. </div>
  1072. <div class="form-group clearfix Hidens Nows_box">
  1073. <span class="col-sm-1">
  1074. 直办内容:
  1075. </span>
  1076. <span class="col-sm-3 ">
  1077. <input type="text" id="result" />
  1078. </span>
  1079. </div>
  1080. <div class="form-group clearfix " style="text-align: center;">
  1081. <!--<div class="bton addt_"><a>保存</a></div>-->
  1082. <a class=" btns addt_">保存</a>
  1083. <a class=" btns addts">保存并提交</a>
  1084. <!--<div class="bton addts">保存并提交</div>-->
  1085. </div>
  1086. </form>
  1087. </div>
  1088. </div>
  1089. </div>
  1090. <div class="complain" style="display:none;">
  1091. <div class="ld-sercon-con clearfix">
  1092. <div class="Ps-chaxun">
  1093. <span>查询: <input type="text" id="old_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="old_endTime" class="laydate-icon" /></span>
  1094. <span class="searchbtn"></span>
  1095. </div>
  1096. <div class="table-responsive col-sm-12 tbold" style="padding-left: 0;">
  1097. <table id="oldlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  1098. <thead>
  1099. <tr>
  1100. <th data-field="CallNumber">电话号码</th>
  1101. <th data-field="CallState" data-formatter="GetCallState">呼叫状态</th>
  1102. <th data-field="UserCode">坐席工号</th>
  1103. <th data-field="UserName">坐席姓名</th>
  1104. <th data-field="TalkStartTime">通话开始时间</th>
  1105. <th data-field="TalkEndTime">通话结束时间</th>
  1106. <th data-field="TalkLongTime" data-formatter="ftime">通话时长</th>
  1107. <th data-field="FilePath" data-formatter="setCode">录音</th>
  1108. </tr>
  1109. </thead>
  1110. <tbody class="list"></tbody>
  1111. </table>
  1112. </div>
  1113. </div>
  1114. </div>
  1115. <div class="complain" style="display:none;">
  1116. <div class="ld-sercon-con clearfix">
  1117. <div class="Ps-chaxun">
  1118. <span>查询: <input type="text" id="con_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="con_endTime" class="laydate-icon" /></span>
  1119. <span class="searchbtn"></span>
  1120. <span class="addjl g" style="margin-left:5em;">新增工单</span>
  1121. </div>
  1122. <div class="table-responsive col-sm-12 tbold" style="padding-left: 0;">
  1123. <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  1124. <thead>
  1125. <tr>
  1126. <th data-field="F_WorkOrderId" data-formatter="GetLink">工单编号</th>
  1127. <th data-field="F_RegDate">创建时间</th>
  1128. <th data-field="UserName">创建人</th>
  1129. <th data-field="SourceName">信息来源</th>
  1130. <th data-field="TypeName">信息类别</th>
  1131. <th data-field="DeptName">交办单位</th>
  1132. <th data-field="WorkStateName">工单状态</th>
  1133. <th data-field="F_ComContent" data-formatter="GetCont">工单内容</th>
  1134. <th data-field="FilePath" data-formatter="setCode">录音文件</th>
  1135. </tr>
  1136. </thead>
  1137. <tbody class="list"></tbody>
  1138. </table>
  1139. </div>
  1140. </div>
  1141. </div>
  1142. </div>
  1143. <!--右侧下方内容区-->
  1144. <div class="ldcr-bottom" style="margin-top:10px;">
  1145. <div class="ldcrb-top clearfix">
  1146. <ul class="clearfix">
  1147. <li style="border-bottom:1px solid #69cbd0; background: #000;color: #fff;">知识库</li>
  1148. <!--<li style="border-bottom:1px solid #f95a83;border-top:1px solid #000;border-right:1px solid #000;">更多内容</li>-->
  1149. </ul>
  1150. <div class="ld-search">
  1151. <div class="sear-inp">
  1152. <input type="text" class="search" placeholder="搜索问题、内容或者标题" />
  1153. </div>
  1154. <div class="searIcon">
  1155. </div>
  1156. </div>
  1157. </div>
  1158. <div class="detail-con">
  1159. <ul></ul>
  1160. </div>
  1161. </div>
  1162. </div>
  1163. </div>
  1164. <!--来电弹屏结束-->
  1165. <!--外呼键盘-->
  1166. <div class="WH animated fadeInDown hidens">
  1167. <!--top-->
  1168. <div class="clearflow Color">
  1169. <div class="WH-top">
  1170. <span>外呼信息</span>
  1171. <span class="closes"><a>X</a></span>
  1172. </div>
  1173. <div class="Cotent_box clearflow">
  1174. <!--左边键盘-->
  1175. <div class="KeyWord col-sm-4">
  1176. <div class="WH_input clearflow">
  1177. <div class="clearflow WH_Itop">
  1178. <input id="Result" type="text" class="fl" value="" maxlength="18" autofocus="autofocus" />
  1179. <input id="hidwhtype" type="hidden" value="" />
  1180. <i class="img fl hidens"></i>
  1181. </div>
  1182. </div>
  1183. <div class="Num_box clearflow">
  1184. <ul class="Num_ul clearflow">
  1185. <li>
  1186. <div>
  1187. <a>1</a>
  1188. </div>
  1189. </li>
  1190. <li>
  1191. <div>
  1192. <a>2</a>
  1193. </div>
  1194. </li>
  1195. <li>
  1196. <div>
  1197. <a>3</a>
  1198. </div>
  1199. </li>
  1200. <li>
  1201. <div>
  1202. <a>4</a>
  1203. </div>
  1204. </li>
  1205. <li>
  1206. <div>
  1207. <a>5</a>
  1208. </div>
  1209. </li>
  1210. <li>
  1211. <div>
  1212. <a>6</a>
  1213. </div>
  1214. </li>
  1215. <li>
  1216. <div>
  1217. <a>7</a>
  1218. </div>
  1219. </li>
  1220. <li>
  1221. <div>
  1222. <a>8</a>
  1223. </div>
  1224. </li>
  1225. <li>
  1226. <div>
  1227. <a>9</a>
  1228. </div>
  1229. </li>
  1230. <li>
  1231. <div>
  1232. <a>*</a>
  1233. </div>
  1234. </li>
  1235. <li>
  1236. <div>
  1237. <a>0</a>
  1238. </div>
  1239. </li>
  1240. <li>
  1241. <div>
  1242. <a>#</a>
  1243. </div>
  1244. </li>
  1245. <li class="Last_phone">
  1246. <div>
  1247. <a class="CallOut"></a>
  1248. </div>
  1249. </li>
  1250. </ul>
  1251. </div>
  1252. </div>
  1253. <!--右边图表-->
  1254. <div class="col-sm-8 Rbg">
  1255. <div class="bg bg_cotent">
  1256. <ul class="bg_title clearflow">
  1257. <li class="lactive" itemid="0">最近电话</li>
  1258. <li itemid="1">公司电话</li>
  1259. <li itemid="2">投诉人电话</li>
  1260. </ul>
  1261. <div class="bg_box phonediv">
  1262. <div class="cx">
  1263. <span class="blanks">
  1264. 电话号码:
  1265. <input type="text" id="lastphone" />
  1266. </span>
  1267. <span class="ty">搜索</span>
  1268. <!--<span class="ty">重置</span>-->
  1269. </div>
  1270. <div class="phone_bg" style="width: 100%;padding: 10px;">
  1271. <table class="phonelist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  1272. <thead>
  1273. <tr>
  1274. <th data-field="CallNumber" data-formatter="view">电话号码</th>
  1275. <th data-field="CallState" data-formatter="GetCallState">呼叫状态</th>
  1276. <th data-field="IsDeal" data-formatter="GetDealState">是否处理</th>
  1277. <th data-field="UserCode">坐席工号</th>
  1278. <th data-field="UserName">坐席姓名</th>
  1279. <th data-field="TalkStartTime">通话开始时间</th>
  1280. <th data-field="TalkEndTime">通话结束时间</th>
  1281. <th data-field="TalkLongTime">通话时长(s)</th>
  1282. <!--<th data-field="FilePath">录音</th>-->
  1283. </tr>
  1284. </thead>
  1285. </table>
  1286. </div>
  1287. </div>
  1288. <div class="bg_box phonediv " style="display:none;">
  1289. <div class="cx">
  1290. <span class="blanks">
  1291. 电话号码:
  1292. <input type="text" id="gsphone" />
  1293. </span>
  1294. <span class="blanks">
  1295. 名称:
  1296. <input type="text" id="gsname" />
  1297. </span>
  1298. <span class="ty">搜索</span>
  1299. <!--<span class="ty">重置</span>-->
  1300. </div>
  1301. <div class="phone_bg" style="width: 100%;padding: 10px;">
  1302. <table class="phonelist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  1303. <thead>
  1304. <tr>
  1305. <th data-field="F_UserCode">坐席工号</th>
  1306. <th data-field="F_UserName">坐席姓名</th>
  1307. <!--<th data-field="F_WorkNumber" data-formatter="view">分机号</th>-->
  1308. <th data-field="F_Telephone" data-formatter="view">电话号码1</th>
  1309. <th data-field="F_Mobile" data-formatter="view">电话号码2</th>
  1310. <th data-field="F_HomePhone" data-formatter="view">电话号码3</th>
  1311. </tr>
  1312. </thead>
  1313. </table>
  1314. </div>
  1315. </div>
  1316. <div class="bg_box phonediv" style="display:none;">
  1317. <div class="cx">
  1318. <span class="blanks">
  1319. 电话号码:
  1320. <input type="text" id="khphone" />
  1321. </span>
  1322. <span class="blanks">
  1323. 名称:
  1324. <input type="text" id="khname" />
  1325. </span>
  1326. <span class="ty">搜索</span>
  1327. <!--<span class="ty">重置</span>-->
  1328. </div>
  1329. <div class="phone_bg" style="width: 100%;padding: 10px;">
  1330. <table class="phonelist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  1331. <thead>
  1332. <tr>
  1333. <th data-field="F_CustomerName">名称</th>
  1334. <th data-field="F_Telephone" data-formatter="view">电话号码1</th>
  1335. <th data-field="F_Mobile" data-formatter="view">电话号码2</th>
  1336. <th data-field="F_ChargeTelephone" data-formatter="view">电话号码3</th>
  1337. </tr>
  1338. </thead>
  1339. </table>
  1340. </div>
  1341. </div>
  1342. </div>
  1343. </div>
  1344. </div>
  1345. </div>
  1346. </div>
  1347. <!--下载框-->
  1348. <div class="t-shade">
  1349. <div class="shade_k">
  1350. <div class="shade_title">
  1351. <span>录音播放与下载<srong class="cknum"></srong></span>
  1352. <span class="setwin"><a>x</a></span>
  1353. </div>
  1354. <div class="shade_content">
  1355. <div class="Ly_box audiojs">
  1356. </div>
  1357. <div class="boxCon LY_box">
  1358. </div>
  1359. </div>
  1360. </div>
  1361. </div>
  1362. <!--修改密码开始-->
  1363. <div class="personal">
  1364. <div class="ptop clearFix">
  1365. <p class="ptl">个人中心</p>
  1366. <p class="ptr" title="关闭">x</p>
  1367. </div>
  1368. <div class="perBox ">
  1369. <ul class="perTab clearFix">
  1370. <li class="sel">个人资料</li>
  1371. <li>修改头像</li>
  1372. </ul>
  1373. <div class="perTab_con">
  1374. <div class="geRen" style="display: block;">
  1375. <div class="grt clearFix">
  1376. <p class="grtl">基本资料</p>
  1377. <p class="grtr">
  1378. <i class="grqx" title="取消编辑"></i>
  1379. <i class="grbj" title="编辑资料"></i>
  1380. </p>
  1381. </div>
  1382. <table class="table grzl">
  1383. <tr>
  1384. <th>我的工号:</th>
  1385. <td><input type="text" class="mgh" readonly="readonly" /></td>
  1386. </tr>
  1387. <tr>
  1388. <th>我的姓名:</th>
  1389. <td><input type="text" class="mn" readonly="readonly" /></td>
  1390. </tr>
  1391. <tr>
  1392. <th>原密码:</th>
  1393. <td><input type="password" class="spwd zhidu" /></td>
  1394. </tr>
  1395. <tr>
  1396. <th>新密码:</th>
  1397. <td><input type="password" class="npwd zhidu" /></td>
  1398. </tr>
  1399. <tr>
  1400. <th>确认密码:</th>
  1401. <td><input type="password" class="epwd zhidu" /><span class="wrong">*密码不一致</span></td>
  1402. </tr>
  1403. <tr>
  1404. <th></th>
  1405. <td><button class="btnn grbtn">保存修改</button></td>
  1406. </tr>
  1407. </table>
  1408. </div>
  1409. <div class="crop ">
  1410. <div class="clearFix" style="margin-top: 45px;">
  1411. <div class="crop_left">
  1412. <div class="image-crop">
  1413. <img src="./img/gaga.jpg">
  1414. </div>
  1415. </div>
  1416. <div class="crop_right">
  1417. <h4>图片预览:</h4>
  1418. <div class="img-preview img-preview-sm"></div>
  1419. </div>
  1420. </div>
  1421. <div class="anniu" style="margin-top: 75px;text-align: center;">
  1422. <label title="上传图片" for="inputImage" class="btnn" style="margin-right: 100px;">
  1423. <input type="file" accept="image/jpeg,image/jpg,image/png" name="file" id="inputImage" class="hide"> 本地上传
  1424. </label>
  1425. <button class="btnn" id="zoomIn" type="button">放大</button>
  1426. <button class="btnn" id="zoomOut" type="button">缩小</button>
  1427. <button class="btnn" id="rotateLeft" type="button">左旋转</button>
  1428. <button class="btnn" id="rotateRight" type="button">右旋转</button>
  1429. <button class="btnn" id="setDrag" type="button">确定保存</button>
  1430. </div>
  1431. </div>
  1432. </div>
  1433. </div>
  1434. </div>
  1435. <!--修改密码结束-->
  1436. <input type="hidden" class="mid"/>
  1437. <script src="./js/plugins/cropper/cropper.min.js"></script>
  1438. <script src="./js/jquery.md5.js"></script>
  1439. <script src="./css/laydate/laydate.js"></script>
  1440. <script src="./js/guid.js"></script>
  1441. <script src="./js/main.js?v=2.0"></script>
  1442. <script src="./js/plugins/metisMenu/jquery.metisMenu.js"></script>
  1443. <script src="./js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
  1444. <script src="./js/hplus.min.js?v=4.1.0"></script>
  1445. <script src="./js/contabs.min.js"></script>
  1446. <script>
  1447. var token= $.cookie("token");
  1448. $('.mid').val(0);
  1449. var mid=$('.mid').val();
  1450. console.log($('.mid').val())
  1451. $('.tuBiao').click(function(){
  1452. if($(".drm").css("display")=='block'){
  1453. $(".drm").css("display","none");
  1454. }else{
  1455. $(".drm").css("display","block");
  1456. }
  1457. })
  1458. Ajax();
  1459. function Ajax(){
  1460. $('.drm').html('');
  1461. $.ajax({
  1462. type:"get",
  1463. url:huayi.config.callcenter_url+"Index/GetPromptOrder",
  1464. async:true,
  1465. dataType:'json',
  1466. data:{
  1467. token:token,
  1468. mid:$('.mid').val()
  1469. },
  1470. success:function(data){
  1471. $('.mid').val(data.maxid)
  1472. // helper.cookies.set("mid", data.maxid, 7);
  1473. // console.log(data.maxid)
  1474. // console.log($('.mid').val())
  1475. $('.xx_count').html(data.total);
  1476. if(data.rows){
  1477. $.each(data.rows, function(i,n) {
  1478. if(i<10){
  1479. $('<li>'+
  1480. '<a href="javaScript:;" class="xx" onclick="ckxq('+ n.F_WorkOrderId +')">'+
  1481. '<div class="tipCon">'+n.F_ComContent+'</div>'+
  1482. '<div class="order_time clearfix">'+
  1483. '<span class="work_order">订单号:'+ n.F_WorkOrderId +'</span>'+
  1484. '<span class="ort">'+ n.F_CreateTime +'</span>'+
  1485. '</div>'+
  1486. '</a></li><li class="divider"></li>').appendTo('.drm');
  1487. }
  1488. });
  1489. }
  1490. $('<li><a href="javaScript:;" class="seeMore" onclick="goDC()">'+
  1491. '<div class="order_time clearfix">'+
  1492. '<span class="work_order">查看更多</span>'+
  1493. '<span class="ort"> '+
  1494. '>>'+
  1495. '</span>'+
  1496. '</div>'+
  1497. '</a></li>').appendTo('.drm');
  1498. }
  1499. });
  1500. }
  1501. setInterval(Ajax, 60000);
  1502. function goDC(){
  1503. top.$("iframe:visible")[0].src = "Business/WorkDC.html";
  1504. }
  1505. function ckxq(str) {
  1506. layer.open({
  1507. type: 2,
  1508. content: "CommonHtml/WorkDatil.html?wid=" + str, //iframe的url,no代表不显示滚动条
  1509. title: '工单详情',
  1510. area: ['85%', '80%'], //宽高
  1511. });
  1512. }
  1513. </script>
  1514. </body>
  1515. </html>