Sin descripción

orderModel.html 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link href="../css/init.css" rel="stylesheet" />
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link rel="stylesheet" href="../css/initialize.css" />
  10. <link rel="stylesheet" href="../css/WorkOrder/AddWorkOrder.css" />
  11. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  12. <title>新建工单</title>
  13. <style>
  14. #xl_box {
  15. width: 170px;
  16. height: 25px;
  17. border: none;
  18. outline: none;
  19. border: 1px solid #e6e6e6;
  20. }
  21. #xl_boxs {
  22. width: 170px;
  23. height: 25px;
  24. border: none;
  25. outline: none;
  26. border: 1px solid #e6e6e6;
  27. }
  28. .gsxx textarea {
  29. width: 1034px;
  30. resize: none;
  31. }
  32. .text-red {
  33. color: red;
  34. vertical-align: middle;
  35. font-size: 20px;
  36. padding: 2px;
  37. }
  38. .btns{
  39. width: 200px;
  40. margin-top: 17px;
  41. }
  42. .xl{
  43. height: 24px;
  44. }
  45. #tsdh{
  46. line-height: 27px;
  47. }
  48. #sqzx tr th{
  49. width: 120px!important;
  50. }
  51. </style>
  52. </head>
  53. <body>
  54. <div class="clearfix wrapper wrapper-content">
  55. <div class="ldtp-cr col-sm-12">
  56. <ul class="ld-service clearfix hidden">
  57. <li style="border-bottom:1px solid #69cbd0;" itemtype="1" class="cr-click">咨询</li>
  58. <!--<li style="border-bottom:1px solid #f95a83;" itemtype="2">保修服务</li>-->
  59. <li style="border-bottom:1px solid #243747;" itemtype="3">投诉建议</li>
  60. </ul>
  61. <div class="gsxx">
  62. <!--咨询-->
  63. <div class="sqzx">
  64. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  65. <tr>
  66. <th>咨询人:</th>
  67. <td colspan="3">
  68. <div class="inpBox">
  69. <input type="text" class="inps form-control" id="zxrs" />
  70. </div>
  71. </td>
  72. <th>咨询电话:</th>
  73. <td>
  74. <div class="inpBox">
  75. <input type="text" class="inps form-control" id="zxdhs" />
  76. </div>
  77. </td>
  78. </tr>
  79. <tr>
  80. <th>咨询内容:</th>
  81. <td colspan="5">
  82. <textarea name="" rows="3" cols="20" id="zxnrs" class="form-control"></textarea>
  83. </td>
  84. </tr>
  85. <tr>
  86. <th>处理内容:</th>
  87. <td colspan="5">
  88. <textarea name="" rows="3" cols="20" id="jdnrs" class="form-control"></textarea>
  89. </td>
  90. </tr>
  91. </table>
  92. <div style="text-align: center;margin-bottom: 17px">
  93. <input type="button" value="创建" class="btn_ btns Cj" />
  94. </div>
  95. </div>
  96. <!-- 表格二-->
  97. <!--<div class="sqzx">
  98. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  99. <tr>
  100. <th>报修类型:</th>
  101. <td>
  102. <div class="inpBox">
  103. <input type="text" class="inps inps2" />
  104. <i class="xl xl_two"></i>
  105. <b class="de_icon">X</b>
  106. <div class="xl_common">
  107. <ul class="xl_box">
  108. <li>测试2</li>
  109. <li>测试3</li>
  110. <li>测试5</li>
  111. <li>测试6</li>
  112. <li>测试</li>
  113. </ul>
  114. </div>
  115. </div>
  116. </td>
  117. <th>报修人:</th>
  118. <td>
  119. <div class="inpBox">
  120. <input type="text" class="inps " />
  121. </div>
  122. </td>
  123. <th>报修人电话:</th>
  124. <td>
  125. <div class="inpBox">
  126. <input type="text" class="inps " />
  127. </div>
  128. </td>
  129. </tr>
  130. <tr>
  131. <th>报修级别:</th>
  132. <td>
  133. <div class="inpBox">
  134. <input type="text" class="inps inps2" />
  135. <i class="xl xl_two"></i>
  136. <b class="de_icon">X</b>
  137. <div class="xl_common">
  138. <ul class="xl_box">
  139. <li>测试2</li>
  140. <li>测试3</li>
  141. <li>测试5</li>
  142. <li>测试6</li>
  143. <li>测试</li>
  144. </ul>
  145. </div>
  146. </div>
  147. </td>
  148. <th>工单处理人:</th>
  149. <td>
  150. <div class="inpBox">
  151. <input type="text" class="inps " />
  152. </div>
  153. </td>
  154. </tr>
  155. <tr>
  156. <th>报修内容:</th>
  157. <td colspan="5">
  158. <textarea name="" rows="3" cols="20"></textarea>
  159. </td>
  160. </tr>
  161. <tr>
  162. <th>报修要求:</th>
  163. <td colspan="5">
  164. <textarea name="" rows="3" cols="20"></textarea>
  165. </td>
  166. </tr>
  167. </table>
  168. <div class="">
  169. <input type="button" value="创建" class="btns" />
  170. <input type="button" value="创建并指派" class="btns" />
  171. <input type="button" value="流转领导" class="btns" />
  172. <input type="button" value="结单" class="btns" />
  173. </div>
  174. </div>-->
  175. <!--表格三-->
  176. <div class="sqzx Shows">
  177. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  178. <tr>
  179. <th><b class="text-red">*</b>客户姓名:</th>
  180. <td>
  181. <div class="inpBox">
  182. <input type="text" class="inps form-control" id="tskh" placeholder="请输入客户姓名" />
  183. </div>
  184. </td>
  185. <th><b class="text-red">*</b>电话:</th>
  186. <td>
  187. <div class="inpBox">
  188. <span id="tsdh">15235457489</span>
  189. </div>
  190. </td>
  191. </tr>
  192. <tr>
  193. <th>乡镇:</th>
  194. <td>
  195. <div class="inpBox">
  196. <select name="" id="t_county" class="inps form-control">
  197. <option value="">请选择</option>
  198. </select>
  199. </div>
  200. </td>
  201. <th>地址:</th>
  202. <td colspan="3">
  203. <div class="inpBox">
  204. <textarea id="t_address" style="width: 350px;" class="inps form-control" rows="1" placeholder="请输入地址"></textarea>
  205. </div>
  206. </td>
  207. </tr>
  208. <tr>
  209. <th>调查时间:</th>
  210. <td>
  211. <div class="inpBox">
  212. <input type="text" placeholder="请选择调查时间" class="inps form-control" id="t_time" />
  213. </div>
  214. </td>
  215. <th>调查员:</th>
  216. <td>
  217. <div class="inpBox">
  218. <input type="text" class="inps form-control" id="t_investigator" placeholder="请输入调查员" />
  219. </div>
  220. </td>
  221. </tr>
  222. <tr>
  223. <th>处理部门:</th>
  224. <td>
  225. <div class="inpBox">
  226. <input type="text" class="inps tree" readonly="readonly" id="clbmname" placeholder="请选择处理部门" />
  227. <input type="hidden" class="inps" id="clbm" />
  228. <i class="xl"></i>
  229. <b class="de_icon">X</b>
  230. <div class="addTree">
  231. <ul id="clbmtree" class="ztree"></ul>
  232. </div>
  233. </div>
  234. </td>
  235. <th>处理人:</th>
  236. <td colspan="3">
  237. <div class="inpBox">
  238. <input type="text" class="inps select" readonly="readonly" id="clidname" placeholder="请选择处理人" />
  239. <input type="hidden" class="inps " id="clid" />
  240. <i class="xl"></i>
  241. <div class="xl_common">
  242. <ul class="xl_box clid"></ul>
  243. </div>
  244. </div>
  245. </td>
  246. </tr>
  247. <tr>
  248. <th>信息分类:</th>
  249. <td>
  250. <div class="inpBox">
  251. <select name="" id="xl_box" class="form-control">
  252. <option value="">请选择</option>
  253. </select>
  254. </div>
  255. </td>
  256. <th>交办单位:</th>
  257. <td colspan="3">
  258. <div class="inpBox">
  259. <select name="" id="xl_boxs" class="form-control">
  260. <option value="">请选择</option>
  261. </select>
  262. </div>
  263. </td>
  264. </tr>
  265. <tr>
  266. <th><b class="text-red">*</b>反映问题:</th>
  267. <td colspan="5">
  268. <textarea id="t_detail" name="" rows="3" cols="20" class="form-control" placeholder="请输入反映问题">
  269. </textarea>
  270. </td>
  271. </tr>
  272. <tr>
  273. <th>回访反馈情况:</th>
  274. <td colspan="5">
  275. <textarea id="t_answer" name="" rows="3" cols="20" class="form-control" placeholder="请输入回访反馈情况"></textarea>
  276. </td>
  277. </tr>
  278. <tr>
  279. <th>问题处理情况:</th>
  280. <td colspan="5">
  281. <textarea id="cont" name="" rows="3" cols="20" class="form-control" placeholder="请输入问题处理情况"></textarea>
  282. </td>
  283. </tr>
  284. <tr>
  285. <th>备注:</th>
  286. <td colspan="5">
  287. <textarea id="t_remarks" name="" rows="3" cols="20" class="form-control" placeholder="请输入备注"></textarea>
  288. </td>
  289. </tr>
  290. </table>
  291. <div style="text-align: center; margin-bottom: 17px;">
  292. <input type="button" value="创建" class="addts btns" />
  293. </div>
  294. </div>
  295. </div>
  296. </div>
  297. </div>
  298. <script src="../js/zTree/jquery.ztree.core.js"></script>
  299. <script src="../js/laydate/laydate.js"></script>
  300. <script src="../js/autosize/autosize.js"></script>
  301. <script src="js/orderModel.js"></script>
  302. </body>
  303. </html>