Brak opisu

AddWorkolder.html 8.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  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 href="../css/mui.picker.css" rel="stylesheet" />
  11. <link href="../css/mui.poppicker.css" rel="stylesheet" />
  12. <link href="../css/iconfont.css" rel="stylesheet"/>
  13. <link href="css/AddWorkolder.css" rel="stylesheet"/>
  14. </head>
  15. <body>
  16. <div class="mui-nav">
  17. <a class="mui-icon mui-icon-arrowleft" href="client_index.html"></a>
  18. 创建工单
  19. </div>
  20. <div class="mui-content" style="margin-top: 44px;">
  21. <ul class="mui-table-view">
  22. <li class="mui-table-view-cell" style="display: none;">
  23. <div class="mui-input-row">
  24. <label class="label">工单来源:</label>
  25. <input type="text" id='order_source' class="ui-alert type_con size-14" data-index="467" readonly="readonly" />
  26. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  27. </div>
  28. </li>
  29. <li class="mui-table-view-cell mui-table-view-cell-line">
  30. <div class="mui-input-row">
  31. <label class="label">工单类型:</label>
  32. <div class="mui-input-row mui-radio mui-left radio_box order_type">
  33. <label>咨询</label>
  34. <input type="radio" type="radio" name="form" checked="checked" value="107" class="size-14" />
  35. </div>
  36. <div class="mui-input-row mui-radio mui-left radio_box order_type">
  37. <label>投诉</label>
  38. <input type="radio" type="radio" name="form" value="108" class="size-14" />
  39. </div>
  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="order_name" placeholder="请输入客户名称" class="size-14">
  46. </div>
  47. </li>
  48. <li class="mui-table-view-cell">
  49. <div class="mui-input-row">
  50. <label class="label">联系方式:</label>
  51. <input type="number" id="order_tel" placeholder="请输入联系方式" class="size-14">
  52. </div>
  53. </li>
  54. <li class="mui-table-view-cell" id="showZhuTiPicker">
  55. <div class="mui-input-row">
  56. <label class="label">项目名称:</label>
  57. <input type="text" id='order_rengin' class="ui-alert type_con size-14" data-index="" readonly="readonly" />
  58. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  59. <input id="order_pro" style="display: none;" data-index=""></input>
  60. <input id="order_floor" style="display: none;" data-index=""></input>
  61. <input id='order_rengValue' style="display: none;" data-index=""/>
  62. <input id='order_proValue' style="display: none;" data-index=""/>
  63. <input id='order_floorValue' style="display: none;" data-index=""/>
  64. </div>
  65. </li>
  66. <li class="mui-table-view-cell">
  67. <div class="mui-input-row">
  68. <label class="label">楼层房间:</label>
  69. <input type="text" id="order_room" placeholder="请输入房间号" class="size-14">
  70. </div>
  71. </li>
  72. <li class="mui-table-view-cell" id="showCityPicker3">
  73. <div class="mui-input-row">
  74. <label class="label">房主关系:</label>
  75. <input type="text" id='ower_relationship' class="ui-alert type_con size-14" data-index="" readonly="readonly" />
  76. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  77. </div>
  78. </li>
  79. <li class="mui-table-view-cell mui-table-view-cell-line">
  80. <div class="mui-input-row" id="order_response">
  81. <label class="label">客户反应:</label>
  82. <div class="mui-input-row mui-radio mui-left radio_box">
  83. <label>一般</label>
  84. <input type="radio" type="radio" name="secret" checked="checked" value="476" class="size-14" />
  85. </div>
  86. <div class="mui-input-row mui-radio mui-left radio_box">
  87. <label>中等</label>
  88. <input type="radio" type="radio" name="secret" value="477" class="size-14" />
  89. </div>
  90. <div class="mui-input-row mui-radio mui-left radio_box">
  91. <label>特级</label>
  92. <input type="radio" type="radio" name="secret" value="478" class="size-14" />
  93. </div>
  94. </div>
  95. </li>
  96. <li class="mui-table-view-cell mui-table-view-cell-line">
  97. <div class="mui-input-row" id="order_valid">
  98. <label class="label">工单有效性:</label>
  99. <div class="mui-input-row mui-radio mui-left radio_box">
  100. <label>有效</label>
  101. <input type="radio" type="radio" name="valid" checked="checked" value="0" class="size-14" />
  102. </div>
  103. <div class="mui-input-row mui-radio mui-left radio_box">
  104. <label>无效</label>
  105. <input type="radio" type="radio" name="valid" value="1" class="size-14" />
  106. </div>
  107. </div>
  108. </li>
  109. <li class="mui-table-view-cell order_note" style="display: none;">
  110. <div class="mui-input-row">
  111. <label class="label">无效原因:</label>
  112. <textarea class="ztext content size-14" placeholder="请输入工单无效原因" name="" id="order_note" rows="3" cols="" placeholder="请输入无效原因..."></textarea>
  113. </div>
  114. </li>
  115. <li class="mui-table-view-cell receive" id="showUserPicker1">
  116. <div class="mui-input-row">
  117. <label class="label">接收部门:</label>
  118. <input type="text" id='recive_type' class="ui-alert type_con size-14" data-index="" readonly="readonly" />
  119. <a href=""><span class="type_down mui-icon mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  120. <input id="recive_type1" style="display: none;" data-index=""></input>
  121. <input id="recive_type2" style="display: none;" data-index=""></input>
  122. </div>
  123. </li>
  124. <li class="mui-table-view-cell receive" id="showCityPicker5">
  125. <div class="mui-input-row">
  126. <label class="label">接收人员:</label>
  127. <input type="text" id='ower_recive' class="ui-alert type_con size-14" data-index="" readonly="readonly" />
  128. <a href=""><span class="type_down mui-icon mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  129. </div>
  130. </li>
  131. <li class="mui-table-view-cell complaintOrder" id="showUserPicker" style="display: none;">
  132. <div class="mui-input-row">
  133. <label class="label">投诉类型:</label>
  134. <input type="text" id='complaintOrder_type' class="ui-alert type_con size-14" data-index="" readonly="readonly" />
  135. <a href=""><span class="type_down mui-icon mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  136. <input id="serviceOrder_type" style="display: none;" data-index=""></input>
  137. <input id="is_quality_assurance" style="display: none;" data-index=""></input>
  138. </div>
  139. </li>
  140. <li class="mui-table-view-cell complaintOrder" id="showUserPicker2" style="display: none;">
  141. <div class="mui-input-row">
  142. <label class="label">受理人:</label>
  143. <input type="text" id='order_responsible' class="ui-alert type_con size-14" data-index="" readonly="readonly" />
  144. <a href=""><span class="type_down mui-icon mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  145. </div>
  146. </li>
  147. <li class="mui-table-view-cell">
  148. <div class="mui-input-row">
  149. <label class="label">详细描述:</label>
  150. <textarea class="ztext content size-14" placeholder="请输入详细描述" name="" id="order_reception" rows="3" cols="" placeholder="请详细描述您的问题和建议..."></textarea>
  151. </div>
  152. </li>
  153. </ul>
  154. <div class="submit-btn">
  155. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block block_button submit" id="submit">提交工单</button>
  156. </div>
  157. </div>
  158. <script src="../js/mui.js"></script>
  159. <script src="../js/mui.picker.js"></script>
  160. <script src="../js/mui.poppicker.js"></script>
  161. <script src="js/city.data-3.js"></script>
  162. <script src="../js/jquery.min.js"></script>
  163. <script src="../Script/Common/huayi.config.js"></script>
  164. <script src="../Script/Common/huayi.http.js"></script>
  165. <script src="js/AddWorkolder.js"></script>
  166. </body>
  167. </html>