商丘12345 前端

Work-Seach.html 7.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  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,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link href="../css/mui.min.css" rel="stylesheet" />
  10. <!--<link rel="stylesheet" href="css/app.css" />-->
  11. <link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />
  12. <link href="../css/mui.poppicker.css" rel="stylesheet" />
  13. <link rel="stylesheet" href="../css/iconfont.css" />
  14. <link rel="stylesheet" href="../css/inits.css" />
  15. <link rel="stylesheet" type="text/css" href="css/search.css" />
  16. </head>
  17. <body>
  18. <header class="mui-bar mui-bar-nav " style="padding-right: 15px;color: #fff;">
  19. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="font-size: 24px!important;"></a>
  20. <h1 class="mui-center mui-title">查询工单</h1>
  21. </header>
  22. <div class="mui-content">
  23. <ul class="mui-table-view">
  24. <li class="mui-table-view-cell">
  25. <div class="mui-input-row">
  26. <label class="label">工单号:</label>
  27. <input type="text" id="wid" placeholder="请填写工单号">
  28. </div>
  29. </li>
  30. <li class="mui-table-view-cell">
  31. <div class="mui-input-row">
  32. <label class="label">工单标题:</label>
  33. <input type="text" id="key" placeholder="请填写工单标题">
  34. </div>
  35. </li>
  36. <li class="mui-table-view-cell">
  37. <div class="mui-input-row">
  38. <label class="label">投诉人:</label>
  39. <input type="text" id="LXR" placeholder="请填写您的称呼">
  40. </div>
  41. </li>
  42. <li class="mui-table-view-cell">
  43. <div class="mui-input-row">
  44. <label class="label">投诉电话:</label>
  45. <input type="text" id="LXRphone" placeholder="请填写联系电话">
  46. </div>
  47. </li>
  48. <li class="mui-table-view-cell btn" data-options='{"type":"date","beginYear":2010,"endYear":2023}'>
  49. <div class="mui-input-row">
  50. <label class="label">开始日期:</label>
  51. <input type="text" id='start_data' class="ui-alert type_con size-14 dataTime" data-index="" readonly="readonly" />
  52. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  53. </div>
  54. </li>
  55. <li class="mui-table-view-cell btn" data-options='{"type":"date","beginYear":2010,"endYear":2023}'>
  56. <div class="mui-input-row">
  57. <label class="label">结束日期:</label>
  58. <input type="text" id='end_data' class="ui-alert type_con size-14 dataTime" data-index="" readonly="readonly" />
  59. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  60. </div>
  61. </li>
  62. <li class="mui-table-view-cell" id="ZX">
  63. <div class="mui-input-row">
  64. <label class="label">坐席:</label>
  65. <input type="text" id="ZXResult" class="ui-alert type_con" data-index="" readonly="readonly" />
  66. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  67. </div>
  68. </li>
  69. <li class="mui-table-view-cell" id="showDispatchPicker">
  70. <div class="mui-input-row">
  71. <label class="label">调度员:</label>
  72. <input type="text" id="dispatchResult" class="ui-alert type_con" data-index="" readonly="readonly" />
  73. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  74. </div>
  75. </li>
  76. <li class="mui-table-view-cell" id="showOrderPicker">
  77. <div class="mui-input-row">
  78. <label class="label">工单状态:</label>
  79. <input type="text" id="orderResult" class="ui-alert type_con" data-index="" readonly="readonly" />
  80. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  81. </div>
  82. </li>
  83. <li class="mui-table-view-cell" id="showZhuTiPicker">
  84. <div class="mui-input-row">
  85. <label class="label">主题词:</label>
  86. <input type="text" id='zhuTiResult' class="ui-alert type_con" data-index="" readonly="readonly" />
  87. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  88. </div>
  89. </li>
  90. <li class="mui-table-view-cell" id="showUserPicker">
  91. <div class="mui-input-row">
  92. <label class="label">诉求类型:</label>
  93. <input type="text" id='userResult' class="ui-alert type_con" data-index="" readonly="readonly" />
  94. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  95. </div>
  96. </li>
  97. <li class="mui-table-view-cell" id="DW">
  98. <div class="mui-input-row">
  99. <label class="label">交办单位:</label>
  100. <input type="text" id='DWResult' class="ui-alert type_con" data-index="" readonly="readonly" />
  101. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  102. </div>
  103. </li>
  104. </ul>
  105. <!--<button type="button" class="mui-btn mui-btn-primary mui-btn-block block_button">提交</button>-->
  106. <div style="padding: 10px; ">
  107. <button type="button" style="background-color: #00a1cb; border: none;" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block block_button submit">提交</button>
  108. </div>
  109. </div>
  110. <script src="../js/mui.min.js?"></script>
  111. <script src="../js/mui.poppicker.js"></script>
  112. <script src="../js/mui.picker.min.js"></script>
  113. <script src="../js/zepto.js"></script>
  114. <script src="../js/huayi.config.js"></script>
  115. <script src="js/searchDropDown.js"></script>
  116. <script type="text/javascript">
  117. mui.init({
  118. swipeBack: false,
  119. })
  120. mui.plusReady(function() {
  121. var wv = plus.webview.currentWebview();
  122. plus.nativeUI.closeWaiting();
  123. //显示当前页面
  124. mui.currentWebview.show();
  125. //提交按钮
  126. $('.submit').on('tap', function() {
  127. Submit()
  128. })
  129. function Submit() {
  130. //跳转 网络单位跳转
  131. mui.openWindow({
  132. id: 'Work-list',
  133. url: 'Work-list.html',
  134. show: {
  135. aniShow: 'pop-in'
  136. },
  137. styles: {
  138. popGesture: 'hide'
  139. },
  140. waiting: {
  141. autoShow: true
  142. },
  143. extras: {
  144. wids: $("#wid").val(),
  145. LXRs: $("#LXR").val(),
  146. key: $("#key").val(),
  147. startData: $("#start_data").val(),
  148. endData: $("#end_data").val(),
  149. orderResult: $("#orderResult").attr('data-index'),
  150. dispatchResult: $("#dispatchResult").attr('data-index'),
  151. LXRphones: $("#LXRphone").val(),
  152. ZXResults: $("#ZXResult").attr('data-index'),
  153. zhuTiResults: $("#zhuTiResult").attr('data-index'),
  154. userResults: $("#userResult").attr('data-index'),
  155. DWResults: $("#DWResult").attr('data-index'),
  156. token: token,
  157. test: "123"
  158. }
  159. });
  160. //Clean();
  161. }
  162. //清除
  163. function Clean() {
  164. $("#wid").val('');
  165. $("#LXR").val('');
  166. $("#key").val("");
  167. $("#start_data").val('');
  168. $("#end_data").val('');
  169. $("#orderResult").attr('data-index','');
  170. $("#dispatchResult").attr('data-index','');
  171. $("#LXRphone").val('');
  172. $("#ZXResult").val('');
  173. $("#zhuTiResult").val('');
  174. $("#userResult").val('');
  175. $("#DWResult").val('');
  176. $('#WorkType').val('');
  177. $('.dataTime').val('');
  178. }
  179. });
  180. </script>
  181. </body>
  182. </html>