鑫苑新版本前端代码

index.html 59KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542
  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. <link href="./js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  20. <script src="./js/jquery.select.js"></script>
  21. <script src="./js/newtx.js"></script>
  22. <style>
  23. @font-face {
  24. font-family: 'iconfont';
  25. src: url('./fonts/iconfont.eot');
  26. /* IE9*/
  27. src: url('./fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  28. url('./fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  29. url('./fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  30. url('./fonts/iconfont.svg#iconfont') format('svg');
  31. /* iOS 4.1- */
  32. }
  33. body {
  34. font-family: "微软雅黑";
  35. }
  36. .ldtp-con{
  37. display: block;
  38. }
  39. .ld-sercon select{
  40. height: auto;
  41. }
  42. ul li {
  43. list-style: none;
  44. overflow: hidden;
  45. }
  46. .iconfont {
  47. font-family: "iconfont";
  48. font-style: normal;
  49. color: #FFFFFF;
  50. }
  51. .fr {
  52. float: right;
  53. }
  54. .fl {
  55. float: left;
  56. }
  57. .size-12 {
  58. font-size: 12px;
  59. }
  60. .title-box {
  61. margin-top: 5px;
  62. }
  63. .title-box li {
  64. margin-left: 30px;
  65. }
  66. .title-box li:hover {
  67. cursor: pointer;
  68. }
  69. .HoverColor {
  70. color: #f8ac59;
  71. }
  72. .FailureColor {
  73. color: #f95f5e;
  74. }
  75. .navbar-header {
  76. width: 100%;
  77. background-color: #2f4050;
  78. padding-top: 10px;
  79. }
  80. .title-box li p {
  81. color: #FFFFFF;
  82. font-size: 14px;
  83. font-weight: bold;
  84. letter-spacing: 2px;
  85. margin-top: 5px;
  86. }
  87. .size-14 {
  88. font-size: 14px;
  89. color: #FFFFFF !important;
  90. }
  91. .img-circle {
  92. width: 58px;
  93. }
  94. .xian {
  95. border: 1px solid #FFFFFF;
  96. display: inline-block;
  97. width: 15%;
  98. margin: 5px;
  99. }
  100. .ss {
  101. margin-left: 20px;
  102. }
  103. .fe-3 {
  104. font-size: 3em;
  105. }
  106. .title-box p {
  107. text-align: center;
  108. }
  109. .closed {
  110. display: inline-block;
  111. /* margin-left: 5%;*/
  112. cursor: pointer;
  113. color: #FFFFFF;
  114. float: right;
  115. margin-right: 5%;
  116. width: 25%;
  117. }
  118. .closed div {
  119. overflow: hidden;
  120. }
  121. .closed ul {
  122. margin-bottom: 0px;
  123. }
  124. .closed li {
  125. float: left;
  126. margin-right: 20px;
  127. }
  128. .closed i {
  129. display: inline-block;
  130. background: url(./img/chilun.png) no-repeat;
  131. margin-right: 5px;
  132. width: 14px;
  133. height: 16px;
  134. vertical-align: middle;
  135. }
  136. .ga {
  137. background-position: 0 0 !important;
  138. }
  139. .sz {
  140. background-position: 0 -15px !important;
  141. }
  142. .tc {
  143. background-position: 0 -33px !important;
  144. }
  145. .zhuangtai {
  146. display: block;
  147. width: 30%;
  148. margin-left: 10px;
  149. font-size: 14px;
  150. font-weight: 800;
  151. }
  152. .wq {
  153. color: #f95f5e;
  154. }
  155. #top-search li:hover {
  156. color: #eaeaea;
  157. }
  158. .content-tabs1 ul {
  159. padding-left: 0;
  160. }
  161. .content-tabs1 li {
  162. list-style: none;
  163. float: left;
  164. height: 5px;
  165. }
  166. .top1 {
  167. background-color: #68adfe;
  168. }
  169. .top2 {
  170. background-color: #9897f0;
  171. }
  172. .top3 {
  173. background-color: #87eebf;
  174. }
  175. .top4 {
  176. background-color: #68b0fe;
  177. }
  178. .top5 {
  179. background-color: #f95a83;
  180. }
  181. .top6 {
  182. background-color: #eb76dd;
  183. }
  184. .top7 {
  185. background-color: #69cbd0;
  186. }
  187. .top8 {
  188. background-color: #69cbd0;
  189. }
  190. .top9 {
  191. background-color: #aaf58d;
  192. }
  193. .top10 {
  194. background-color: #f76a53;
  195. }
  196. .top11 {
  197. background-color: #eb76dd;
  198. }
  199. .top12 {
  200. background-color: #6c77da;
  201. }
  202. .top13 {
  203. background: -webkit-linear-gradient(left, #f073db, #65abfc);
  204. background: -moz-linear-gradient(left, #f073db, #65abfc);
  205. background: -o-linear-gradient(left, #f073db, #65abfc);
  206. background: -webkit-gradient(linear, 100% 0, 0 0, from(#65abfc), to(#f073db));
  207. background: linear-gradient(left, #f073db, #65abfc);
  208. /* Opera 11.1 - 12.0 */
  209. /* Firefox 3.6 - 15 */
  210. /* 标准的语法 */
  211. }
  212. .zts {
  213. height: 30px;
  214. margin-left: 2%;
  215. line-height: 30px;
  216. padding-top: 15px;
  217. }
  218. .zts li {
  219. height: 20px;
  220. line-height: 20px;
  221. font-weight: bold;
  222. letter-spacing: 2px;
  223. }
  224. .quan {
  225. width: 15px;
  226. height: 15px !important;
  227. border-radius: 50%;
  228. margin-right: 2%;
  229. margin-left: 5px;
  230. margin-top: 2px;
  231. }
  232. .lx {
  233. background: #6a6d69;
  234. }
  235. .br {
  236. background: red;
  237. }
  238. .bl {
  239. background: #7ab85b;
  240. }
  241. .LH {
  242. line-height: 35px;
  243. }
  244. .zts span {
  245. line-height: 20px;
  246. margin-right: 50px;
  247. font-size: 12px;
  248. }
  249. .photo {
  250. width: 40px;
  251. height: 40px;
  252. border-width: 2px;
  253. border-style: solid;
  254. border-radius: 50%;
  255. border-color: #ffb400 #fc3c04 #fdfc01 #00e3c0;
  256. margin-bottom: 1px;
  257. }
  258. .photo img {
  259. display: block;
  260. width: 100%;
  261. height: 100%;
  262. }
  263. .ls {
  264. /*margin-left: 20px;*/
  265. text-align: center;
  266. }
  267. .ls span {
  268. margin-right: 10px;
  269. }
  270. .min-right {
  271. margin-right: 10px;
  272. }
  273. .navbar-top-links i {
  274. width: 24px;
  275. height: 21px;
  276. display: block;
  277. background: url(./img/topIcon.png) no-repeat;
  278. background-position: center center;
  279. margin: 0 auto;
  280. }
  281. /*挂断*/
  282. .DropCall {
  283. background-position: 0px 0 !important;
  284. }
  285. /*外呼*/
  286. .MakeCall {
  287. background-position: 0px -20px !important;
  288. }
  289. /*置忙*/
  290. .SayBusy {
  291. background-position: 0px -42px !important;
  292. }
  293. /*置闲*/
  294. .SayFree {
  295. background-position: 0px -65px !important;
  296. }
  297. /*多方通话*/
  298. .Meeting {
  299. background-position: 0px -85px !important;
  300. }
  301. /*转移*/
  302. .Transfer {
  303. background-position: 0px -108px !important;
  304. }
  305. /*保持*/
  306. .Hold {
  307. background-position: 0px -131px !important;
  308. }
  309. /*接回*/
  310. .Retrieve {
  311. background-position: 0px -153px !important;
  312. }
  313. /*签入*/
  314. .Login {
  315. background-position: 0px -197px !important;
  316. }
  317. /*签出*/
  318. .Logout {
  319. background-position: 0px -175px !important;
  320. }
  321. .navbar-top-links .active {
  322. background-position-x: -23px !important;
  323. }
  324. .ldcr-bottom .detail-con ul li .active a {
  325. color: #f95a83 !important;
  326. }
  327. .ldcr-bottom .detail-con ul li .active em {
  328. color: #f95a83 !important;
  329. }
  330. .ldcr-bottom .detail-con ul li .active+.explancon {
  331. display: block !important;
  332. }
  333. .searchbtn {
  334. width: 2.5em;
  335. height: 24px;
  336. border-radius: 5px;
  337. position: absolute;
  338. background-color: #f8ac59;
  339. background-image: url(./img/searIcon.png);
  340. background-repeat: no-repeat;
  341. background-position: center center;
  342. cursor: pointer;
  343. }
  344. .max-box {
  345. height: 42px;
  346. width: 100%;
  347. }
  348. .laydate_body .laydate_bottom,
  349. .laydate_body .laydate_top {
  350. height: 31px !important;
  351. }
  352. .laydate_body .laydate_y .laydate_yms ul li {
  353. width: 59px !important;
  354. }
  355. .col-sm-1 {
  356. padding-right: 0;
  357. line-height: 34px;
  358. }
  359. ul.ztree {
  360. overflow-y: scroll;
  361. overflow-x: auto;
  362. }
  363. .minBacha {
  364. position: absolute;
  365. top: 0;
  366. right: 80px;
  367. z-index: 10;
  368. overflow: hidden;
  369. }
  370. .minBacha>div {
  371. float: left;
  372. height: 35px;
  373. width: 35px;
  374. margin-left: 2px;
  375. }
  376. .minBacha>div a {
  377. display: block;
  378. height: 100%;
  379. width: 100%;
  380. text-align: center;
  381. background-position: center center;
  382. background-color: #2f4050;
  383. opacity: .5;
  384. }
  385. .minBacha>div a:hover {
  386. opacity: 1;
  387. }
  388. .minClosed>a {
  389. background: url("./img/min.png") no-repeat;
  390. }
  391. .Bacha>a {
  392. background: url("./img/gb.png") no-repeat;
  393. }
  394. .lblcount {
  395. position: absolute;
  396. right: 5px;
  397. top: 7px;
  398. }
  399. .first {
  400. z-index: 1000;
  401. }
  402. .khzl {
  403. font-size: 12px;
  404. border: 0;
  405. margin: 35px auto;
  406. color: #fff;
  407. }
  408. .khzl tr {
  409. border: 0;
  410. }
  411. .khzl th {
  412. padding: 5px 8px 5px 0;
  413. text-align: right;
  414. width: 40%;
  415. font-weight: normal;
  416. border: 0;
  417. }
  418. .khzl tbody>tr>td,
  419. .khzl tbody>tr>th {
  420. border: 0;
  421. }
  422. .khzl tbody>tr>td input {
  423. border: 0;
  424. outline: none;
  425. background: #243747;
  426. padding-left: 5px;
  427. width: 100%;
  428. }
  429. .khbtn {
  430. /*background: #97a0a8;*/
  431. color: #1ab394;
  432. font-size: 14px;
  433. vertical-align: middle;
  434. }
  435. .hei-list {
  436. width: 400px;
  437. margin: 0 auto;
  438. }
  439. .heiTop {
  440. height: 35px;
  441. background: #1ab394;
  442. color: #fff;
  443. line-height: 35px;
  444. padding: 0 15px;
  445. border-top-left-radius: 3px;
  446. border-top-right-radius: 3px;
  447. }
  448. .heiTop .htl {
  449. float: left;
  450. margin: 0;
  451. }
  452. .heiTop .bacha {
  453. float: right;
  454. font-size: 18px;
  455. cursor: pointer;
  456. margin: 0;
  457. }
  458. .heiCon {
  459. width: 100%;
  460. background: #fff;
  461. text-align: center;
  462. padding: 25px 15px;
  463. height: auto;
  464. overflow-y: auto;
  465. border: 1px solid #eee;
  466. }
  467. #time-word {
  468. border: 1px solid #1ab394;
  469. padding: 5px 0 5px 10px;
  470. width: 120px;
  471. outline: none;
  472. color: #000;
  473. }
  474. .chooses {
  475. margin-top: 10px;
  476. }
  477. .btns {
  478. background: #1ab394;
  479. color: #fff;
  480. padding: 3px 10px;
  481. outline: none;
  482. font-size: 12px;
  483. margin-left: 15px;
  484. border: 0;
  485. border-radius: 3px;
  486. box-sizing: border-box;
  487. }
  488. .bianji {
  489. display: inline-block;
  490. height: 16px;
  491. width: 16px;
  492. vertical-align: middle;
  493. margin-right: 5px;
  494. }
  495. .bianji.edi {
  496. background: url(img/xgai.png) no-repeat;
  497. }
  498. .bianji.sav {
  499. background: url(img/bbc.png) no-repeat;
  500. }
  501. .bianji.canc {
  502. background: url(img/quxi.png) no-repeat;
  503. }
  504. .t-shade {
  505. position: fixed;
  506. top: 0;
  507. left: 0;
  508. width: 100%;
  509. height: 100%;
  510. background: rgba(0, 0, 0, 0.48);
  511. z-index: 10004;
  512. display: none;
  513. }
  514. .shade_k {
  515. z-index: 10005;
  516. width: 40%;
  517. margin: 10% auto;
  518. background-color: #fff;
  519. box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
  520. border-radius: 5px;
  521. }
  522. .shade_title {
  523. padding: 0 80px 0 20px;
  524. height: 42px;
  525. line-height: 42px;
  526. border-bottom: 1px solid #eee;
  527. font-size: 16px;
  528. color: #FFFFFF;
  529. overflow: hidden;
  530. background-color: rgb(26, 179, 148);
  531. border-radius: 2px 2px 0 0;
  532. position: relative;
  533. }
  534. .setwin {
  535. position: absolute;
  536. right: 15px;
  537. top: 5px;
  538. font-size: 20px;
  539. line-height: initial;
  540. }
  541. .setwin a {
  542. font-size: 20px;
  543. color: #fff;
  544. }
  545. .shade_content {
  546. overflow-y: auto;
  547. position: relative;
  548. padding-bottom: 50px;
  549. padding: 10px;
  550. }
  551. .wh_btn {
  552. width: 80%;
  553. text-align: center;
  554. padding-top: 20px;
  555. margin: 0 auto;
  556. margin-bottom: 20px;
  557. }
  558. .wh_btn input {
  559. padding: 7px 20px;
  560. color: #FFF;
  561. border-radius: 5px;
  562. margin-right: 30px;
  563. border: 1px solid #999;
  564. border-color: rgb(26, 179, 148);
  565. }
  566. .sc_btn {
  567. color: rgb(255, 255, 255);
  568. font-size: 12px;
  569. margin-left: 15px;
  570. box-sizing: border-box;
  571. background: rgb(26, 179, 148);
  572. padding: 6px 10px;
  573. outline: none;
  574. border-width: 0px;
  575. border-style: initial;
  576. border-color: initial;
  577. border-image: initial;
  578. border-radius: 3px;
  579. }
  580. .sc_btn:hover {
  581. color: #fff !important;
  582. }
  583. .cx {
  584. display: block;
  585. }
  586. .phoneBZ{
  587. display: inline-block;
  588. height: 15px;
  589. width: 15px;
  590. position: absolute;
  591. right: 0px;
  592. bottom: -15px;
  593. background: url(img/phoneBZ.png) no-repeat;
  594. display: none;
  595. }
  596. #menuContent {
  597. background: #fff;
  598. position: absolute;
  599. width: 100%;
  600. border: 1px solid darkgrey;
  601. right: 0;
  602. top: 21px;
  603. z-index: 10;
  604. /* display: none;*/
  605. overflow-y: auto;
  606. }
  607. #organizer {
  608. height: 25px;
  609. width: 128px;
  610. display: inline-block;
  611. position: relative;
  612. }
  613. #treeDemo li {
  614. width: 100%;
  615. }
  616. .bootstrap-select > .dropdown-toggle.bs-placeholder {
  617. background-color: #ffffff!important;
  618. border-color: #e5e6e7!important;
  619. }
  620. .filter-option{
  621. color: #676b6d;
  622. }
  623. .bootstrap-select > .dropdown-toggle.btn-default{
  624. background-color: #ffffff!important;
  625. border-color: #e5e6e7!important;
  626. color: #555;
  627. }
  628. #fkdep_market{
  629. display: nones;
  630. }
  631. .roll-right.J_tabRight{
  632. right:0;
  633. }
  634. </style>
  635. </head>
  636. <body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
  637. <div id="wrapper">
  638. <!--左侧导航开始-->
  639. <nav class="navbar-default navbar-static-side" role="navigation">
  640. <div class="nav-close">
  641. <i class="fa fa-times-circle"></i>
  642. </div>
  643. <div class="sidebar-collapse">
  644. <ul class="nav" id="side-menu">
  645. <li class="nav-header">
  646. <div class="dropdown profile-element text-center">
  647. <span style="position: relative;">
  648. <img alt="image" class="img-circle yhtx" src="./img/zxPhone.png" onerror="this.src = './img/zxPhone.png'" />
  649. <input type="file" name="upFile" id="upFile" accept="image/jpeg,image/jpg,image/png" style="display: none;">
  650. <i class="phoneBZ"></i>
  651. </span>
  652. <a data-toggle="dropdown" class="dropdown-toggle" href="#">
  653. <span class="clear">
  654. <span class="block m-t-xs">
  655. <b class="xian"></b>
  656. <strong class="font-bold username">张三</strong>
  657. <span class="text-muted text-xs size-12 user_code" style="color: #fff;"></span>
  658. <b class="xian"></b>
  659. </span>
  660. <span class="text-muted text-xs block size-14 ">
  661. <span class="text-muted text-xs group" style="color: #fff;"></span> <span class="text-muted text-xs rolename" style="color: #fff;">超级管理员</span>
  662. </span>
  663. <span class="text-muted text-xs block Gnumbox" style="color: #fff;">
  664. <span class="text-muted text-xs" style="color: #fff;">分机号:</span> <span class="text-muted text-xs Gnum" style="color: #fff;"></span>
  665. </span>
  666. </span>
  667. </a>
  668. </div>
  669. <div class="logo-element">
  670. </div>
  671. </li>
  672. </ul>
  673. </div>
  674. </nav>
  675. <!--左侧导航结束-->
  676. <!--右侧部分开始-->
  677. <div id="page-wrapper" class="gray-bg dashbard-1">
  678. <div class="row border-bottom">
  679. <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
  680. <div class="navbar-header">
  681. <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
  682. <div class="nav navbar-top-links navbar-left">
  683. <ul class="title-box" id="top-search" style="padding-left: 0; display:none;">
  684. <li datafun="DropCall">
  685. <i class="iconfont fa-5x DropCall"></i>
  686. <p>挂断</p>
  687. </li>
  688. <li datafun="MakeCall">
  689. <i class="iconfont fa-5x MakeCall"></i>
  690. <p>外呼</p>
  691. </li>
  692. <li datafun="SayBusy">
  693. <i class="iconfont fa-5x SayBusy"></i>
  694. <p>置忙</p>
  695. </li>
  696. <li datafun="SayFree">
  697. <i class="iconfont fa-5x SayFree"></i>
  698. <p>置闲</p>
  699. </li>
  700. <li datafun="Meeting">
  701. <i class="iconfont fa-5x Meeting"></i>
  702. <p>多方通话</p>
  703. </li>
  704. <li datafun="Transfer">
  705. <i class="iconfont fa-5x Transfer"></i>
  706. <p>转移</p>
  707. </li>
  708. <li datafun="Hold">
  709. <i class="iconfont fa-5x Hold"></i>
  710. <p>保持</p>
  711. </li>
  712. <li datafun="Retrieve">
  713. <i class="iconfont fa-5x Retrieve"></i>
  714. <p>接回</p>
  715. </li>
  716. <li datafun="Login">
  717. <i class="iconfont fa-5x Login active"></i>
  718. <p>签入</p>
  719. </li>
  720. <li datafun="Logout">
  721. <i class="iconfont fa-5x Logout"></i>
  722. <p>签出</p>
  723. </li>
  724. </ul>
  725. </div>
  726. <div class="nav closed">
  727. <!--左边-->
  728. <!--头像显示-->
  729. <!--<div class="text-center max-box">
  730. <ul class="fl maxOpen animated" style="display: none;">
  731. <li>
  732. <h3 class="size-12 ldname">未知</h3>
  733. <h3 class="size-12 ldtel" style="margin-bottom: 0;"></h3>
  734. </li>
  735. <li>
  736. <div class="photo">
  737. <img src="" alt="" />
  738. </div>
  739. </li>
  740. </ul>
  741. </div>-->
  742. <div style="text-align: center;margin-top: 5px;">
  743. <span>话机状态: </span>
  744. <span class="quan fwzt lx br" style="display: inline-block;height: 20px;line-height: 20px;"> </span>
  745. <span>坐席状态: </span>
  746. <span class="quan zxzt lx br" style="display: inline-block;height: 20px;line-height: 20px;"></span>
  747. <span class="hwzt" style="color:red;"></span>
  748. </div>
  749. <div class="ls" style="margin-top: 10px;">
  750. <span class="size-12 min-right" style="cursor: initial!important;">
  751. 外呼号码:<span class="gd_whNum size-12"></span>
  752. </span>
  753. <span class="size-12 min-right" onclick="Jumps()">
  754. <i class="ga"></i>&nbsp;管理中心
  755. </span>
  756. <span class="size-12 shezhi">
  757. <i class="sz"></i>&nbsp;设置
  758. </span>
  759. <span class="size-12" onclick="logout()">
  760. <i class="tc"></i>退出
  761. </span>
  762. </div>
  763. </div>
  764. </div>
  765. </nav>
  766. </div>
  767. <div class="row content-tabs1">
  768. <ul>
  769. <li class="top1" style="width: 5%;"></li>
  770. <li class="top2" style="width: 8%;"></li>
  771. <li class="top3" style="width: 10%;"></li>
  772. <li class="top4" style="width: 13%;"></li>
  773. <li class="top5" style="width: 10%;"></li>
  774. <li class="top6" style="width: 5%;"></li>
  775. <li class="top7" style="width: 13%;"></li>
  776. <li class="top8" style="width: 10%;"></li>
  777. <li class="top9" style="width: 11.2%;"></li>
  778. <li class="top10" style="width: 6%;"></li>
  779. <li class="top11" style="width: 3%;"></li>
  780. <li class="top12" style="width: 5%;"></li>
  781. </ul>
  782. </div>
  783. <div class="row content-tabs">
  784. <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i>
  785. </button>
  786. <nav class="page-tabs J_menuTabs">
  787. <div class="page-tabs-content">
  788. <a href="javascript:;" class="active J_menuTab" data-id="index_v1.html">首页</a>
  789. </div>
  790. </nav>
  791. <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
  792. </button>
  793. <!--<div class="btn-group roll-nav roll-right">
  794. <button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span>
  795. </button>
  796. <ul role="menu" class="dropdown-menu dropdown-menu-right">
  797. <li class="J_tabShowActive"><a>定位当前选项卡</a>
  798. </li>
  799. <li class="divider"></li>
  800. <li class="J_tabCloseAll"><a>关闭全部选项卡</a>
  801. </li>
  802. <li class="J_tabCloseOther"><a>关闭其他选项卡</a>
  803. </li>
  804. </ul>
  805. </div>-->
  806. <!--<a href="login.html" class="roll-nav roll-right J_tabExit"><i class="fa fa fa-sign-out"></i> 退出</a>-->
  807. </div>
  808. <div class="row J_mainContent" id="content-main">
  809. <!--<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="widgets.html" frameborder="0" data-id="index_v1.html" seamless></iframe>-->
  810. <iframe class="J_iframe J_iframe0" name="iframe0" width="100%" height="100%" src="widgets.html" frameborder="0" data-id="index_v1.html" seamless></iframe>
  811. </div>
  812. <div class="row content-tabs1 LH">
  813. <ul>
  814. <li class="top13" style="width: 100%;"></li>
  815. </ul>
  816. <span class="fr">Copyright © 华谊科技 All Rights Reserved</span>
  817. </div>
  818. </div>
  819. </div>
  820. <!--外呼键盘-->
  821. <div class="WH animated fadeInDown hidens ">
  822. <!--top-->
  823. <div class="clearflow Color">
  824. <div class="WH-top">
  825. <span>外呼信息</span>
  826. <span class="closes"><a>X</a></span>
  827. </div>
  828. <div class="Cotent_box clearflow">
  829. <!--左边键盘-->
  830. <div class="KeyWord col-sm-4">
  831. <div class="WH_input clearflow">
  832. <div class="clearflow WH_Itop">
  833. <input id="Result" type="text" class="fl" value="" maxlength="18" autofocus="autofocus" />
  834. <input id="hidwhtype" type="hidden" value="" />
  835. <i class="img fl hidens"></i>
  836. </div>
  837. </div>
  838. <div class="Num_box clearflow">
  839. <ul class="Num_ul clearflow">
  840. <li>
  841. <div>
  842. <a>1</a>
  843. </div>
  844. </li>
  845. <li>
  846. <div>
  847. <a>2</a>
  848. </div>
  849. </li>
  850. <li>
  851. <div>
  852. <a>3</a>
  853. </div>
  854. </li>
  855. <li>
  856. <div>
  857. <a>4</a>
  858. </div>
  859. </li>
  860. <li>
  861. <div>
  862. <a>5</a>
  863. </div>
  864. </li>
  865. <li>
  866. <div>
  867. <a>6</a>
  868. </div>
  869. </li>
  870. <li>
  871. <div>
  872. <a>7</a>
  873. </div>
  874. </li>
  875. <li>
  876. <div>
  877. <a>8</a>
  878. </div>
  879. </li>
  880. <li>
  881. <div>
  882. <a>9</a>
  883. </div>
  884. </li>
  885. <li>
  886. <div>
  887. <a>*</a>
  888. </div>
  889. </li>
  890. <li>
  891. <div>
  892. <a>0</a>
  893. </div>
  894. </li>
  895. <li>
  896. <div>
  897. <a>#</a>
  898. </div>
  899. </li>
  900. <li class="Last_phone">
  901. <div>
  902. <a class="CallOut" href="javaScript:;" ></a>
  903. </div>
  904. </li>
  905. </ul>
  906. </div>
  907. </div>
  908. <!--右边图表-->
  909. <div class="col-sm-8 Rbg">
  910. <div class="bg bg_cotent">
  911. <ul class="bg_title clearflow">
  912. <li class="lactive" itemid="0">最近电话</li>
  913. <li itemid="1">公司电话</li>
  914. <li itemid="2">客户电话</li>
  915. </ul>
  916. <div class="bg_box phonediv">
  917. <div class="cx">
  918. <span class="blanks">
  919. 电话号码:
  920. <input type="text" id="lastphone" />
  921. </span>
  922. <span class="ty">搜索</span>
  923. <!--<span class="ty">重置</span>-->
  924. </div>
  925. <div class="phone_bg" style="width: 100%;padding: 10px;">
  926. <!--<table class="table table-bordered text-center">
  927. <thead>
  928. <tr>
  929. <td class="tbth">电话号码</td>
  930. <td class="tbth">呼叫状态</td>
  931. <td class="tbth">是否处理</td>
  932. <td class="tbth">坐席工号</td>
  933. <td class="tbth">坐席姓名</td>
  934. <td class="tbth">通话开始时间</td>
  935. <td class="tbth">通话结束时间</td>
  936. <td class="tbth">通话时长(s)</td>
  937. <td class="tbth">录音</td>
  938. </tr>
  939. </thead>
  940. <tbody class="phonelist"></tbody>
  941. </table>-->
  942. <table class="phonelist fixed-table-container" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true" data-height="400">
  943. <thead>
  944. <tr>
  945. <th data-field="F_CustomerName">客户姓名</th>
  946. <th data-field="CallNumber" data-formatter="view">电话号码</th>
  947. <th data-field="CallState" data-formatter="GetCallState">呼叫状态</th>
  948. <th data-field="DealType" data-formatter="formatterDealType" data-align="center">处理方式</th>
  949. <!--<th data-field="IsDeal" data-formatter="GetDealState">是否处理</th>-->
  950. <th data-field="UserCode">坐席工号</th>
  951. <th data-field="UserName">坐席姓名</th>
  952. <th data-field="BeginTime">开始时间</th>
  953. <th data-field="TalkStartTime">通话开始时间</th>
  954. <th data-field="TalkEndTime">通话结束时间</th>
  955. <th data-field="TalkLongTime">通话时长(s)</th>
  956. <!--<th data-field="FilePath">录音</th>-->
  957. </tr>
  958. </thead>
  959. </table>
  960. </div>
  961. </div>
  962. <div class="bg_box phonediv " style="display:none;">
  963. <div class="cx">
  964. <span class="blanks">
  965. 部门:
  966. <select id="s_department">
  967. <option value="">请选择</option>
  968. </select>
  969. </span>
  970. <span class="blanks">
  971. 电话号码:
  972. <input type="text" id="gsphone" />
  973. </span>
  974. <span class="blanks">
  975. 名称:
  976. <input type="text" id="gsname" />
  977. </span>
  978. <span class="ty">搜索</span>
  979. <!--<span class="ty">重置</span>-->
  980. </div>
  981. <div class="phone_bg" style="width: 100%;padding: 10px;">
  982. <!--<table class="table table-bordered text-center">
  983. <thead>
  984. <tr>
  985. <td class="tbth">坐席工号</td>
  986. <td class="tbth">坐席姓名</td>
  987. <td class="tbth">分机号</td>
  988. <td class="tbth">电话号码1</td>
  989. <td class="tbth">电话号码2</td>
  990. <td class="tbth">电话号码3</td>
  991. </tr>
  992. </thead>
  993. <tbody class="phonelist"></tbody>
  994. </table>-->
  995. <table class="phonelist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  996. <thead>
  997. <tr>
  998. <th data-field="F_UserCode">坐席工号</th>
  999. <th data-field="F_UserName">坐席姓名</th>
  1000. <th data-field="F_WorkNumber" data-formatter="view">分机号</th>
  1001. <th data-field="F_Telephone" data-formatter="view">电话号码1</th>
  1002. <th data-field="F_Mobile" data-formatter="view">电话号码2</th>
  1003. <th data-field="F_HomePhone" data-formatter="view">电话号码3</th>
  1004. </tr>
  1005. </thead>
  1006. </table>
  1007. </div>
  1008. </div>
  1009. <div class="bg_box phonediv" style="display:none;">
  1010. <div class="cx">
  1011. <span class="blanks">
  1012. 电话号码:
  1013. <input type="text" id="khphone" />
  1014. </span>
  1015. <span class="blanks">
  1016. 名称:
  1017. <input type="text" id="khname" />
  1018. </span>
  1019. <span class="ty">搜索</span>
  1020. <!--<span class="ty">重置</span>-->
  1021. </div>
  1022. <div class="phone_bg" style="width: 100%;padding: 10px;">
  1023. <!--<table class="table table-bordered text-center">
  1024. <thead>
  1025. <tr>
  1026. <td class="tbth">名称</td>
  1027. <td class="tbth">电话号码1</td>
  1028. <td class="tbth">电话号码2</td>
  1029. <td class="tbth">电话号码3</td>
  1030. </tr>
  1031. </thead>
  1032. <tbody class="phonelist"></tbody>
  1033. </table>-->
  1034. <table class="phonelist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  1035. <thead>
  1036. <tr>
  1037. <th data-field="F_CustomerName">名称</th>
  1038. <th data-field="F_Telephone" data-formatter="view">电话号码1</th>
  1039. <th data-field="F_Mobile" data-formatter="view">电话号码2</th>
  1040. <th data-field="F_ChargeTelephone" data-formatter="view">电话号码3</th>
  1041. </tr>
  1042. </thead>
  1043. </table>
  1044. </div>
  1045. </div>
  1046. </div>
  1047. </div>
  1048. </div>
  1049. </div>
  1050. </div>
  1051. <!--下载框-->
  1052. <div class="t-shade">
  1053. <div class="shade_k">
  1054. <div class="shade_title">
  1055. <span>录音播放与下载<srong class="cknum"></srong></span>
  1056. <span class="setwin"><a>x</a></span>
  1057. </div>
  1058. <div class="shade_content">
  1059. <div class="Ly_box audiojs">
  1060. </div>
  1061. </div>
  1062. </div>
  1063. </div>
  1064. <!--修改密码开始-->
  1065. <div class="personal" id="dialogMove">
  1066. <div class="ptop clearFix" id="dialogDrag">
  1067. <p class="ptl">个人中心</p>
  1068. <p class="ptr" title="关闭">x</p>
  1069. </div>
  1070. <div class="perBox " style="height:500px;">
  1071. <ul class="perTab clearFix">
  1072. <li class="sel">个人资料</li>
  1073. <li>修改头像</li>
  1074. </ul>
  1075. <div class="perTab_con">
  1076. <div class="geRen" style="display: block;">
  1077. <div class="grt clearFix">
  1078. <p class="grtl">基本资料</p>
  1079. <p class="grtr">
  1080. <i class="grqx" title="取消编辑"></i>
  1081. <i class="grbj" title="编辑资料"></i>
  1082. </p>
  1083. </div>
  1084. <table class="table grzl">
  1085. <tr>
  1086. <th>我的工号:</th>
  1087. <td><input type="text" class="mgh" readonly="readonly" /></td>
  1088. </tr>
  1089. <tr>
  1090. <th>我的姓名:</th>
  1091. <td><input type="text" class="mn" readonly="readonly" /></td>
  1092. </tr>
  1093. <tr>
  1094. <th>分机号:</th>
  1095. <td><input type="text" class="fenji" readonly="readonly" /></td>
  1096. </tr>
  1097. <!--<tr>
  1098. <th>外线号码:</th>
  1099. <td><input type="text" class="wxno" readonly="readonly" /></td>
  1100. </tr>-->
  1101. <tr>
  1102. <th>原密码:</th>
  1103. <td><input type="password" class="spwd zhidu" /></td>
  1104. </tr>
  1105. <tr>
  1106. <th>新密码:</th>
  1107. <td><input type="password" class="npwd zhidu" /></td>
  1108. </tr>
  1109. <tr>
  1110. <th>确认密码:</th>
  1111. <td><input type="password" class="epwd zhidu" /><span class="wrong">*密码不一致</span></td>
  1112. </tr>
  1113. <tr>
  1114. <th>手机号:</th>
  1115. <td><input type="text" class="mobile zhidu" /></td>
  1116. </tr>
  1117. <tr>
  1118. <th></th>
  1119. <td><button class="btnn grbtn form-control" disabled="disabled" style="width: 100px;">保存修改</button></td>
  1120. </tr>
  1121. </table>
  1122. </div>
  1123. <div class="crop ">
  1124. <div class="clearFix" style="margin-top: 45px;">
  1125. <div class="crop_left">
  1126. <div class="image-crop">
  1127. <img src="./img/gaga.jpg">
  1128. </div>
  1129. </div>
  1130. <div class="crop_right">
  1131. <h4>图片预览:</h4>
  1132. <div class="img-preview img-preview-sm"></div>
  1133. </div>
  1134. </div>
  1135. <!--<div class="btn-group">
  1136. <label title="上传图片" for="inputImage" class="btn btn-primary">
  1137. <input type="file" accept="image/*" name="file" id="inputImage" class="hide"> 本地上传
  1138. </label>-->
  1139. <!--<label title="下载图片" id="download" class="btn btn-primary">下载</label>-->
  1140. <!--</div>
  1141. <div class="btn-group">-->
  1142. <!--<button class="btn btn-white" id="zoomIn" type="button">放大</button>-->
  1143. <!--<button class="btn btn-white" id="zoomOut" type="button">缩小</button>-->
  1144. <!--<button class="btn btn-white" id="rotateLeft" type="button">左旋转</button>-->
  1145. <!--<button class="btn btn-white" id="rotateRight" type="button">右旋转</button>-->
  1146. <!--<button class="btn btn-warning " id="setDrag" type="button">裁剪</button>
  1147. </div>-->
  1148. <div class="anniu" style="margin-top: 75px;text-align: center;">
  1149. <label title="上传图片" for="inputImage" class="btnn" style="margin-right: 100px;">
  1150. <input type="file" accept="image/jpeg,image/jpg,image/png" name="file" id="inputImage" class="hide"> 本地上传
  1151. </label>
  1152. <!--<button class="btn btn-warning " id="setDrag" type="button">裁剪</button>-->
  1153. <button class="btnn" id="zoomIn" type="button">放大</button>
  1154. <button class="btnn" id="zoomOut" type="button">缩小</button>
  1155. <button class="btnn" id="rotateLeft" type="button">左旋转</button>
  1156. <button class="btnn" id="rotateRight" type="button">右旋转</button>
  1157. <button class="btnn" id="setDrag" type="button">确定保存</button>
  1158. </div>
  1159. </div>
  1160. </div>
  1161. </div>
  1162. </div>
  1163. <!--修改密码结束-->
  1164. <!--OCX 开始-->
  1165. <object style="left: 0px; width: 0px; height: 0px; display: none; visibility: hidden;top: 0px" classid="clsid:014D83A5-7E35-11D3-8AF9-00C0DF245E51" name="Phone" id="Phone" viewastext>
  1166. <param name="CcsID" value="20">
  1167. <param name="MyID" value="40">
  1168. <param name="MainCcsIP" value="">
  1169. <param name="BackCcsIP" value="">
  1170. <param name="WorkNo" value="0">
  1171. <param name="DesktopNo" value="1000">
  1172. <param name="Password" value="">
  1173. <param name="TimeOut" value="10000">
  1174. <param name="RecordFileDir" value="c:\temp">
  1175. <param name="CardType" value="2">
  1176. <param name="AutoAnswer" value="0">
  1177. <param name="AutoRelease" value="0">
  1178. <param name="AutoReconnect" value="0">
  1179. <param name="HaveBell" value="false">
  1180. <param name="BellTime" value="3">
  1181. <param name="PlayStep" value="2">
  1182. <param name="FreeStatus" value="0">
  1183. <param name="TimerEnabled" value="0">
  1184. <param name="TimerInterval" value="1000">
  1185. <param name="MediaPlay" value="0">
  1186. <param name="MediaFileName" value="">
  1187. <param name="Version" value="3">
  1188. <param name="AgentType" value="2">
  1189. <param name="ConvoyDirection" value="1">
  1190. <param name="ConvoyMode" value="1">
  1191. <param name="WFSMode" value="2">
  1192. <param name="PMSMode" value="1">
  1193. <param name="AutoRecord" value="True">
  1194. <param name="PlayMode" value="1">
  1195. <param name="StreamServerAddr" value="">
  1196. <param name="StreamFastPlayStep" value="3">
  1197. <param name="IsQccing" value="0">
  1198. <param name="IsAutoEnterWork" value="0">
  1199. <param name="Account" value="">
  1200. <param name="AccountPassword" value="">
  1201. <param name="AutoReleasePhoneCall" value="True">
  1202. <param name="PlaySystem" value="0">
  1203. <param name="UseWebVoip" value="0">
  1204. <param name="WebVoipSIPServerIP" value="">
  1205. <param name="WebVoipSIPServerPort" value="5060">
  1206. <param name="WebVoipNeedRegister" value="-1">
  1207. <param name="WebVoipAccount" value="">
  1208. <param name="WebVoipPassword" value="">
  1209. <param name="NiceCLSIP" value="">
  1210. <param name="NiceCLSPort" value="2050">
  1211. <param name="bCanHold" value="0">
  1212. <param name="bCanIntercept" value="0">
  1213. <param name="WebVoipBakSIPServerIP" value="">
  1214. <param name="WebVoipBakSIPServerPort" value="5060">
  1215. </object>
  1216. <input type="hidden" id="txtMostlyAddress" name="txtMostlyAddress" value="192.168.4.101" /><!--主用CTI服务器IP -->
  1217. <input type="hidden" value="8002" id="userCode" name="userCode"/><!--工号 -->
  1218. <input type="hidden" value="小白" id="userName" name="userName"/><!--姓名 -->
  1219. <input type="hidden" id="userId" name="userId"/><!--用户id -->
  1220. <input type="hidden" id="passWord"value="123456" name="passWord" /><!--密码(与cti关联密码)-->
  1221. <input type="hidden" id="extenNum"value="1026" name="extenNum" /><!--分机号-->
  1222. <input type="hidden" id="callId" value="" name="callId" /><!--CallId-->
  1223. <input type="hidden" id="callNumber" value="" name="callNumber"/><!--来电主叫号码-->
  1224. <input type="hidden" id="ZYNumber" value="" name="ZYNumber"/><!--转移号码-->
  1225. <input type="hidden" id="hfOtype" value="" name="hfOtype"/><!--外呼类型-->
  1226. <input type="hidden" id="callLogid" value="" name="callLogid"/><!--置忙返回的日志ID-->
  1227. <input type="hidden" id="HdIswin" value="" name="HdIswin" value="true"/><!--判断是否是坐席-->
  1228. <input type="hidden" id="BusinessType" value="" name="BusinessType" value="true"/><!--业务类型-->
  1229. <!--OCX 结束-->
  1230. <script src="./js/plugins/pace/pace.min.js"></script>
  1231. <script src="./js/plugins/iCheck/icheck.min.js"></script>
  1232. <script src="./css/laydate/laydate.js"></script>
  1233. <!--<script src="./js/main.js?v=1.5"></script>-->
  1234. <!--<script src="./js/index.js?v=2.0"></script>-->
  1235. <script src="./js/zTree/jquery.ztree.core.js"></script>
  1236. <script src="./js/plugins/datapicker/bootstrap-datepicker.js"></script>
  1237. <script src="./js/bootstrap-select/js/bootstrap-select.js"></script>
  1238. <script src="./js/plugins/cropper/cropper.min.js"></script>
  1239. <script src="./js/guid.js"></script>
  1240. <script src="./js/dialogDrag.js"></script>
  1241. <script src="./js/plugins/metisMenu/jquery.metisMenu.js"></script>
  1242. <script src="./js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
  1243. <script src="./js/plugins/layer/layer.min.js"></script>
  1244. <script src="./js/hplus.min.js?v=4.1.0"></script>
  1245. <script src="./js/contabs.min.js"></script>
  1246. <script language="javascript" for="Phone" event="OnPhoneStatusNotify(Status)">
  1247. OnPhoneStatusNotify(Status);
  1248. </script>
  1249. <!-- 签入成功时触发此事件-->
  1250. <script language="javascript" for="Phone" event="OnSignInExSuccess(p1)">
  1251. Form_setWinfromenble("false", "True", "True", "false", "false", "false", "false", "false", "false", "True");
  1252. setAgentStatus("空闲");
  1253. Phone.AutoAnswer = "True";
  1254. </script>
  1255. <!-- 签入失败时触发此事件-->
  1256. <!-- 外呼成功触发此事件 -->
  1257. <script language="javascript" for="Phone" event="OnCallOutSuccess()">
  1258. Form_setWinfromenble("True", "false", "false", "false", "false", "false", "false", "false", "false", "false");
  1259. setAgentStatus("忙");
  1260. </script>
  1261. <!-- 外呼失败触发此事件 -->
  1262. <script language="javascript" for="Phone" event="OnCallOutFailure()">
  1263. becallout = false;
  1264. becallcome = true;
  1265. </script>
  1266. <!--被示闲-->
  1267. <script language="javascript" for="Phone" event="OnForceIdle()">
  1268. Form_setWinfromenble("false", "True", "True", "false", "false", "false", "false", "false", "false", "True");
  1269. setAgentStatus("空闲");
  1270. </script>
  1271. <!--转移成功-->
  1272. <script language="javascript" for="Phone" event="OnTransOutSuccTalk()">
  1273. Form_setWinfromenble("false", "false", "false", "false", "false", "false", "false", "false", "false", "false");
  1274. </script>
  1275. <!--转移失败-->
  1276. <script language="javascript" for="Phone" event="OnTransOutFailure()">
  1277. Form_setWinfromenble("false", "false", "false", "false", "false", "True", "True", "false", "false", "True");
  1278. </script>
  1279. <!--转移失败-->
  1280. <script language="javascript" for="Phone" event="OnTransOutFailTal()">
  1281. Form_setWinfromenble("false", "false", "false", "false", "false", "True", "True", "false", "false", "True");
  1282. </script>
  1283. <!-- 外呼成功并且被叫开始通话 -->
  1284. <script language="javascript" for="Phone" event="OnCallOutSuccTalk()">
  1285. Form_setWinfromenble("True", "false", "false", "false", "True", "True", "True", "false", "false", "false");
  1286. setAgentStatus("忙");
  1287. </script>
  1288. <!--释放会场成功按顺序触发OnReleaseExSuccess和OnReceiveAgentStateInfo事件-->
  1289. <script language="javascript" for="Phone" event="OnReleaseExSuccess()">
  1290. //更新挂机事件
  1291. $.get(huayi.config.callcenter_url + 'CallInScreen/UpdateGJ',{
  1292. callid:$('#callId').val(),
  1293. "token": $.cookie("token")
  1294. },function(res){
  1295. if(res.state.toLowerCase() == "success") {
  1296. // console.log('挂机成功' );
  1297. }
  1298. });
  1299. $('#callId').val('');
  1300. $("#callNumber").val('');
  1301. $("#ZYNumber").val('');
  1302. Form_setWinfromenble("false", "True", "True", "false", "false", "false", "false", "false", "false", "True");
  1303. setAgentStatus("空闲");
  1304. becallout = false;
  1305. becallcome = true;
  1306. </script>
  1307. <!--久不应答,自动示忙-->
  1308. <script language="javascript" for="Phone" event="OnLongNoAnswer()">
  1309. AgentFree();
  1310. </script>
  1311. <script language="javascript" for="Phone" event="OnSignInExFailure(P1)">
  1312. Form_setWinfromenble("false", "false", "false", "false", "false", "false", "false", "false", "false", "false");
  1313. </script>
  1314. <!-- 三方通话成功时触发此事件 -->
  1315. <script language="javascript" for="Phone" event="OnConfJoinSuccTalk()">
  1316. Form_setWinfromenble("True", "false", "false", "false", "false", "false", "false", "false", "false", "false");
  1317. setAgentStatus("忙"); //摘机
  1318. </script>
  1319. <!-- 三方通话失败时触发此事件 -->
  1320. <script language="javascript" for="Phone" event="OnConfJoinFailure()">
  1321. </script>
  1322. <!-- 示忙成功时触发此事件 -->
  1323. <script language="javascript" for="Phone" event="OnSayBusySuccess()">
  1324. Form_setWinfromenble("false", "false", "false", "True", "false", "false", "false", "false", "false", "false");
  1325. setAgentStatus("忙");
  1326. </script>
  1327. <!-- 示忙失败时触发此事件 -->
  1328. <script language="javascript" for="Phone" event="OnSayBusyFailure()">
  1329. </script>
  1330. <!-- 示闲成功时触发此事件 -->
  1331. <script language="javascript" for="Phone" event="OnSayFreeSuccess()">
  1332. Form_setWinfromenble("false", "True", "True", "false", "false", "false", "false", "false", "false", "True");
  1333. setAgentStatus("空闲");
  1334. becallout = false;
  1335. becallcome = true;
  1336. </script>
  1337. <!--释放成功-->
  1338. <script language="javascript" for="Phone" event="OnReleaseSuccess()">
  1339. Form_setWinfromenble("false", "True", "True", "false", "false", "false", "false", "false", "false", "True");
  1340. setAgentStatus("空闲");
  1341. becallout = false;
  1342. becallcome = true;
  1343. </script>
  1344. <!--释放前事件-->
  1345. <script language="javascript" for="Phone" event="OnBeforeRelease(CanRelease)">
  1346. if(becallcome) {
  1347. MydTransToIVR();
  1348. }
  1349. </script>
  1350. <!-- 示闲失败时触发此事件 -->
  1351. <script language="javascript" for="Phone" event="OnSayFreeFailure()">
  1352. </script>
  1353. <!-- 示闲失败时触发此事件 -->
  1354. <script language="javascript" for="Phone" event="OnBeforeAnswer()">
  1355. //alert('OnBeforeAnswer');
  1356. </script>
  1357. <script language="javascript" for="Phone" event="OnAnswerRequestEx(mediatype)">
  1358. //接听后事件 //alert('OnAnswerRequestEx'); Form_setWinfromenble("True","false","false","false","True","True","True","false","false", "false"); setAgentStatus("忙");
  1359. </script>
  1360. <!-- 应答成功触发此事件 -->
  1361. <script language="javascript" for="Phone" event="OnAnswerExSuccess(p1)">
  1362. Form_setWinfromenble("True", "false", "false", "false", "True", "True", "True", "false", "false", "false");
  1363. setAgentStatus("忙");
  1364. </script>
  1365. <!-- 应答失败触发此事件 -->
  1366. <script language="javascript" for="Phone" event="OnAnswerExFailure(p1)">
  1367. </script>
  1368. <!-- 录音成功事件 -->
  1369. <script language="javascript" for="Phone" event="OnRecordSuccessEx(pCallID,Caller,Called,SelfRecFileName)">
  1370. Form_callComming(Caller, SelfRecFileName);
  1371. becallout = false;
  1372. becallcome = true;
  1373. </script>
  1374. <!-- 录音失败事件 -->
  1375. <script language="javascript" for="Phone" event="OnRecordFailure()">
  1376. </script>
  1377. <!-- 保持成功触发的事件 -->
  1378. <script language="javascript" for="Phone" event="OnHoldSuccess()">
  1379. Form_setWinfromenble("false", "false", "false", "false", "false", "false", "false", "True", "false", "false");
  1380. </script>
  1381. <!-- 取保持成功时触发此事件 -->
  1382. <script language="javascript" for="Phone" event="OnGetHoldSuccess()">
  1383. Form_setWinfromenble("True", "false", "false", "false", "True", "True", "True", "false", "false", "false");
  1384. </script>
  1385. <!-- 取保持失败时触发此事件 -->
  1386. <script language="javascript" for="Phone" event="OnGetHoldFailure()"></script>
  1387. </body>
  1388. </html>