PingAnYeXianSZCG_Web 前端代码

WorkEvaluate.html 5.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  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/WorkOrder/Search.css" rel="stylesheet">
  8. <link href="../css/init.css" rel="stylesheet" />
  9. <title>评价工单</title>
  10. </head>
  11. <body>
  12. <div class="dgxx_table size-13">
  13. <table class="_table1 table table-bordered table-hover " border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
  14. <tr>
  15. <th>工单编号:</th>
  16. <td>
  17. <span id="cl_gdbh"></span>
  18. </td>
  19. <th>工单类型:</th>
  20. <td>
  21. <span id="cl_gdlx"></span>
  22. </td>
  23. </tr>
  24. <tr>
  25. <th>客户姓名:</th>
  26. <td>
  27. <span id="cl_khxm"></span>
  28. </td>
  29. <th>客户电话:</th>
  30. <td>
  31. <span id="cl_khdh"></span>
  32. </td>
  33. </tr>
  34. <tr>
  35. <th>工单内容:</th>
  36. <td colspan="3">
  37. <span id="cl_gdnr"></span>
  38. </td>
  39. </tr>
  40. <tr>
  41. <th>图文信息:</th>
  42. <td colspan="3">
  43. <div class="space">
  44. </div>
  45. </td>
  46. </tr>
  47. <tr style="display:none;" class="js">
  48. <th>接收部门:</th>
  49. <td>
  50. <div class="inpBox">
  51. <input type="text" class="inps tree" readonly="readonly" id="clbmname" />
  52. <input type="hidden" class="inps " id="clbm" />
  53. <i class="xl"></i>
  54. <div class="addTree">
  55. <ul id="zrbmtree" class="ztree"></ul>
  56. </div>
  57. </div>
  58. </td>
  59. <th>接收人:</th>
  60. <td>
  61. <div class="inpBox">
  62. <input type="text" class="inps select" readonly="readonly" id="clidname" />
  63. <input type="hidden" class="inps " id="clid" />
  64. <i class="xl"></i>
  65. <div class="xl_common">
  66. <ul class="xl_box clid"></ul>
  67. </div>
  68. </div>
  69. </td>
  70. </tr>
  71. <tr>
  72. <th>处理内容:</th>
  73. <td colspan="3" id="cont">
  74. </td>
  75. </tr>
  76. <tr>
  77. <th>信息审核:</th>
  78. <td colspan="3" id="isAudit">
  79. </td>
  80. </tr>
  81. <tr>
  82. <th>信息分类:</th>
  83. <td colspan="3" id="Message_box">
  84. </td>
  85. </tr>
  86. <tr>
  87. <th>交办单位:</th>
  88. <td colspan="3">
  89. <div class="inpBoxs">
  90. </div>
  91. </td>
  92. </tr>
  93. <tr>
  94. <th>评论内容:</th>
  95. <td colspan="3">
  96. <div>
  97. <textarea id="cont_" name="" rows="3" style="width:100%;"></textarea>
  98. </div>
  99. </td>
  100. </tr>
  101. </table>
  102. </div>
  103. <div class="clearfix wh_btn">
  104. <input type="button" value="确定" class="btn-info" id="plgd" />
  105. </div>
  106. <script>
  107. $(document).ready(function() {
  108. var ID = helper.request.queryString("str");
  109. if(ID) {
  110. $.ajax({
  111. type: "get",
  112. url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrder",
  113. async: true,
  114. dataType: 'json',
  115. data: {
  116. orderid: ID,
  117. "token": $.cookie("token")
  118. },
  119. success: function(data) {
  120. /*验证请求*/
  121. if(data.state == "success") {
  122. var con = data;
  123. var Str = con.data.data;
  124. console.log(Str);
  125. //数据填充
  126. $("#cl_gdbh").text(Str[0].WorkOrderID);
  127. $("#cl_khxm").text(Str[0].Customer);
  128. $('#cl_khdh').text(Str[0].CustomerTel);
  129. $("#cl_gdnr").text(Str[0].Detail);
  130. $("#cont").text(Str[0].Answer);
  131. $(".inpBoxs").text(Str[0].Unit);
  132. $('#Message_box').text(Str[0].InfoType);
  133. $("#cl_gdlx").text(GetTypeName(Str[0].Type));
  134. //信息审核
  135. var Aud=Str[0].IsAudit;
  136. var html=''
  137. if(Aud==1){
  138. html="无效"
  139. }else{
  140. html="有效"
  141. }
  142. $("#isAudit").text(html);
  143. $(' input[name="ltypes"][value="'+Str[0].InfoTypeID+'"]').prop("checked", "checked");//审核
  144. //图片展示
  145. var Files = Str[0].File;
  146. console.log(Files);
  147. if(Files.length > 0) {
  148. $(Files).each(function(i, n) {
  149. $('<div class="img-box"><img src="' + n.F_FileUrl + '" alt="" class="image-item" /><div>').appendTo(".space");
  150. })
  151. }
  152. }
  153. }
  154. });
  155. $("#plgd").click(function() {
  156. if(!$("#cont_").val()) {
  157. layer.confirm('请输入评论内容!', {
  158. btn: ['确定']
  159. });
  160. return;
  161. }
  162. $.post(huayi.config.callcenter_url + 'WorkOrder/AddWorkOrderComment', {
  163. orderid: ID,
  164. cont: $("#cont_").val(),
  165. "token": $.cookie("token")
  166. }, function(result) {
  167. result = $.parseJSON(result);
  168. if(result.state.toLowerCase() == "success") {
  169. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  170. parent.layer.close(index); //再执行关闭
  171. parent.initTable();
  172. parent.Hiden();
  173. parent.layer.msg("评论工单成功");
  174. }
  175. })
  176. })
  177. }
  178. })
  179. function GetTypeName(val) {
  180. var str = '';
  181. switch(val + '') {
  182. case '1':
  183. str = "咨询";
  184. break;
  185. case '2':
  186. str = "报修服务";
  187. break;
  188. case '3':
  189. str = "投诉建议";
  190. break;
  191. }
  192. return str;
  193. }
  194. </script>
  195. </body>
  196. </html>