No Description

orderListChild.html 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>已办待回访</title>
  6. <script src="../Script/Common/huayi.load.js"></script>
  7. <script src="../Script/Common/huayi.config.js"></script>
  8. <link rel="stylesheet" href="../css/bootstrap-select.css" />
  9. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  10. <link rel="stylesheet" href="../css/init.css" />
  11. <link rel="stylesheet" href="../js/layui/css/layui.css">
  12. <link rel="stylesheet" href="../css/WorkOrder/WorkOrderList.css">
  13. </head>
  14. <body class="gray-bg">
  15. <div class="wrapper wrapper-content animated fadeInRight">
  16. <div class="daoHang clearfix">
  17. <div class="dhLeft">
  18. <sapn>
  19. <i class="syIcon"></i>位置:
  20. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  21. <a href="" class="nowPosition"></a>
  22. </sapn>
  23. </div>
  24. <div class="dhRight">
  25. <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
  26. </div>
  27. </div>
  28. <div style="padding: 10px" class="tj_content clearFix">
  29. <div style="padding: 10px" class="tj_content clearFix">
  30. <div>
  31. <span>【搜索信息】</span>
  32. <div class="box_content">
  33. <table id="sqzx" style="width: 100%" border="0" cellspacing="0" cellpadding="0">
  34. <tr>
  35. <th>工单来源:</th>
  36. <td>
  37. <select class="form-control" id="source"></select>
  38. </td>
  39. <th>来电号码:</th>
  40. <td>
  41. <input type="text" id="tel" class="form-control" placeholder="请输入来电号码" />
  42. </td>
  43. <th>录入时间:</th>
  44. <td colspan="3">
  45. <input id="starttime" class="photo x-color laydate-icon" type="text" autocomplete="off" style="height: 35px;" />-<input id="endtime" class="photo x-color laydate-icon" type="text" autocomplete="off" style="height: 35px;" />
  46. </td>
  47. </tr>
  48. <tr>
  49. <th>事项编号:</th>
  50. <td>
  51. <input type="text" placeholder="输入工单号" id="wids" class="form-control" />
  52. </td>
  53. <th><span class="nameJustified">来电人:</span></th>
  54. <td>
  55. <input type="text" id="name" class="form-control" autocomplete="off" />
  56. </td>
  57. <th>办理时间:</th>
  58. <td colspan="3">
  59. <input id="dealstarttime" class="photo x-color laydate-icon" type="text" autocomplete="off" style="height: 35px;" /> -
  60. <input id="dealstrendtime" class="photo x-color laydate-icon" type="text" autocomplete="off" style="height: 35px;" />
  61. </td>
  62. </tr>
  63. <tr>
  64. <th>工单标题:</th>
  65. <td>
  66. <input type="text" placeholder="输入工单标题" id="workOrderTitle" class="form-control" />
  67. </td>
  68. <th>受话坐席:</th>
  69. <td class="maxWidthSelect">
  70. <select id="ZX" name="select" class="selectpicker show-tick form-control" multiple data-live-search="true">
  71. <option value="">请选择坐席</option>
  72. </select>
  73. </td>
  74. <th>反映区域:</th>
  75. <td>
  76. <select class="form-control Min-width" id="sourceAreas"></select>
  77. <botton class="btns Seach">搜索</botton>
  78. </td>
  79. </tr>
  80. <tr>
  81. <th>承办单位:</th>
  82. <td style="position: relative">
  83. <div class="inpBox">
  84. <input type="text" class="inps" id="organizer" autocomplete="off" />
  85. <i class="Cleans fa fa-close"></i>
  86. <i class="xl xl_one"></i>
  87. <div class="addTree xlAdd">
  88. <ul id="addTreeDemo" class="ztree"></ul>
  89. </div>
  90. </div>
  91. <div class="selDpart1">
  92. <ul id="sponsor"></ul>
  93. </div>
  94. </td>
  95. <th>反映类别:</th>
  96. <td class="reflectCategory-wrapper">
  97. <input type="text" id="reflectCategory" class="form-control" autocomplete="off" />
  98. <i class="CleansReactionCategory fa fa-close"></i>
  99. <input type="hidden" id="keyid" />
  100. <div class="reflectCategoryList-wrapper">
  101. <ul id="reflectCategoryList">
  102. </ul>
  103. </div>
  104. </td>
  105. <th>来电类型:</th>
  106. <td>
  107. <select class="form-control Min-width" id="type"></select>
  108. <botton class="btns exportFile">导出</botton>
  109. </td>
  110. </tr>
  111. <tr class="orderSearch" style="display: none;">
  112. <th>来电内容:</th>
  113. <td>
  114. <input type="text" placeholder="输入来电内容" id="workOrderContent" class="form-control" />
  115. </td>
  116. <th><span class="nameJustified">审核员:</span></th>
  117. <td class="maxWidthSelect">
  118. <select id="yardman" name="select" class="selectpicker show-tick form-control" multiple data-live-search="true">
  119. <option value="">请选择调度员</option>
  120. </select>
  121. </td>
  122. <th>处理类型:</th>
  123. <td>
  124. <select class="form-control Min-width" id="dealtype">
  125. <option value="">请选择</option>
  126. <option value="0">网络转派</option>
  127. <option value="1">当即办理</option>
  128. </select>
  129. </td>
  130. </tr>
  131. <tr class="orderSearch" style="display: none;">
  132. <th>办理结果:</th>
  133. <td>
  134. <input type="text" placeholder="输入办理结果" id="workOrderProcessingResult" class="form-control" />
  135. </td>
  136. <th>工单状态:</th>
  137. <td>
  138. <select name="" id="state" class="form-control">
  139. <option selected="selected" value="">
  140. 请选择
  141. </option>
  142. <option value="0">新工单</option>
  143. <option value="1">待交办</option>
  144. <option value="2">待查收</option>
  145. <option value="3">
  146. 退回审核中
  147. </option>
  148. <option value="4">办理中</option>
  149. <option value="5">
  150. 延时审核中
  151. </option>
  152. <option value="6">已办理</option>
  153. <option value="11">
  154. 重办待交办
  155. </option>
  156. <option value="13">重办驳回</option>
  157. <option value="8">重办中</option>
  158. <option value="9">已结案</option>
  159. </select>
  160. </td>
  161. <th>是否公开:</th>
  162. <td>
  163. <select id="isopen" class="form-control Min-width" name="select">
  164. <option value="">
  165. 请选择是否公开
  166. </option>
  167. <option value="0">
  168. 未公开
  169. </option>
  170. <option value="1">
  171. 已公开
  172. </option>
  173. </select>
  174. </td>
  175. </tr>
  176. <tr class="orderSearch" style="display: none;">
  177. <th>三方通话:</th>
  178. <td>
  179. <select id="threeWayCall" class="form-control" name="select">
  180. <option value="">
  181. 请选择是否三方通话
  182. </option>
  183. <option value="1">
  184. </option>
  185. <option value="0">
  186. </option>
  187. </select>
  188. </td>
  189. <th>分管领导:</th>
  190. <td>
  191. <select id="leaderCharge" class="form-control" name="select">
  192. <option value="">
  193. 请选择
  194. </option>
  195. <option value="省长">
  196. 省长
  197. </option>
  198. <option value="市长">
  199. 市长
  200. </option>
  201. </select>
  202. </td>
  203. <th>查询类型:</th>
  204. <td>
  205. <select id="islike" class="form-control Min-width" name="select">
  206. <option value="1">
  207. 模糊查询
  208. </option>
  209. <option value="0">
  210. 精确查询
  211. </option>
  212. </select>
  213. </td>
  214. </tr>
  215. <tr class="orderSearch" style="display: none;">
  216. <th>是否督办:</th>
  217. <td>
  218. <select id="whetherSupervisor" class="form-control" name="select">
  219. <option value="">请选择</option>
  220. <option value="1">是</option>
  221. <option value="0">否</option>
  222. </select>
  223. </td>
  224. <th>专席编辑:</th>
  225. <td>
  226. <select id="edituser" class="form-control" name="select">
  227. <option value="">请选择</option>
  228. <option value="1">供暖工单</option>
  229. </select>
  230. </td>
  231. <th>添加方式:</th>
  232. <td>
  233. <select id="workordertype" class="form-control Min-width" name="select">
  234. <option value="">请选择</option>
  235. <option value="0">来电弹屏</option>
  236. <option value="1">手动添加</option>
  237. </select>
  238. </td>
  239. </tr>
  240. <tr class="orderSearch" style="display: none;">
  241. <th>关联工单:</th>
  242. <td>
  243. <select id="IsRelease" class="form-control" name="select">
  244. <option value="">请选择</option>
  245. <option value="1">主工单</option>
  246. <option value="2">子工单</option>
  247. </select>
  248. </td>
  249. <th>满意度:</th>
  250. <td>
  251. <select id="satisfaction" class="form-control" name="select">
  252. <option value="">请选择</option>
  253. <option value="基本满意">基本满意</option>
  254. <option value="满意">满意</option>
  255. <option value="非常满意">非常满意</option>
  256. <option value="不满意">不满意</option>
  257. <option value="非常不满意">非常不满意</option>
  258. </select>
  259. </td>
  260. <th>电话类别:</th>
  261. <td>
  262. <select class="form-control Min-width" id="phoneType">
  263. <option value="">请选择</option>
  264. </select>
  265. </td>
  266. </tr>
  267. <tr class="orderSearch" style="display: none;">
  268. <th>是否营商:</th>
  269. <td>
  270. <select id="isbusiness" class="form-control" name="select">
  271. <option value="">请选择</option>
  272. <option value="0">否</option>
  273. <option value="1">是</option>
  274. </select>
  275. </td>
  276. <th>结案人:</th>
  277. <td>
  278. <select id="closeuser" name="select" class="selectpicker show-tick form-control"
  279. data-live-search="true">
  280. <option value="">
  281. 请选择结案人
  282. </option>
  283. </select>
  284. </td>
  285. <th>是否超期:</th>
  286. <td>
  287. <select id="overtime" class="form-control Min-width" name="select">
  288. <option value="">请选择</option>
  289. <option value="1">即将超期</option>
  290. <option value="2">已超期</option>
  291. </select>
  292. </td>
  293. </tr>
  294. <tr class="orderSearch" style="display: none;">
  295. <th>联系电话:</th>
  296. <td>
  297. <input type="text" id="contel" class="form-control" placeholder="请输入联系电话" />
  298. </td>
  299. </tr>
  300. </table>
  301. </div>
  302. </div>
  303. <div>
  304. <div style="width: 100%; padding: 10px">
  305. <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams"
  306. data-pagination="true">
  307. <thead>
  308. <tr>
  309. <th data-formatter="serialNumber" data-align="center">序号</th>
  310. <th data-field="F_WorkOrderId" data-formatter="View" data-align="center">工单单号</th>
  311. <th data-field="F_ComTitle" data-formatter="GetCont" data-align="center">诉求标题</th>
  312. <th data-field="DeptName" data-align="center">承办单位</th>
  313. <th data-field="F_WorkState" data-align="center" data-formatter="States">办理状态</th>
  314. <th class="visitState" data-field="F_IsVisit" data-align="center" data-formatter="visitStates">回访状态</th>
  315. <th data-field="OverState" data-formatter="OverTime" data-align="center">时限</th>
  316. <th data-field="LimitTime" data-formatter="BanTime" data-align="center">办理时限</th>
  317. <th data-field="F_WorkOrderId" data-formatter="Dispose" data-align="center">操作</th>
  318. </tr>
  319. </thead>
  320. <tbody class="list"></tbody>
  321. </table>
  322. </div>
  323. </div>
  324. </div>
  325. </div>
  326. <input type="hidden" id="PID" />
  327. </div>
  328. <script src="../js/layui/layui.js"></script>
  329. <script src="../js/bootstrap-select.js"></script>
  330. <script src="../css/laydate/laydate.js"></script>
  331. <script src="../My97DatePicker/WdatePicker.js"></script>
  332. <script src="../js/zTree/jquery.ztree.core.js"></script>
  333. <script src="./js/common.js"></script>
  334. <script src="./js/orderListCommon.js"></script>
  335. <script src="./js/orderListHeader.js"></script>
  336. <script src="./js/orderListOperation.js"></script>
  337. <script>
  338. var db = 0;
  339. var getParam = {}
  340. var exportParam; // 导出参数
  341. var urlState = helper.request.queryString("urlState");
  342. var wid = helper.request.queryString("wid");
  343. $(document).ready(function () {
  344. if (wid) {
  345. $("#tel").val(wid);
  346. }
  347. getParam = getLoadParams(urlState)
  348. if(getParam.tabSecondText === '已办待回访'){
  349. $(".hfIntelligenceBox").show()
  350. }
  351. if(getParam.tabText1){
  352. $(".ul_tab").show()
  353. getParam.tabText1 &&$(".tabText1").text(getParam.tabText1)
  354. getParam.tabText2 &&$(".tabText2").text(getParam.tabText2)
  355. }
  356. $(".nowPosition").text(getParam.tabSecondText)
  357. load();
  358. });
  359. function getLoadParams(state){
  360. var paramsObj = {
  361. params:{}
  362. }
  363. switch (state){
  364. case "shyZjhfSecond": //审核员-已办待回访 GetLDDealList
  365. paramsObj.tabSecondText = "待审核追加回复"
  366. paramsObj.params.jianhang = 0
  367. paramsObj.params.tab = 12
  368. paramsObj.apiUrl = 'WorkOrder/GetLDDealList'
  369. break;
  370. default: // 话务员 hwyDhf,审核员 shyDhf,默认0
  371. // paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
  372. break;
  373. }
  374. return paramsObj
  375. }
  376. </script>
  377. </body>
  378. </html>