安图前端代码

WorkOrderDispose.html 26KB

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