Aucune description

addOrEditWorkOrder.html 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>历史工单管理</title>
  6. <script src="../../Script/Common/huayi.load.js"></script>
  7. <script src="../../Script/Common/huayi.config.js"></script>
  8. <link href="../../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  9. <link rel="stylesheet" href="../css/call.css" />
  10. </head>
  11. <body>
  12. <div class="container greetings" style="overflow: hidden;">
  13. <ul class="row clearfix form-horizontal">
  14. <li class="form-group clearfix">
  15. <label for="work_types" class="col-sm-2">工单类型:</label>
  16. <div class="col-sm-10" id="work_types">
  17. <label class="radio-inline">
  18. <input type="radio" name="work_type" value="0" checked="checked" > 咨询
  19. </label>
  20. <label class="radio-inline">
  21. <input type="radio" name="work_type" value="1"> 投诉
  22. </label>
  23. </div>
  24. </li>
  25. <li class="form-group clearfix">
  26. <label for="order_handle" class="col-sm-2 text-right">科室名称:</label>
  27. <div class="col-sm-10">
  28. <select id="order_handle" class="form-control selectpicker" data-live-search="true">
  29. </select>
  30. </div>
  31. </li>
  32. <!-- <li class="form-group clearfix">
  33. <label for="groupcode" class="col-sm-2 text-right"><b class="text_require">*</b>科室名称:</label>
  34. <div class="col-sm-10">
  35. <select id="order_handle" class="form-control selectpicker" data-live-search="true">
  36. </select>
  37. </div>
  38. </li> -->
  39. <li class="form-group clearfix">
  40. <label for="StartTime" class="col-sm-2">客户姓名:</label>
  41. <div class="col-sm-10">
  42. <input id="order_name" class="form-control" type="text" autocomplete="off" />
  43. </div>
  44. </li>
  45. <li class="form-group clearfix">
  46. <label for="workRemark" class="col-sm-2">联系电话:</label>
  47. <div class="col-sm-10">
  48. <input id="order_tel" class="form-control" type="text" autocomplete="off" />
  49. </div>
  50. </li>
  51. <li class="form-group clearfix consult">
  52. <label for="order_reception" class="col-sm-2">咨询内容:</label>
  53. <div class="col-sm-10">
  54. <select class="form-control selectpicker" id="order_reception" data-live-search="true">
  55. <option value="0">请选择咨询内容</option>
  56. <option value="病情">病情</option>
  57. <option value="科室电话">科室电话</option>
  58. <option value="新冠核算检测及疫苗接种">新冠核算检测及疫苗接种</option>
  59. <option value="体检">体检</option>
  60. <option value="挂号">挂号</option>
  61. <option value="上班时间">上班时间</option>
  62. <option value="医保">医保</option>
  63. <option value="招聘">招聘</option>
  64. <option value="其他">其他</option>
  65. <option value="无咨询内容">无咨询内容</option>
  66. </select>
  67. </div>
  68. <!--<div class="col-sm-10">
  69. <textarea id="order_reception" rows="3" cols="20" class="form-control" placeholder="请输入反馈内容"></textarea>
  70. </div>-->
  71. </li>
  72. <li class="form-group clearfix order_transfer_depts">
  73. <label for="orderType" class="col-sm-2">投诉类型:</label>
  74. <div class="col-sm-10">
  75. <select class="form-control selectpicker" id="orderType" data-live-search="true">
  76. <option value="0">请选择投诉类型</option>
  77. <option value="医疗">医疗</option>
  78. <option value="护理">护理</option>
  79. <option value="门诊">门诊</option>
  80. <option value="管理">管理</option>
  81. <option value="其他">其他</option>
  82. </select>
  83. </div>
  84. </li>
  85. <li class="form-group clearfix order_transfer_depts">
  86. <label for="order_reception" class="col-sm-2">投诉内容:</label>
  87. <!--<textarea id="order_reception" rows="3" cols="20" class="form-control" placeholder="请输入反馈内容"></textarea>-->
  88. <div class="col-sm-10">
  89. <select class="form-control selectpicker" id="complaint" data-live-search="true">
  90. <option value="0">请选择投诉内容</option>
  91. <option value="服务态度">服务态度</option>
  92. <option value="服务沟通">服务沟通</option>
  93. <option value="服务行为">服务行为</option>
  94. <option value="技术">技术</option>
  95. <option value="流程">流程</option>
  96. <option value="环境">环境</option>
  97. <option value="便民">便民</option>
  98. <option value="费用">费用</option>
  99. <option value="管理">管理</option>
  100. <option value="其他">其他</option>
  101. </select>
  102. </div>
  103. </li>
  104. <li class="form-group clearfix order_transfer_depts">
  105. <label for="order_depts" class="col-sm-2 text-right">接收部门:</label>
  106. <div class="col-sm-10">
  107. <select id="order_depts" class="form-control selectpicker" data-live-search="true">
  108. </select>
  109. </div>
  110. </li>
  111. <li class="form-group clearfix order_transfer_depts">
  112. <label for="order_receiveUser" class="col-sm-2 text-right">接收人:</label>
  113. <div class="col-sm-10">
  114. <select id="order_receiveUser" class="form-control selectpicker" data-live-search="true">
  115. </select>
  116. </div>
  117. </li>
  118. <li class="form-group clearfix order_transfer_depts">
  119. <label for="workRemark" class="col-sm-2">接收人工号:</label>
  120. <div class="col-sm-10">
  121. <input id="jspeopleusercode" class="form-control" type="text" placeholder="请输入接收人工号"/>
  122. </div>
  123. <!--<label for="jspeopleusercode "><b class="text_require">*</b>接收人工号:</label>
  124. <div class="col-sm-10">
  125. <input type="text" class="form-control " id="jspeopleusercode" placeholder="请输入接收人工号">
  126. </div>-->
  127. </li>
  128. <li class="form-group clearfix">
  129. <label for="workRemark" class="col-sm-2">备注:</label>
  130. <div class="col-sm-10">
  131. <textarea id="order_remarks" rows="3" cols="20" class="form-control" placeholder="请输入反馈内容"></textarea>
  132. </div>
  133. </li>
  134. <li class="form-group clearfix order_transfer_depts">
  135. <label for="workRemark" class="col-sm-2">处理结果:</label>
  136. <div class="col-sm-10">
  137. <textarea id="order_detal" rows="3" cols="20" class="form-control" placeholder="请输入处理结果"></textarea>
  138. </div>
  139. </li>
  140. </ul>
  141. <div class="form-group clearfix row">
  142. <div class="col-sm-offset-2">
  143. <button class="btn sc_btn col-sm-2" id="work_time_btn_save" type="button">保存</button>
  144. </div>
  145. </div>
  146. </div>
  147. </body>
  148. <script src="../../js/autosize/autosize.min.js"></script>
  149. <script src="../../js/bootstrap-select/js/bootstrap-select.js"></script>
  150. <script src="../../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  151. <script type="text/javascript">
  152. var id = helper.request.queryString("id");
  153. var state = helper.request.queryString("state");
  154. var type = helper.request.queryString("type");
  155. var dataInfo;
  156. getOpts()
  157. getDepartmentName()
  158. $('#order_depts').change(function() {
  159. getreceiveUser($('#order_depts').val())
  160. })
  161. $('.consult').show()
  162. $('.order_transfer_depts').hide()
  163. console.log(type)
  164. if(type == '0') {
  165. $('.consult').show()
  166. $('.order_transfer_depts').hide()
  167. $('#work_time_btn_save').click(function() {
  168. dataInfo = {
  169. id: id,
  170. wodetype: $('#work_types').find('input[type="radio"]:checked').val(),
  171. deptname: $('#order_handle').val(),
  172. coustomname: $('#order_name').val(),
  173. phoneinfo: $('#order_tel').val(),
  174. centerinfo: $('#order_reception').val(),
  175. memoinfo: $('#order_remarks').val(),
  176. jspeopleusercode: $('#jspeopleusercode').val()
  177. }
  178. saveWorkOrder(dataInfo,type)
  179. })
  180. } else {
  181. $('.order_transfer_depts').show()
  182. $('.consult').hide()
  183. $('#work_time_btn_save').click(function() {
  184. dataInfo = {
  185. id: id,
  186. wodetype: $('#work_types').find('input[type="radio"]:checked').val(),
  187. deptname: $('#order_handle').val(),
  188. coustomname: $('#order_name').val(),
  189. phoneinfo: $('#order_tel').val(),
  190. centerinfotype: $('#orderType').val(),
  191. centerinfo: $('#complaint').val(),
  192. memoinfo: $('#order_remarks').val(),
  193. jsdeptname: $('#order_depts').val(), //int 接收部门;
  194. jspeople: $('#order_receiveUser').val(),
  195. jspeopleusercode: $('#jspeopleusercode').val(),
  196. resultmassage:$('#order_detal').val()
  197. }
  198. saveWorkOrder(dataInfo,type)
  199. })
  200. }
  201. function getDepartmentName() {
  202. $.getJSON(huayi.config.callcenter_url + 'testusertypeapi/api/TestUserType/getalldeptnlists', {}, function(res) {
  203. res.data.forEach(function(v, n) {
  204. $('<option value="' + v.name + '">' + v.name + '</option>').appendTo('#order_handle');
  205. })
  206. $("#order_handle").selectpicker('refresh');
  207. getDetial(id)
  208. });
  209. }
  210. //接收部门
  211. function getOpts() {
  212. $.ajax({
  213. url: huayi.config.callcenter_url + 'testusertypeapi/api/TestUserType/getcallcomedeptorpeoall',
  214. type: 'get',
  215. data: {},
  216. dataType: "json",
  217. async: false,
  218. success: function(res) {
  219. if(res.state.toLowerCase() === "success") {
  220. let str = ''
  221. res = res.data;
  222. if(res && res.length > 0) {
  223. // $('#order_receiveUser').append('<option value="0">请选择接收人</option>');
  224. res.forEach(function(v, i) {
  225. str += '<option value="' + v.deptname + '">' + v.deptname + '</option>'
  226. });
  227. $('#order_depts').html(str);
  228. $('#order_depts').selectpicker('refresh');
  229. }
  230. // res.data.forEach(function(v,n){
  231. // $('<option value="'+v.deptname+'">'+v.deptname+'</option>').appendTo('#order_depts');
  232. // })
  233. // $("#order_depts").selectpicker('refresh');
  234. }
  235. }
  236. });
  237. }
  238. //详情
  239. function getDetial(id) {
  240. $.ajax({
  241. type: "get",
  242. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getcallcometpwodebyid",
  243. dataType: 'json',
  244. async: false,
  245. data: {
  246. id: id
  247. },
  248. success: function(res) {
  249. $('#work_types').find('input[name="work_type"][value="' + res.data[0].wodetype + '"]').prop('checked', true)
  250. // $('#work_types').val(res.data[0].wodetype);
  251. $('#order_remarks').val(res.data[0].memoinfo)
  252. $('#order_tel').val(res.data[0].phoneinfo)
  253. $('#order_name').val(res.data[0].coustomname)
  254. // $('#order_reception').val(res.data[0].centerinfo)
  255. // $('#order_reception').val(res.data[0].centerinfo);
  256. // $('#order_depts').val(res.data[0].jsdeptname)
  257. $('#order_reception').selectpicker('val', res.data[0].centerinfo).trigger('change');
  258. $('#complaint').selectpicker('val', res.data[0].centerinfo).trigger('change');
  259. $('#orderType').selectpicker('val', res.data[0].centerinfotype).trigger('change');
  260. $('#jspeopleusercode').val(res.data[0].jspeopleusercode)
  261. $('#order_detal').val(res.data[0].order_detal)
  262. $('#order_depts').selectpicker('val', res.data[0].jsdeptname).trigger('change');
  263. if($('#order_depts').val() != '0') {
  264. getreceiveUser(res.data[0].jsdeptname)
  265. }
  266. $('#order_receiveUser').selectpicker('val', res.data[0].jspeople).trigger('change');
  267. // $('#order_receiveUser').val(res.data[0].jspeople)
  268. $('#order_handle').selectpicker('val', res.data[0].deptname).trigger('change');
  269. }
  270. })
  271. }
  272. //编辑
  273. function saveWorkOrder(dataInfo,type) {
  274. $.ajax({
  275. type: "get",
  276. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/upcallcometpwode",
  277. dataType: 'json',
  278. async: true,
  279. data: dataInfo,
  280. success: function(res) {
  281. if(res.state.toLowerCase() === "success") {
  282. var index = parent.layer.getFrameIndex(window.name);
  283. parent.layer.close(index);
  284. layer.msg("编辑成功");
  285. parent.initTable(type)
  286. }
  287. }
  288. })
  289. }
  290. //接收人
  291. function getreceiveUser(name) {
  292. $.ajax({
  293. url: huayi.config.callcenter_url + 'testusertypeapi/api/TestUserType/getcallcomedeptorpeobydept',
  294. type: 'get',
  295. data: {
  296. deptname: name
  297. },
  298. dataType: "json",
  299. async: false,
  300. success: function(res) {
  301. if(res.state.toLowerCase() === "success") {
  302. let str = '<option value="0">请选择接人</option>'
  303. res = res.data;
  304. if(res && res.length > 0) {
  305. // $('#order_receiveUser').append('<option value="0">请选择接收人</option>');
  306. res.forEach(function(v, i) {
  307. str += '<option value="' + v.peoplename + '">' + v.peoplename + '</option>'
  308. });
  309. $('#order_receiveUser').html(str);
  310. $('#order_receiveUser').selectpicker('refresh');
  311. }
  312. }
  313. },
  314. });
  315. }
  316. </script>
  317. </html>