暫無描述

WorkOrderDispose.html 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261
  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 href="./css/Search.css" rel="stylesheet">
  10. <link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  11. <link href="../css/init.css" rel="stylesheet" />
  12. <!-- <link href="../css/bootstrap.min.css" />
  13. <link href="../css/boot/bootstrap-table.css" /> -->
  14. <link rel="stylesheet" href="../css/bootstrap-table-fixed-columns.css" />
  15. <style>
  16. .my-skin .layui-layer-btn a {
  17. background-color: #00A4FF;
  18. border: 1px solid #00A4FF;
  19. color: #FFF;
  20. }
  21. /* table {
  22. table-layout: fixed;
  23. } */
  24. </style>
  25. </head>
  26. <style>
  27. /*.fixed-table-body {
  28. transform: scaleY(-1);
  29. }
  30. .fixed-table-loading {
  31. transform: scaleY(-1);
  32. top: 0 !important;
  33. }
  34. #workorderlist {
  35. transform: scaleY(-1);
  36. }*/
  37. </style>
  38. <body class="gray-bg">
  39. <div class="daoHang clearfix">
  40. <div class="dhLeft">
  41. <sapn>
  42. <i class="syIcon"></i>位置:
  43. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  44. <a href="javaScript:;">工单管理</a>&gt;
  45. <a href="" class="nowPosition">待处理工单</a>
  46. </sapn>
  47. </div>
  48. <div class="dhRight">
  49. <a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
  50. </div>
  51. </div>
  52. <div class="wrapper wrapper-content animated fadeInRight">
  53. <div class="toolBox clearfix">
  54. <div class="pull-left">
  55. <div class="form-inline">
  56. <div class="time-box form-group">
  57. <i class="tub fa fa-calendar"></i>
  58. <input class="form-control search_time" type="text" id="sc_time" placeholder="请选择起止时间">
  59. </div>
  60. <div class="form-group">
  61. <select class="form-control" id="sc_source" data-live-search="true">
  62. <option value="0">请选择工单来源</option>
  63. <option value="1">电话</option>
  64. <option value="2">微信业务员</option>
  65. <option value="3">微信客户</option>
  66. <option value="4">官网</option>
  67. </select>
  68. </div>
  69. <div class="form-group">
  70. <select class="form-control" id="sc_type" data-live-search="true">
  71. <option value="0">请选择工单类型</option>
  72. <option value="1">咨询</option>
  73. <option value="2">投诉</option>
  74. <option value="3">抽检</option>
  75. <option value="4">建议及其他</option>
  76. <option value="5">业务协办</option>
  77. </select>
  78. </div>
  79. <div class="form-group">
  80. <input type="text" class="form-control" id="sc_key" placeholder="请输入姓名、电话、反馈内容" />
  81. </div>
  82. <div class="form-group">
  83. <input type="text" class="form-control" id="sc_ke" placeholder="请输入工单号" />
  84. </div>
  85. </div>
  86. </div>
  87. <div class="pull-right tool_bars">
  88. <button class="btns" id="sc_btns">搜索</button>
  89. </div>
  90. </div>
  91. <div style="width: 100%;padding: 10px;" class="customerService bottomScroll">
  92. <table id="workorderlist" data-height="400" data-show-columns="true" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  93. <thead>
  94. <tr>
  95. <th data-field="F_WorkOrderCode" data-switchable="true" data-formatter="formatterOrderId" data-align="center">工单编号</th>
  96. <th data-field="F_State" data-formatter="formatterState" data-align="center">外线工单状态</th>
  97. <th data-field="F_State2" data-formatter="formatterState2" data-align="center">内线工单状态</th>
  98. <th data-field="F_Source" data-align="center" data-formatter="formatter">工单来源</th>
  99. <th data-field="F_Type" data-align="center" data-formatter="order">工单类型</th>
  100. <th data-field="F_CusName" data-align="center">客户姓名</th>
  101. <th data-field="F_CusPhone" data-formatter="helper.filter.cutTel" data-align="center">客户电话</th>
  102. <th data-field="F_TS_Category" data-align="center">产品名称</th>
  103. <th data-field="F_Production" data-align="center">生产单位</th>
  104. <th data-field="F_Description" data-width='200' data-formatter="formatterDetails" data-align="center">问题描述</th>
  105. <th data-field="F_DealContent" data-formatter="formatterDetailss" data-align="center">外线处理详情</th>
  106. <th data-field="F_DealContent2" data-formatter="formatterDetailss" data-align="center">内线处理详情</th>
  107. <th data-field="CreateName" data-align="center">创建人</th>
  108. <th data-field="F_UserCode" data-align="center">工号</th>
  109. <th data-field="F_Brand" data-align="center">品牌</th>
  110. <th data-field="F_IncidentProvince" data-align="center">事发地</th>
  111. <th data-field="F_AreaName" data-align="center">大区</th>
  112. <th data-field="F_BranchName" data-align="center">分公司</th>
  113. <th data-field="WorkOrderID" data-class="workOprate workOprate2" data-formatter="formatterOprateDispose" data-align="center">操作工单</th>
  114. </tr>
  115. </thead>
  116. </table>
  117. </div>
  118. <div id="titbox"></div>
  119. <!--查看详情-->
  120. <div id="order_details" class="ckxq Hidens"></div>
  121. </div>
  122. <script src="../js/bootstrap-select/js/bootstrap-select.min.js"></script>
  123. <script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.min.js"></script>
  124. <script src="../js/laydate/laydate.js"></script>
  125. <script src="../js/mousewheel/jquery.mousewheel.js"></script>
  126. <script src="../js/jquery.drag.js"></script>
  127. <script src="../js/download/download.js"></script>
  128. <script src="./js/WorkOrder.js"></script>
  129. <script src="./js/orderOperation.js"></script>
  130. <script src="./js/AddWorkOrder.js"></script>
  131. <!-- <script src="../js/bootstrap.min.js"></script>
  132. <script src="../js/bootstrap-table.js"></script> -->
  133. <script src="../js/bootstrap-table-fixed-columns.js"></script>
  134. <script>
  135. var deptarr = ['12', '36', '37', '57', '74', '88', '268', '295', '339', '422', '245', '427', '213', '433','424']
  136. $(document).ready(function() {
  137. initTable(2)
  138. })
  139. $("#sc_btns").click(function() {
  140. initTable(2);
  141. });
  142. $("#cat").change(function() {
  143. initTable()
  144. })
  145. $("#catego").change(function() {
  146. initTable()
  147. })
  148. $("#cate").change(function() {
  149. initTable()
  150. })
  151. //格式化操作 (待处理)
  152. function formatterOprateDispose(val, row) {
  153. var ustr = '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_abnormal_back_' + row.ID + '" onclick="btn_abnormal_back(\'' + row.F_ID + '\',\'' + row.inout + '\',\'' + row.F_Flag + '\')" title="异常退回">异常退回</a></li>' +
  154. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_abnorm' + row.ID + '" onclick="btn_bacd(\'' + row.F_ID + '\')" title="申请延期">申请延期</a></li>' +
  155. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_back_' + row.ID + '" onclick="btn_zhuei(\'' + row.F_ID + '\')" title="注解">注解</a></li>' +
  156. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_abnorm' + row.ID + '" onclick="btn_send(\'' + row.F_ID + '\')" title="抄送">抄送</a></li>' +
  157. '</ul>';
  158. var chustr = '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_back_' + row.ID + '" onclick="btn_zhuei(\'' + row.F_ID + '\')" title="注解">注解</a></li>' +
  159. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_abnorm' + row.ID + '" onclick="btn_send(\'' + row.F_ID + '\')" title="抄送">抄送</a></li>' +
  160. '</ul>';
  161. if(row.woflag == 9 && row.inout == 3) {
  162. if((row.F_State == 1 && row.F_State2 == 1) || (row.F_State == 1 && (row.F_State2 == 11 || row.F_State2 == 10)) || ((row.F_State == 11 || row.F_State == 10) && row.F_State2 == 1)) {
  163. if(deptarr.indexOf($.cookie('userDeptId')) == -1) {
  164. return '<ul class="tool_downs">' +
  165. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_transfer_' + row.ID + '" onclick="btn_withdraw(\'' + row.F_ID + '\', false,\'' + row.inout + '\',\'' + row.F_Flag + '\',\'' + row.woflag + '\')" title="撤回">撤回</a></li>' +
  166. //'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_end_' + row.ID + '" onclick="btn_end(\'' + row.F_ID + '\', false)" title="申请结单">申请结单</a></li>' +
  167. chustr
  168. } else {
  169. return '<ul class="tool_downs">' +
  170. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_transfer_' + row.ID + '" onclick="btn_withdraw(\'' + row.F_ID + '\', false,\'' + row.inout + '\',\'' + row.F_Flag + '\',\'' + row.woflag + '\')" title="撤回">撤回</a></li>' +
  171. // '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_end_' + row.ID + '" onclick="btn_end(\'' + row.F_ID + '\', false)" title="申请结单">申请结单</a></li>' +
  172. chustr
  173. }
  174. } else {
  175. if(deptarr.indexOf($.cookie('userDeptId')) == -1) {
  176. return '<ul class="tool_downs">' +
  177. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_transfer_' + row.ID + '" onclick="btn_transfer(\'' + row.F_ID + '\', false, \'' + row.IsAdminSend + '\',2)" title="处理">处理</a></li>' +
  178. //'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_end_' + row.ID + '" onclick="btn_end(\'' + row.F_ID + '\', false)" title="申请结单">申请结单</a></li>' +
  179. ustr
  180. } else {
  181. return '<ul class="tool_downs">' +
  182. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_transfer_' + row.ID + '" onclick="btn_transfer(\'' + row.F_ID + '\', false, \'' + row.IsAdminSend + '\',2)" title="处理">处理</a></li>' +
  183. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_end_' + row.ID + '" onclick="btn_end(\'' + row.F_ID + '\', false)" title="申请结单">申请结单</a></li>' +
  184. ustr
  185. }
  186. }
  187. } else {
  188. if(row.inout == 0 || row.inout == 1 || row.inout == 3) {
  189. if(row.F_State == 1) {
  190. if(deptarr.indexOf($.cookie('userDeptId')) == -1) {
  191. return '<ul class="tool_downs">' +
  192. '<li><a href="javascript:;" class="aBtn" authorize="yes" onclick="btn_withdraw(\'' + row.F_ID + '\', false,\'' + row.inout + '\',\'' + row.F_Flag + '\',\'' + row.woflag + '\')" title="撤回">撤回</a></li>' +
  193. //'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_end_' + row.ID + '" onclick="btn_end(\'' + row.F_ID + '\', false)" title="申请结单">申请结单</a></li>' +
  194. chustr
  195. } else {
  196. return '<ul class="tool_downs">' +
  197. '<li><a href="javascript:;" class="aBtn" authorize="yes" onclick="btn_withdraw(\'' + row.F_ID + '\', false,\'' + row.inout + '\',\'' + row.F_Flag + '\',\'' + row.woflag + '\')" title="撤回">撤回</a></li>' +
  198. // '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_end_' + row.ID + '" onclick="btn_end(\'' + row.F_ID + '\', false)" title="申请结单">申请结单</a></li>' +
  199. chustr
  200. }
  201. } else {
  202. if(deptarr.indexOf($.cookie('userDeptId')) == -1) {
  203. return '<ul class="tool_downs">' +
  204. '<li><a href="javascript:;" class="aBtn" authorize="yes" onclick="btn_transfer(\'' + row.F_ID + '\', false, \'' + row.IsAdminSend + '\',2)" title="处理">处理</a></li>' +
  205. //'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_end_' + row.ID + '" onclick="btn_end(\'' + row.F_ID + '\', false)" title="申请结单">申请结单</a></li>' +
  206. ustr
  207. } else {
  208. return '<ul class="tool_downs">' +
  209. '<li><a href="javascript:;" class="aBtn" authorize="yes" onclick="btn_transfer(\'' + row.F_ID + '\', false, \'' + row.IsAdminSend + '\',2)" title="处理">处理</a></li>' +
  210. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_end_' + row.ID + '" onclick="btn_end(\'' + row.F_ID + '\', false)" title="申请结单">申请结单</a></li>' +
  211. ustr
  212. }
  213. }
  214. } else {
  215. if(row.F_State2 == 1) {
  216. if(deptarr.indexOf($.cookie('userDeptId')) == -1) {
  217. return '<ul class="tool_downs">' +
  218. '<li><a href="javascript:;" class="aBtn" authorize="yes" onclick="btn_withdraw(\'' + row.F_ID + '\', false,\'' + row.inout + '\',\'' + row.F_Flag + '\',\'' + row.woflag + '\')" title="撤回">撤回</a></li>' +
  219. //'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_end_' + row.ID + '" onclick="btn_end(\'' + row.F_ID + '\', false)" title="申请结单">申请结单</a></li>' +
  220. chustr
  221. } else {
  222. return '<ul class="tool_downs">' +
  223. '<li><a href="javascript:;" class="aBtn" authorize="yes" onclick="btn_withdraw(\'' + row.F_ID + '\', false,\'' + row.inout + '\',\'' + row.F_Flag + '\',\'' + row.woflag + '\')" title="撤回">撤回</a></li>' +
  224. // '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_end_' + row.ID + '" onclick="btn_end(\'' + row.F_ID + '\', false)" title="申请结单">申请结单</a></li>' +
  225. chustr
  226. }
  227. } else {
  228. if(deptarr.indexOf($.cookie('userDeptId')) == -1) {
  229. return '<ul class="tool_downs">' +
  230. '<li><a href="javascript:;" class="aBtn" authorize="yes" onclick="btn_transfer(\'' + row.F_ID + '\', false, \'' + row.IsAdminSend + '\',2)" title="处理">处理</a></li>' +
  231. //'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_end_' + row.ID + '" onclick="btn_end(\'' + row.F_ID + '\', false)" title="申请结单">申请结单</a></li>' +
  232. ustr
  233. } else {
  234. return '<ul class="tool_downs">' +
  235. '<li><a href="javascript:;" class="aBtn" authorize="yes" onclick="btn_transfer(\'' + row.F_ID + '\', false, \'' + row.IsAdminSend + '\',2)" title="处理">处理</a></li>' +
  236. '<li><a href="javascript:;" class="aBtn" authorize="yes" onclick="btn_end(\'' + row.F_ID + '\', false)" title="申请结单">申请结单</a></li>' +
  237. ustr
  238. }
  239. }
  240. }
  241. }
  242. }
  243. </script>
  244. </body>
  245. </html>