Bez popisu

WorkOrderReceive.html 6.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  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="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  10. <link href="../css/init.css" rel="stylesheet" />
  11. <link href="./css/Search.css" rel="stylesheet">
  12. <style>
  13. .my-skin .layui-layer-btn a {
  14. background-color: #00A4FF;
  15. border: 1px solid #00A4FF;
  16. color: #FFF;
  17. </style>
  18. <style>
  19. /*.fixed-table-body{
  20. transform: scaleY(-1);
  21. }
  22. .fixed-table-loading{
  23. transform: scaleY(-1);
  24. top: 0 !important;
  25. }
  26. #workorderlist{
  27. transform: scaleY(-1);
  28. }*/
  29. </style>
  30. </head>
  31. <body class="gray-bg">
  32. <div class="daoHang clearfix">
  33. <div class="dhLeft">
  34. <sapn><i class="syIcon"></i>位置:
  35. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  36. <a href="javaScript:;">工单管理</a>&gt;
  37. <a href="" class="nowPosition">待接单工单</a>
  38. </sapn>
  39. </div>
  40. <div class="dhRight">
  41. <a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
  42. </div>
  43. </div>
  44. <div class="wrapper wrapper-content animated fadeInRight">
  45. <div class="toolBox clearfix">
  46. <div class="pull-left">
  47. <div class="form-inline">
  48. <div class="time-box form-group">
  49. <i class="tub fa fa-calendar"></i>
  50. <input class="form-control search_time" type="text" id="sc_time" placeholder="请选择起止时间">
  51. </div>
  52. <div class="form-group">
  53. <select class="form-control" id="sc_source" data-live-search="true">
  54. <option value="0">请选择工单来源</option>
  55. <option value="1">电话</option>
  56. <option value="2">微信业务员</option>
  57. <option value="3">微信客户</option>
  58. <option value="4">官网</option>
  59. </select>
  60. </div>
  61. <div class="form-group">
  62. <select class="form-control" id="sc_type" data-live-search="true">
  63. <option value="0">请选择工单类型</option>
  64. <option value="1">咨询</option>
  65. <option value="2">投诉</option>
  66. <option value="3">抽检</option>
  67. <option value="4">建议及其他</option>
  68. <option value="5">业务协办</option>
  69. </select>
  70. </div>
  71. <div class="form-group">
  72. <input type="text" class="form-control" id="sc_key" placeholder="请输入姓名、电话" />
  73. </div>
  74. <div class="form-group">
  75. <input type="text" class="form-control" id="sc_ke" placeholder="请输入工单号" />
  76. </div>
  77. </div>
  78. </div>
  79. <div class="pull-right tool_bars">
  80. <button class="btns" id="sc_btns">搜索</button>
  81. </div>
  82. </div>
  83. <div style="width: 100%;padding: 10px;" class="bottomScroll">
  84. <table id="workorderlist" data-height="472" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  85. <thead>
  86. <tr>
  87. <th data-field="F_WorkOrderCode" data-formatter="formatterOrderId" data-align="center">工单编号</th>
  88. <th data-field="F_State" data-formatter="formatterState" data-align="center" id="daijie">外线工单状态</th>
  89. <th data-field="F_State2" data-formatter="formatterState2" data-align="center" id="daijie">内线工单状态</th>
  90. <th data-field="F_Source" data-align="center" data-formatter="formatter">工单来源</th>
  91. <th data-field="F_Type" data-align="center" data-formatter="order">工单类型</th>
  92. <th data-field="F_Salesman" data-align="center">业务员</th>
  93. <th data-field="F_CusName" data-align="center">客户姓名</th>
  94. <th data-field="F_CusPhone" data-formatter="helper.filter.cutTel" data-align="center">客户电话</th>
  95. <th data-field="F_Description" data-formatter="formatterDetails" data-align="center">问题描述</th>
  96. <th data-field="F_TS_Category" data-align="center">产品名称</th>
  97. <th data-field="F_Production" data-align="center">生产单位</th>
  98. <th data-field="CreateName" data-align="center">创建人</th>
  99. <th data-field="F_IncidentProvince" data-align="center">事发地</th>
  100. <th data-field="F_Brand" data-align="center">品牌</th>
  101. <th data-field="F_AreaName" data-align="center">大区</th>
  102. <th data-field="F_BranchName" data-align="center">分公司</th>
  103. <th data-field="WorkOrderID" data-class="workOprate workOprate6" data-formatter="formatterOprateReceive" data-align="center">操作工单</th>
  104. </tr>
  105. </thead>
  106. </table>
  107. </div>
  108. <div id="titbox"></div>
  109. <!--查看详情-->
  110. <div id="order_details" class="ckxq Hidens"></div>
  111. </div>
  112. <script src="../js/laydate/laydate.js"></script>
  113. <script src="../js/bootstrap-select/js/bootstrap-select.min.js"></script>
  114. <script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  115. <script src="../js/mousewheel/jquery.mousewheel.js"></script>
  116. <script src="../js/jquery.drag.js"></script>
  117. <script src="../js/download/download.js"></script>
  118. <script src="./js/WorkOrder.js"></script>
  119. <script src="./js/orderOperation.js"></script>
  120. <script>
  121. $(document).ready(function() {
  122. initTable(1)
  123. })
  124. $("#sc_btns").click(function() {
  125. initTable(1);
  126. });
  127. //格式化操作 (待接单)
  128. function formatterOprateReceive(val, row) {
  129. if($.cookie("userRoleCode") == "FGSJL" || $.cookie("userRoleCode") == "DQJL") {
  130. return '<ul class="tool_downs">' +
  131. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_back_' + row.ID + '" onclick="btn_zhuei(\'' + row.F_ID + '\')" title="注解">注解</a></li>' +
  132. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_abnorm' + row.ID + '" onclick="btn_send(\'' + row.F_ID + '\')" title="抄送">抄送</a></li>' +
  133. '</ul>';
  134. } else {
  135. return '<ul class="tool_downs">' +
  136. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_receive_' + row.ID + '" onclick="btn_receive(\'' + row.F_ID + '\',\'' + row.inout + '\',\'' + row.F_Flag + '\')" title="接单">接单</a></li>' +
  137. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_back_' + row.ID + '" onclick="btn_back(\'' + row.F_ID + '\',\'' + row.inout + '\',\'' + row.F_Flag + '\')" title="退回">退回</a></li>' +
  138. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_back_' + row.ID + '" onclick="btn_zhuei(\'' + row.F_ID + '\')" title="注解">注解</a></li>' +
  139. '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_abnorm' + row.ID + '" onclick="btn_send(\'' + row.F_ID + '\')" title="抄送">抄送</a></li>' +
  140. '</ul>';
  141. }
  142. }
  143. </script>
  144. </body>
  145. </html>