周口人民医院呼叫中心前端

WorkOrderDispose.html 25KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>待处理工单</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  10. <link href="../css/WorkOrder/Search.css" rel="stylesheet">
  11. <link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  12. <link href="../css/init.css" rel="stylesheet" />
  13. <style>
  14. /*table td {
  15. word-break:break-all;
  16. word-wrap:break-word;
  17. }
  18. table th {
  19. min-width:100px;
  20. }*/
  21. .time-box {
  22. display: inline-block;
  23. position: relative;
  24. }
  25. i.tub {
  26. position: absolute;
  27. right: 8px;
  28. top: 8px;
  29. font-size: 18px;
  30. color: #1ab394;
  31. }
  32. .search_time {
  33. width: 228px!important;
  34. }
  35. .bootstrap-select>.dropdown-toggle.bs-placeholder {
  36. background-color: #ffffff!important;
  37. border-color: #e5e6e7!important;
  38. }
  39. .filter-option {
  40. color: #676b6d;
  41. }
  42. .bootstrap-select>.dropdown-toggle.btn-default {
  43. background-color: #ffffff!important;
  44. border-color: #e5e6e7!important;
  45. color: #555;
  46. }
  47. #typeclass {
  48. background: #fff;
  49. }
  50. .treeList {
  51. top: 34px!important;
  52. border: 1px solid #e5e6e7!important;
  53. border-top: 0;
  54. height: auto!important;
  55. }
  56. #TreeDemo li {
  57. float: initial;
  58. }
  59. #ce,
  60. #ces {
  61. display: none;
  62. }
  63. .E73 {
  64. background: #87eebf;
  65. color: #000;
  66. width: 100px;
  67. }
  68. .E72 {
  69. width: 100px;
  70. }
  71. ._table1>thead>tr>th {
  72. text-align: right;
  73. padding: 4px !important;
  74. width: 25%;
  75. }
  76. ._table1>thead>tr>td {
  77. padding: 4px !important;
  78. width: 25%;
  79. }
  80. /*.dropdown-menu li{
  81. float: none;
  82. }*/
  83. </style>
  84. </head>
  85. <body class="gray-bg">
  86. <div class="daoHang clearfix">
  87. <div class="dhLeft">
  88. <sapn>
  89. <i class="syIcon"></i>位置:
  90. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  91. <a href="javaScript:;">工单管理</a>&gt;
  92. <a href="" class="nowPosition">待处理工单</a>
  93. </sapn>
  94. </div>
  95. <div class="dhRight">
  96. <a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
  97. </div>
  98. </div>
  99. <div class="wrapper wrapper-content animated fadeInRight">
  100. <div class="toolBox">
  101. <div class="th-bar clearfix">
  102. <div class="pull-left">
  103. <div class="form-inline">
  104. <!--<div class="form-group">
  105. <input type="text" class="form-control" id="name" placeholder="请输入客户名称"/>
  106. </div>
  107. <div class="form-group">
  108. <input type="text" class="form-control" id="tel" placeholder="请输入客户电话"/>
  109. </div>-->
  110. <div class="time-box form-group">
  111. <i class="tub fa fa-caret-down down" style="color: #676b6d;"></i>
  112. <input class="form-control" type="text" id="typeclass" placeholder="请选择工单类型" readonly="readonly">
  113. <input type="hidden" id="typeclassId" />
  114. <div class="addTree treeList">
  115. <ul id="TreeDemo" class="ztree"></ul>
  116. </div>
  117. </div>
  118. <div class="form-group">
  119. <select class="form-control selectpicker" id="orderSource" data-live-search="true">
  120. <option value="">请选择工单来源</option>
  121. </select>
  122. </div>
  123. <div class="time-box form-group">
  124. <i class="tub fa fa-calendar"></i>
  125. <input class="form-control search_time" type="text" id="greetingTimes" placeholder="请选择时间">
  126. </div>
  127. <div class="form-group">
  128. <select class="form-control selectpicker" id="comeCall_dep" data-live-search="true">
  129. <option value="">请选择来电单位</option>
  130. </select>
  131. </div>
  132. <div class="form-group">
  133. <select class="form-control selectpicker" id="userid" data-live-search="true">
  134. <option value="">请选择坐席工号</option>
  135. </select>
  136. </div>
  137. <div class="form-group">
  138. <select class="form-control selectpicker" id="comeCall_deps" data-live-search="true">
  139. <option value="">请选择反馈单位</option>
  140. </select>
  141. </div>
  142. </div>
  143. <!--<span style="display:none">登录时间:<input type="text" class="laydate-icon loginTime" id="startTime"/></span>-->
  144. </div>
  145. <div class="pull-right">
  146. <button class="btns ss">搜索</button>
  147. <!--<button class="btns gjss">高级搜索</button>-->
  148. <a class="btns" onclick="dcexcel(this)">导出</a>
  149. </div>
  150. </div>
  151. </div>
  152. <div style="width: 100%;padding: 10px;" id="ce" class="customerService">
  153. <table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  154. <thead>
  155. <tr>
  156. <th data-field="WorkOrderID" data-formatter="View" data-align="center">工单编号</th>
  157. <th data-field="WorkOrderID" data-formatter="Dispose" data-align="center">处理工单</th>
  158. <th data-field="ID" data-formatter="Remove" data-align="center" data-class="E72">操作工单</th>
  159. <th data-field="State" data-formatter="GetStateName" data-align="center">工单状态</th>
  160. <th data-field="Address" data-align="center">来电单位</th>
  161. <th data-field="GDLYName" data-align="center">工单来源</th>
  162. <th data-field="TypeClassName" data-align="center">工单类型</th>
  163. <th data-field="Customer" data-align="center" data-class="E73">姓名</th>
  164. <th data-field="CustomerTel" data-align="center">客户电话</th>
  165. <th data-field="CreateUserNameRel" data-align="center">受理人</th>
  166. <th data-field="CreateTime" data-align="center">创建时间</th>
  167. <th data-field="Detail" data-align="center" data-formatter="Detail" style="width:500px;">反馈内容及处理结果</th>
  168. <!--<th data-field="WorkOrderID" data-formatter="OverTime" data-align="center">工单超时</th>-->
  169. </tr>
  170. </thead>
  171. </table>
  172. </div>
  173. <div style="width: 100%;padding: 10px;" id="ces">
  174. <table id="workorderlist_" class="market" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  175. <thead>
  176. <tr>
  177. <th data-field="WorkOrderID" data-formatter="View" data-align="center">工单编号</th>
  178. <th data-field="WorkOrderID" data-formatter="Dispose" data-align="center">处理工单</th>
  179. <th data-field="ID" data-formatter="Remove" data-align="center">操作工单</th>
  180. <th data-field="State" data-formatter="GetStateName" data-align="center">工单状态</th>
  181. <th data-field="Address" data-align="center">来电单位</th>
  182. <th data-field="GDLYName" data-align="center">工单来源</th>
  183. <th data-field="TypeClassName" data-align="center">工单类型</th>
  184. <th data-field="Customer" data-align="center" data-class="E73">姓名</th>
  185. <th data-field="CustomerTel" data-align="center">客户电话</th>
  186. <th data-field="CreateUserNameRel" data-align="center">受理人</th>
  187. <th data-field="CreateTime" data-align="center">创建时间</th>
  188. <th data-field="Detail" data-align="center" data-formatter="Detail">反馈内容及处理结果</th>
  189. </tr>
  190. </thead>
  191. </table>
  192. </div>
  193. <!--查看详情-->
  194. <div class="ckxq Hidens">
  195. <ul class="clearfix ckxq_ul">
  196. <li class="Active">工单详情</li>
  197. <li>处理记录</li>
  198. <!--<li>催办记录</li>
  199. <li>评论记录</li>-->
  200. <span class="Closed">×</span>
  201. </ul>
  202. <div class="gdxq">
  203. <div class="">
  204. <table id="gdxq_table" border="0" class="table table-bordered table-hover " style="width: 100%;">
  205. <tbody class="tbodys">
  206. <tr>
  207. <th>工单编号:</th>
  208. <td>
  209. <span id="xq_gdbh"></span>
  210. </td>
  211. <th>工单类型:</th>
  212. <td>
  213. <span id="xq_gdlx"></span>
  214. </td>
  215. <th>创建时间:</th>
  216. <td>
  217. <span id="xq_cjsj"></span>
  218. </td>
  219. </tr>
  220. <tr>
  221. <th>工单状态:</th>
  222. <td>
  223. <span id="xq_gdzt"></span>
  224. </td>
  225. <th>客户姓名:</th>
  226. <td>
  227. <span id="xq_khxm"></span>
  228. </td>
  229. <th>客户电话:</th>
  230. <td>
  231. <span id="xq_khdh"></span>
  232. </td>
  233. </tr>
  234. <tr>
  235. <th>来电单位:</th>
  236. <td>
  237. <span id="xq_wtlx"></span>
  238. </td>
  239. <th>反馈单位:</th>
  240. <td>
  241. <span id="xq_zxgh"></span>
  242. </td>
  243. </tr>
  244. <tr>
  245. <th>反馈及处理内容:</th>
  246. <td colspan="5" id="xq_gdnr">
  247. <!--<span id="xq_gdnr"></span>-->
  248. </td>
  249. </tr>
  250. <tr class="BZ">
  251. <th>快递信息:</th>
  252. <td colspan="5">
  253. <span id="xq_kdxx"></span>
  254. </td>
  255. </tr>
  256. <tr class="BZ">
  257. <th>备注一:</th>
  258. <td colspan="5">
  259. <span id="bz-1"></span>
  260. </td>
  261. </tr>
  262. <tr class="BZ">
  263. <th>备注二:</th>
  264. <td colspan="5">
  265. <span id="bz-2"></span>
  266. </td>
  267. </tr>
  268. <tr class="BZ">
  269. <th>备注三:</th>
  270. <td colspan="5">
  271. <span id="bz-3"></span>
  272. </td>
  273. </tr>
  274. </tbody>
  275. </table>
  276. </div>
  277. </div>
  278. <div class="gdxq" style="display:none;">
  279. <table id="cllist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  280. <thead>
  281. <tr>
  282. <th data-field="WorkOrderID" data-formatter="ComXQ">处理详情</th>
  283. <th data-field="CreateTime">创建时间</th>
  284. </tr>
  285. </thead>
  286. </table>
  287. </div>
  288. <!--<div class="gdxq" style="display:none;">
  289. <table id="cblist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  290. <thead>
  291. <tr>
  292. <th data-field="CreateUserName">催办人</th>
  293. <th data-field="ToDeptName">被催办部门</th>
  294. <th data-field="ToUserName">被催办人</th>
  295. <th data-field="Detail">催办详情</th>
  296. <th data-field="CreateTime">创建时间</th>
  297. </tr>
  298. </thead>
  299. </table>
  300. </div>
  301. <div class="gdxq" style="display:none;">
  302. <table id="pllist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  303. <thead>
  304. <tr>
  305. <th data-field="CreateUserName">评论人</th>
  306. <th data-field="Detail">评论详情</th>
  307. <th data-field="CreateTime">创建时间</th>
  308. </tr>
  309. </thead>
  310. </table>
  311. </div>-->
  312. </div>
  313. </div>
  314. <div class="t-shade">
  315. <!--高级搜索-->
  316. <!--<div class="shade_k gjsu ">
  317. <div class="shade_title">
  318. <span>高级搜索<srong class="cknum"></srong></span>
  319. <span class="setwin"><a>x</a></span>
  320. </div>
  321. <div class="shade_content">
  322. <div class="dgxx_table size-13">
  323. <table class="_table1 table table-bordered table-hover " border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
  324. <tr>
  325. <th>工单类型:</th>
  326. <td>
  327. <div class="inpBox">
  328. <input type="text" class="inps select" readonly="readonly" />
  329. <input type="hidden" class="inps " id="ss_gdlx" />
  330. <i class="xl xl_two"></i>
  331. <div class="xl_common">
  332. <ul class="xl_box">
  333. <li>--请选择--</li>
  334. <li itemid="1">售前咨询</li>
  335. <li itemid="2">报修服务</li>
  336. <li itemid="3">投诉建议</li>
  337. </ul>
  338. </div>
  339. </div>
  340. </td>
  341. <th>工单编号:</th>
  342. <td>
  343. <div class="inpBox">
  344. <input type="text" class="inps " id="ss_gdbh" />
  345. </div>
  346. </td>
  347. </tr>
  348. <tr>
  349. <th>客户姓名:</th>
  350. <td>
  351. <div class="inpBox">
  352. <input type="text" class="inps " id="ss_khxm" />
  353. </div>
  354. </td>
  355. <th>客户电话:</th>
  356. <td>
  357. <div class="inpBox">
  358. <input type="text" class="inps " id="ss_khdh" />
  359. </div>
  360. </td>
  361. </tr>
  362. <tr>
  363. <th>工单内容:</th>
  364. <td colspan="3">
  365. <div class="inpBox">
  366. <input type="text" class="inps " id="ss_gdnr" />
  367. </div>
  368. </td>
  369. </tr>
  370. </table>
  371. </div>
  372. <div class="clearfix wh_btn">
  373. <input type="button" value="搜索" class="btn-info" id="gjss" />
  374. </div>
  375. </div>
  376. </div>
  377. -->
  378. <!--处理工单-->
  379. <div class="shade_k clgd ">
  380. <div class="shade_title">
  381. <span>处理工单<srong class="cknum"></srong></span>
  382. <span class="setwin"><a>x</a></span>
  383. </div>
  384. <div class="shade_content">
  385. <div class="dgxx_table size-13">
  386. <table class="_table1 table table-bordered " border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
  387. <thead>
  388. <tr>
  389. <th>工单编号:</th>
  390. <td>
  391. <span id="cl_gdbh"></span>
  392. </td>
  393. <th>工单类型:</th>
  394. <td>
  395. <span id="cl_gdlx"></span>
  396. </td>
  397. </tr>
  398. <tr>
  399. <th>客户姓名:</th>
  400. <td>
  401. <span id="cl_khxm"></span>
  402. </td>
  403. <th>客户电话:</th>
  404. <td>
  405. <span id="cl_khdh"></span>
  406. </td>
  407. </tr>
  408. </thead>
  409. <tr>
  410. <th>反馈内容及处理结果:</th>
  411. <td colspan="5 ">
  412. <div id="cl_gdnr" style="width: 100%;">
  413. </div>
  414. </td>
  415. </tr>
  416. <tr>
  417. <th>处理方式:</th>
  418. <td colspan="3">
  419. <div>
  420. <label style="font-weight: normal;">
  421. <input type="radio" value="1" name="ltype" checked="checked" /> 结束
  422. </label> &nbsp;&nbsp;&nbsp;&nbsp;
  423. <!--<label style="font-weight: normal;">
  424. <input type="radio" value="0" name="ltype" />转派
  425. </label>-->
  426. </div>
  427. </td>
  428. </tr>
  429. <tr style="display:none;" class="js">
  430. <th>接收部门:</th>
  431. <td>
  432. <div class="inpBox">
  433. <input type="text" class="inps tree" readonly="readonly" id="clbmname" />
  434. <input type="hidden" class="inps " id="clbm" />
  435. <i class="xl"></i>
  436. <div class="addTree">
  437. <ul id="zrbmtree" class="ztree"></ul>
  438. </div>
  439. </div>
  440. </td>
  441. <th>接收人:</th>
  442. <td>
  443. <div class="inpBox">
  444. <input type="text" class="inps select" readonly="readonly" id="clidname" />
  445. <input type="hidden" class="inps " id="clid" />
  446. <i class="xl"></i>
  447. <div class="xl_common">
  448. <ul class="xl_box clid"></ul>
  449. </div>
  450. </div>
  451. </td>
  452. </tr>
  453. <tr>
  454. <th>处理内容:</th>
  455. <td colspan="5">
  456. <div>
  457. <textarea id="cont" name="" rows="3" style="width:100%;"></textarea>
  458. </div>
  459. </td>
  460. </tr>
  461. </table>
  462. </div>
  463. <div class="clearfix wh_btn">
  464. <input type="button" value="确定" class="btn-info" id="clgd" />
  465. </div>
  466. </div>
  467. </div>
  468. </div>
  469. <script src="../js/zTree/jquery.ztree.core.js"></script>
  470. <script src="../js/laydate/laydate.js"></script>
  471. <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
  472. <script src="../js/kindeditor/kindeditor.js"></script>
  473. <script src="../js/kindeditor/lang/zh_CN.js"></script>
  474. <script src="../js/WorkOrder/WorkOrder.js"></script>
  475. <script>
  476. var selid;
  477. var zpid;
  478. var stype = 1;
  479. $(document).ready(function() {
  480. laydate.render({
  481. elem: '#greetingTimes',
  482. range: '~',
  483. theme: '#1ab394',
  484. calendar: 'true'
  485. //type: 'datetime',
  486. //max : 31,
  487. //min: 0,
  488. });
  489. //处理工单
  490. $("#clgd").click(function() {
  491. var val = $("input[name='ltype']:checked").val();
  492. if(!val) {
  493. layer.confirm('请选择处理方式!', {
  494. btn: ['确定']
  495. });
  496. return;
  497. }
  498. if(val == '0') {
  499. if(!$("#clbm").val()) {
  500. layer.confirm('请选择接收部门!', {
  501. btn: ['确定']
  502. });
  503. return;
  504. }
  505. }
  506. $.post(huayi.config.callcenter_url + 'WorkOrder/DealWorkOrder', {
  507. orderid: zpid,
  508. isend: val,
  509. clbm: $("#clbm").val(),
  510. clid: $("#clid").val(),
  511. cont: $("#cont").val(),
  512. detail: encodeURIComponent(changeEditor.html()),
  513. "token": $.cookie("token")
  514. }, function(result) {
  515. result = $.parseJSON(result);
  516. if(result.state.toLowerCase() == "success") {
  517. layer.msg("处理工单成功");
  518. $(".t-shade").removeClass("cx");
  519. $(".clgd").removeClass("cx");
  520. if(ns == 1) {
  521. initTable();
  522. } else {
  523. initTables();
  524. }
  525. }
  526. })
  527. })
  528. })
  529. function initTable() {
  530. //先销毁表格
  531. $('#workorderlist').bootstrapTable('destroy');
  532. //初始化表格,动态从服务器加载数据
  533. $("#workorderlist").bootstrapTable({
  534. method: "get", //使用get请求到服务器获取数据
  535. url: huayi.config.callcenter_url + "WorkOrder/GetList", //获取数据的Servlet地址
  536. contentType: 'application/x-www-form-urlencoded',
  537. striped: true, //表格显示条纹
  538. pagination: true, //启动分页
  539. pageSize: 5, //每页显示的记录数
  540. pageNumber: 1, //当前第几页
  541. pageList: [5, 20, 50, 100], //记录数可选列表
  542. search: false, //是否启用查询
  543. showColumns: false, //显示下拉框勾选要显示的列
  544. showRefresh: false, //显示刷新按钮
  545. sidePagination: "server", //表示服务端请求
  546. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  547. //设置为limit可以获取limit, offset, search, sort, order
  548. queryParamsType: "undefined",
  549. queryParams: function queryParams(params) { //设置查询参数
  550. var param = {
  551. page: params.pageNumber,
  552. pagesize: params.pageSize,
  553. ltype: 471,
  554. token: $.cookie("token"),
  555. type: $('#orderSource').val(), //工单来源
  556. typeclass: $('#typeclassId').val(), //工单类型
  557. starttime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0], //开始时间
  558. endtime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1], //结束时间
  559. lddep: $('#comeCall_dep').val(), //来电单位
  560. fkdep: $('#comeCall_deps').val(), //来电单位
  561. userid: $('#userid').val() //坐席
  562. };
  563. // if (stype == '1') {
  564. // param.name = $("#name").val();
  565. // param.tel = $("#tel").val();
  566. // } else if (stype == '2') {
  567. // param.name = $("#ss_khxm").val();
  568. // param.tel = $("#ss_khdh").val();
  569. // param.key = $("#ss_gdnr").val();
  570. // param.type = $("#ss_gdlx").val();
  571. // param.orderid = $("#ss_gdbh").val();
  572. // }
  573. return param;
  574. },
  575. onLoadSuccess: function() { //加载成功时执行
  576. //layer.msg("加载成功");
  577. },
  578. onLoadError: function() { //加载失败时执行
  579. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  580. }
  581. });
  582. }
  583. function initTables() {
  584. //先销毁表格
  585. $('#workorderlist_').bootstrapTable('destroy');
  586. //初始化表格,动态从服务器加载数据
  587. $("#workorderlist_").bootstrapTable({
  588. method: "get", //使用get请求到服务器获取数据
  589. url: huayi.config.callcenter_url + "WorkOrder/GetList", //获取数据的Servlet地址
  590. contentType: 'application/x-www-form-urlencoded',
  591. striped: true, //表格显示条纹
  592. pagination: true, //启动分页
  593. pageSize: 5, //每页显示的记录数
  594. pageNumber: 1, //当前第几页
  595. pageList: [5, 20, 50, 100], //记录数可选列表
  596. search: false, //是否启用查询
  597. showColumns: false, //显示下拉框勾选要显示的列
  598. showRefresh: false, //显示刷新按钮
  599. sidePagination: "server", //表示服务端请求
  600. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  601. //设置为limit可以获取limit, offset, search, sort, order
  602. queryParamsType: "undefined",
  603. queryParams: function queryParams(params) { //设置查询参数
  604. var param = {
  605. page: params.pageNumber,
  606. pagesize: params.pageSize,
  607. ltype: 471,
  608. token: $.cookie("token"),
  609. type: $('#orderSource').val(), //工单来源
  610. typeclass: $('#typeclassId').val(), //工单类型
  611. starttime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0], //开始时间
  612. endtime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1], //结束时间
  613. lddep: $('#comeCall_dep').val(), //来电单位
  614. fkdep: $('#comeCall_deps').val(), //来电单位
  615. userid: $('#userid').val() //坐席
  616. };
  617. // if (stype == '1') {
  618. // param.name = $("#name").val();
  619. // param.tel = $("#tel").val();
  620. // } else if (stype == '2') {
  621. // param.name = $("#ss_khxm").val();
  622. // param.tel = $("#ss_khdh").val();
  623. // param.key = $("#ss_gdnr").val();
  624. // param.type = $("#ss_gdlx").val();
  625. // param.orderid = $("#ss_gdbh").val();
  626. // }
  627. return param;
  628. },
  629. onLoadSuccess: function() { //加载成功时执行
  630. //layer.msg("加载成功");
  631. },
  632. onLoadError: function() { //加载失败时执行
  633. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  634. }
  635. });
  636. }
  637. //导出
  638. function dcexcel(obj) {
  639. var url = huayi.config.callcenter_url + "WorkOrder/ExportList?ltype=471&token=" + $.cookie("token");
  640. //tel来电号码 ; ltype工单状态; type工单来源; typeclass工单类型;starttime; endtime;lddep;来电单位;fkdep反馈; userid坐席工号
  641. if(stype == '1') {
  642. url += "&typeclass=" + $("#typeclassId").val();//工单类型
  643. url += "&type=" + $("#orderSource").val();//工单来源
  644. url += "&starttime=" + ($("#greetingTimes").val() && $("#greetingTimes").val().split(' ~ ')[0]);//开始时间
  645. url += "&endtime=" + ($("#greetingTimes").val() && $("#greetingTimes").val().split(' ~ ')[1]);//结束时间
  646. url += "&lddep=" + $("#comeCall_dep").val();//来电单位
  647. url += "&userid=" + $("#userid").val();//坐席
  648. url += "&fkdep=" + $("#comeCall_deps").val();//反馈单位
  649. } else if(stype == '2') {
  650. url += "&name=" + $("#ss_khxm").val() + "&tel=" + $("#ss_khdh").val() + "&key=" + $("#ss_gdnr").val();
  651. url += "&type=" + $("#ss_gdlx").val() + "&orderid=" + $("#ss_gdbh").val();
  652. }
  653. obj.href = url;
  654. }
  655. function De() {
  656. return '<div class="warning" onclick="CL()">调转</div>'
  657. }
  658. function CL() {
  659. top.$("iframe:visible")[0].src = "WorkOrder/AddWorkOrder.html?id=" + id + "phone=" + phone;
  660. }
  661. var ns;
  662. $.ajax({
  663. type: "get",
  664. url: huayi.config.callcenter_url + "CallInScreen/GetCurrUserDep",
  665. dataType: 'json',
  666. async: true,
  667. data: {
  668. token: $.cookie("token")
  669. },
  670. success: function(data) {
  671. if(data.state.toLowerCase() == 'success') {
  672. if(data.data.groname == '客服组') {
  673. $('#ce').show();
  674. ns = 1;
  675. $('.BZ').removeClass("Hidens");
  676. } else {
  677. $('#ces').show();
  678. ns = 2;
  679. initTables();
  680. $('.BZ').addClass("Hidens");
  681. }
  682. }
  683. }
  684. });
  685. </script>
  686. </body>
  687. </html>