No Description

index.html 62KB

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