12345市长热线标准版-前端

AddAppeal.html 6.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="../Script/Common/huayi.load.js"></script>
  6. <script src="../Script/Common/huayi.config.js"></script>
  7. <link href="../css/layer/need/layer.css" />
  8. <link rel="stylesheet" href="../css/init.css" />
  9. <title>新增诉求工单</title>
  10. </head>
  11. <body>
  12. <div class="wrapper wrapper-content animated fadeInRight">
  13. <div class="daoHang clearfix">
  14. <div class="dhLeft">
  15. <sapn>
  16. <i class="syIcon"></i>位置:
  17. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  18. <a href="javaScript:;">工单处理</a>&gt;
  19. <a class="nowPosition">添加工单</a>
  20. </sapn>
  21. </div>
  22. <div class="dhRight">
  23. <i class="fa fa-refresh"></i>
  24. </div>
  25. </div>
  26. <div style="padding: 10px;" class="tj_content clearFix">
  27. <div class="Common">
  28. <table>
  29. <tr>
  30. <th class="Importent">诉求人:</th>
  31. <td>
  32. <input type="text" id="cusname" />
  33. </td>
  34. <th>性别:</th>
  35. <td>
  36. <select class="select_">
  37. <option value="">请选择</option>
  38. <option value="0">男</option>
  39. <option value="0">女</option>
  40. </select>
  41. </td>
  42. <th>来源:</th>
  43. <td>
  44. <select class="select_" id="source">
  45. <option value="">全部</option>
  46. <option value="电话">电话</option>
  47. <option value="市长信箱">市长信箱</option>
  48. <option value="微博">微博</option>
  49. <option value="网站">网站</option>
  50. <option value="微信">微信</option>
  51. <option value="手机APP">手机APP</option>
  52. <option value="在线客服">在线客服</option>
  53. </select>
  54. </td>
  55. <th>联系电话:</th>
  56. <td>
  57. <input type="text" id="cusphone" />
  58. </td>
  59. </tr>
  60. <tr>
  61. <th class="Importent">标题:</th>
  62. <td colspan="7">
  63. <input id="title" type="text" style="width: 100%;" />
  64. </td>
  65. </tr>
  66. <tr>
  67. <th class="Importent">内容:</th>
  68. <td colspan="7">
  69. <textarea id="content" name="" rows="" cols="" style="width: 100%;"></textarea>
  70. </td>
  71. </tr>
  72. <tr>
  73. <th>事件地址:</th>
  74. <td colspan="7">
  75. <select class="select_" id="sourcearea">
  76. <option value="0">市区</option>
  77. <option value="1">市区1</option>
  78. <option value="2">市区12</option>
  79. </select>
  80. <input id="sourceaddress" type="text" placeholder="输入详细地址" style="width:66%" />
  81. </td>
  82. </tr>
  83. <tr>
  84. <th>附件上传:</th>
  85. <td colspan="7">
  86. <input type="text" placeholder="输入附件详情" style="width:66%" />
  87. </td>
  88. </tr>
  89. <tr>
  90. <th>处理方式:</th>
  91. <td colspan="7">
  92. <input type="radio" value="0" name="banli" />当即办理
  93. <input checked="true" type="radio" value="1" name="banli" />网络转办
  94. </td>
  95. </tr>
  96. <tr>
  97. <th class="Importent">主题词:</th>
  98. <td colspan="4">
  99. <input id="keys" type="text" placeholder="输入主题词" style="width:100%" />
  100. </td>
  101. <th class="">分管领导:</th>
  102. <td colspan="4">
  103. <input id="splituser" type="text" placeholder="输入详细地址" style="width:100%" />
  104. </td>
  105. </tr>
  106. <tr>
  107. <th>类型:</th>
  108. <td>
  109. <select class="select_" id="type">
  110. <option value="咨询">咨询</option>
  111. <option value="投诉">投诉</option>
  112. <option value="求助">求助</option>
  113. <option value="建议">建议</option>
  114. <option value="其他">其他</option>
  115. </select>
  116. </td>
  117. <th>类别:</th>
  118. <td colspan="3">
  119. <select class="select_" id="bigtype">
  120. </select>
  121. <select class="select_" id="smalltype">
  122. </select>
  123. </td>
  124. <th>密级:</th>
  125. <td colspan="3">
  126. <input checked="true" type="radio" name="mj" id="" value="0" />普通
  127. <input type="radio" name="mj" id="" value="1" />保密
  128. </td>
  129. </tr>
  130. <tr>
  131. <th>紧急程度:</th>
  132. <td>
  133. <select class="select_" id="level">
  134. <option value="">选择</option>
  135. <option value="0">普急</option>
  136. <option value="1">紧急</option>
  137. <option value="2">特急</option>
  138. </select>
  139. </td>
  140. </tr>
  141. </table>
  142. <div class="btn_box">
  143. <button class="btns BC">保存</button>
  144. <button class="btns SavedSubmit">保存并提交</button>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. <script src="../css/laydate/laydate.js"></script>
  150. <script>
  151. var submit;
  152. $(document).ready(function() {
  153. //返回首页
  154. $('#ReIndex').click(function() {
  155. top.home_index();
  156. })
  157. $(".BC").click(function() {
  158. submit = 0;
  159. Add();
  160. })
  161. $('.SavedSubmit').click(function(){
  162. submit = 1;
  163. Add();
  164. })
  165. });
  166. ///添加工单
  167. function Add() {
  168. $.ajax({
  169. type: "post",
  170. url: huayi.config.callcenter_url + "/WorkOrder/AddWorkOrder",
  171. dataType: 'json',
  172. async: true,
  173. data: {
  174. cusname: $("#cusname").val(), //=投诉人姓名
  175. cussex: $("#cussex").val(),
  176. cusphone: $("#cusphone").val(), //=投诉人电话
  177. // zipcode=邮编
  178. // conphone=客户电话
  179. // title=标题
  180. content: $("#content").val(),
  181. // files=附件id(多个用英文逗号,隔开)
  182. sourcearea: $("#sourcearea").val(), //=事发地域id
  183. sourceaddress: $('#sourceaddress').val(), //=事发详细地址
  184. source: $("#source").val(), //=来源
  185. isresult: $(' input[name="banli"]:checked ').val(), //=(0转办1直办)
  186. // result=直办内容&
  187. keys: $("#keys").val(), //=关键词id(多个用英文逗号,隔开)
  188. splituser: $("#splituser").val(), //分管领导id(多个用英文逗号,隔开)
  189. type: $("#type").val(), //=类型
  190. bigtype: $("#bigtype").val(), //=大类别
  191. smalltype: $("#smalltype").val(), //=小类别
  192. isprotect: $(' input[name="mj"]:checked ').val(), //=(0普通1保密)
  193. level: $('#level').val(), //=(1普通2紧急3特急)
  194. issubmit: submit, //=(0保存1保存并提交)
  195. token: $.cookie("token")
  196. },
  197. success: function(data) {
  198. layer.msg("创建工单成功");
  199. }
  200. });
  201. }
  202. </script>
  203. </body>
  204. </html>