ZZDianXin_UI - 郑州电信 演示

orderModel.html 6.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  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 Shows">
  64. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  65. <tr>
  66. <th>客户姓名:</th>
  67. <td>
  68. <div class="inpBox">
  69. <input type="text" class="inps form-control" id="tskh" placeholder="请输入客户姓名" />
  70. </div>
  71. </td>
  72. <th><b class="text-red">*</b>电话:</th>
  73. <td>
  74. <div class="inpBox">
  75. <input type="text" class="inps form-control" id="tsdh" placeholder="请输入电话" />
  76. </div>
  77. </td>
  78. </tr>
  79. <tr>
  80. <th>乡镇或单位:</th>
  81. <td>
  82. <div class="inpBox">
  83. <select name="" id="t_county" class="inps form-control">
  84. <option value="0">请选择</option>
  85. </select>
  86. </div>
  87. </td>
  88. <th>地址:</th>
  89. <td colspan="3">
  90. <div class="inpBox">
  91. <input id="t_address" class="inps form-control" rows="1" placeholder="请输入地址" />
  92. </div>
  93. </td>
  94. </tr>
  95. <tr>
  96. <th>调查时间:</th>
  97. <td>
  98. <div class="inpBox">
  99. <input type="text" placeholder="请选择调查时间" class="inps form-control" id="t_time" />
  100. </div>
  101. </td>
  102. <th>调查员:</th>
  103. <td>
  104. <div class="inpBox">
  105. <input type="text" class="inps form-control" id="t_investigator" placeholder="请输入调查员" />
  106. </div>
  107. </td>
  108. </tr>
  109. <tr>
  110. <th>处理部门:</th>
  111. <td>
  112. <div class="inpBox">
  113. <!--<input type="text" placeholder="请输入处理部门" class="inps form-control" id="clbmname" />-->
  114. <input type="text" class="inps tree" readonly="readonly" id="clbmname" placeholder="请选择处理部门" />
  115. <input type="hidden" class="inps" id="clbm" />
  116. <i class="xl"></i>
  117. <b class="de_icon">X</b>
  118. <div class="addTree">
  119. <ul id="clbmtree" class="ztree"></ul>
  120. </div>
  121. </div>
  122. </td>
  123. <th>处理人:</th>
  124. <td colspan="3">
  125. <div class="inpBox">
  126. <!--<input type="text" placeholder="请输入处理人姓名" class="inps form-control" id="clidname" />-->
  127. <input type="text" class="inps select" readonly="readonly" id="clidname" placeholder="请选择处理人" />
  128. <input type="hidden" class="inps " id="clid" />
  129. <i class="xl"></i>
  130. <div class="xl_common">
  131. <ul class="xl_box clid"></ul>
  132. </div>
  133. </div>
  134. </td>
  135. </tr>
  136. <tr>
  137. <th>信息分类:</th>
  138. <td>
  139. <div class="inpBox">
  140. <!--<input type="text" placeholder="请输入信息分类" class="inps form-control" id="xl_box" />-->
  141. <select name="" id="xl_box" class="form-control">
  142. <option value="">请选择</option>
  143. </select>
  144. </div>
  145. </td>
  146. <th>交办单位:</th>
  147. <td colspan="3">
  148. <div class="inpBox">
  149. <!--<input type="text" placeholder="请输入交办单位" class="inps form-control" id="xl_boxs" />-->
  150. <select name="" id="xl_boxs" class="form-control">
  151. <option value="">请选择</option>
  152. </select>
  153. </div>
  154. </td>
  155. </tr>
  156. <tr>
  157. <th>反映问题:</th>
  158. <td colspan="5">
  159. <textarea id="t_detail" name="" rows="3" cols="20" class="form-control" placeholder="请输入反映问题"></textarea>
  160. </td>
  161. </tr>
  162. <tr>
  163. <th>回访反馈情况:</th>
  164. <td colspan="5">
  165. <textarea id="t_answer" name="" rows="3" cols="20" class="form-control" placeholder="请输入回访反馈情况"></textarea>
  166. </td>
  167. </tr>
  168. <tr>
  169. <th>问题处理情况:</th>
  170. <td colspan="5">
  171. <textarea id="cont" name="" rows="3" cols="20" class="form-control" placeholder="请输入问题处理情况"></textarea>
  172. </td>
  173. </tr>
  174. <tr>
  175. <th>备注:</th>
  176. <td colspan="5">
  177. <textarea id="t_remarks" name="" rows="3" cols="20" class="form-control" placeholder="请输入备注"></textarea>
  178. </td>
  179. </tr>
  180. </table>
  181. <div style="text-align: center; margin-bottom: 17px;">
  182. <input type="button" value="创建" class="addts btns" />
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. <script src="../js/zTree/jquery.ztree.core.js"></script>
  189. <script src="../js/laydate/laydate.js"></script>
  190. <script src="../js/autosize/autosize.js"></script>
  191. <script src="js/orderModel.js"></script>
  192. </body>
  193. </html>