三元财务UI

AddWorkOrder.js 9.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
  1. /**
  2. * 新增或编辑工单
  3. * */
  4. //通话记录跳转过来的
  5. var callId = helper.request.queryString("cid");
  6. $(function() {
  7. //通话记录跳转过来的
  8. var cphone = helper.request.queryString("cphone");
  9. var cCustomerName = decodeURIComponent(helper.request.queryString("cCustomerName"));
  10. if(cphone) {
  11. $('#order_tel').val(cphone); //否 string 联系电话
  12. }
  13. if(cCustomerName) {
  14. $('#order_name').val(cCustomerName); //是 string 姓名/联系人
  15. }
  16. autosize($('textarea'));
  17. //获取工单来源
  18. helper.getDropList.getlistDropByDic($('#order_source'), 'GDLY').then(function() {
  19. $('#order_source').selectpicker('val', '468').trigger('change');
  20. });
  21. //获取业务办理
  22. helper.getDropList.getlistDropByDic($('#order_handle'), 'YWLX');
  23. //获取工单类型
  24. helper.getDropList.getOrderRadios($('#order_type'), 'GDLX', 'inlineRadioOptions').then(function() {
  25. $('#order_type').find('input[type="radio"]').on('change', function() {
  26. if($(this).val() === "107") { // 业务办理
  27. $('#order_handles').show();
  28. }else{
  29. $('#order_handles').hide();
  30. }
  31. });
  32. });
  33. //工单有效性
  34. $('#order_iseffective').find('input[type="radio"]').on('change', function() {
  35. //是否有效工单项(0有效,1无效)
  36. if($(this).val() === "1") { //无效
  37. $('.order_note').show();
  38. } else {
  39. $('.order_note').hide();
  40. }
  41. });
  42. //获取接收部门
  43. getDepts('reginsTreeView', 'order_transfer_dept');
  44. // 立即处理
  45. $('#order_isover').find('input[type="radio"]').on('change', function(){
  46. if($(this).val() === '1'){
  47. $('#order_transfer_depts').hide();
  48. }else{
  49. $('#order_transfer_depts').show();
  50. }
  51. });
  52. //新增工单创建
  53. $('#save_order').on('click', orderSave);
  54. });
  55. //新建工单 保存
  56. function orderSave() {
  57. if(!regexs.userNameReg.test($.trim($('#order_name').val()))) {
  58. layer.confirm('请输入有效的客户姓名(2-20位汉字可以包含·•)!', {
  59. icon: 2,
  60. btn: ['确定']
  61. });
  62. return;
  63. }
  64. if(!regexs.phone.test($.trim($('#order_tel').val()))) {
  65. layer.confirm('请输入正确的联系电话!', {
  66. icon: 2,
  67. btn: ['确定']
  68. });
  69. return;
  70. }
  71. if($('#order_iseffective').find('input[type="radio"]:checked').val() === '1') {
  72. if(!$.trim($('#order_note').val())) {
  73. layer.confirm('请输入无效原因!', {
  74. icon: 2,
  75. btn: ['确定']
  76. });
  77. return;
  78. }
  79. }
  80. if($.trim($('#order_transfer_dept').val()) && $('#order_receiveUser').val() === "0"){
  81. layer.confirm('请选择接收人!', {
  82. icon: 2,
  83. btn: ['确定']
  84. });
  85. return;
  86. }
  87. var order_handle = $('#order_handles').is(':visible') ? $('#order_handle').val() : 0,
  88. order_transfer_dept = $('#order_transfer_dept').attr('data-id'),//int 接收部门
  89. order_receiveUser = $('#order_receiveUser').val();//int 接收人
  90. if($('#order_isover').find('input[type="radio"]:checked').val() === '1'){
  91. order_transfer_dept = 0;
  92. order_receiveUser = 0;
  93. }
  94. $.post(huayi.config.callcenter_url + 'CallInScreen/AddWorkOrder', {
  95. source: $('#order_source').val(),//int 工单来源-下拉,数据来源:数据字典GDLY;
  96. gdlx: $('#order_type').find('input[type="radio"]:checked').val(),//int 工单类型-单选,数据来源:数据字典GDLX;
  97. ywlx: order_handle,//int 业务办理-下拉,工单类型选择“业务办理”时数据来源:数据字典GDLX,工单类型选择“投诉”时数据是投诉,传值ID与工单类型一致
  98. // customerid: ,//int 客户id; -此参数可根据来电弹屏时的客户绑定
  99. callid: callId,//string; -此参数可根据来电弹屏时的客户绑定
  100. callCustomer: $('#order_name').val(),//string 客户姓名; -此参数可根据来电弹屏时的客户绑定
  101. tel: $('#order_tel').val(),//string 联系电话 ; -此参数可根据来电弹屏时的客户绑定
  102. fkcont: $('#order_reception').val(),//string 反馈内容;
  103. iseffective: $('#order_iseffective').find('input[type="radio"]:checked').val(),//int 是否有效工单项(0有效,1无效);
  104. note: $('#order_note').val(),//string 无效工单必填备注;
  105. clbm: order_transfer_dept,//int 接收部门;
  106. clid: order_receiveUser,//int 接收人;
  107. isover: $('#order_isover').find('input[type="radio"]:checked').val(), //int 是否立即处理(默认为0,立即处理为1,立即处理的工单无法指派接收人和接受部门)
  108. token: $.cookie("token")
  109. }, function(result) {
  110. result = $.parseJSON(result);
  111. if(result.state.toLowerCase() == "success") {
  112. cleanOrderForm();
  113. top.workcount();
  114. layer.msg("保存成功");
  115. }
  116. })
  117. }
  118. //清空表单
  119. function cleanOrderForm() {
  120. $('#order_form').find('input.form-control').val('');
  121. $('#order_form').find('textarea.form-control').val('');
  122. $('#order_form').find('select.form-control').val('0');
  123. $('#order_type').find("input[type='radio'][value='107']").prop("checked", true).trigger('change');
  124. $('#order_iseffective').find("input[type='radio'][value='0']").prop("checked", true).trigger('change');
  125. $('#order_transfer_dept').val('').trigger('keyup');
  126. $('#order_transfer_dept').attr('placeholder', '请选择部门');
  127. $('#order_transfer_dept').attr('data-id', 0);
  128. $('#order_receiveUser').selectpicker('destroy');
  129. $('#order_receiveUser').empty();
  130. $('#order_receiveUser').append('<option value="0">请选择接收人</option>');
  131. $('#order_receiveUser').selectpicker('refresh');
  132. $('#order_form').find('.selectpicker.form-control').selectpicker('val', '0').trigger('change');
  133. $('#order_source').selectpicker('val', '468').trigger('change');
  134. $('#order_isover').find("input[type='radio'][value='0']").prop("checked", true);
  135. }
  136. /**
  137. * 获取接收部门 获取投诉类型
  138. * el1, 树形结构元素id名 reginsTreeView
  139. * el2, 搜索框元素id名 order_transfer_dept
  140. * */
  141. function getDepts(el1, el2) {
  142. //初始化 样式
  143. $('#' + el2).on('focus click', function() {
  144. $('#' + el1).removeClass('hidden').addClass('show');
  145. });
  146. $('#' + el2).on('keyup', function() {
  147. if($(this).val() == '') {
  148. $('#' + el1).treeview('uncheckAll', {
  149. silent: true
  150. });
  151. $(this).attr('data-id', '0');
  152. }
  153. });
  154. $('#' + el2 + ' .caret').on('click', function() {
  155. $('#' + el1).removeClass('hidden').addClass('show');
  156. });
  157. $('#' + el1).mouseleave(function() {
  158. $(this).removeClass('show').addClass('hidden');
  159. });
  160. $.getJSON(huayi.config.callcenter_url + 'Department/GetDeptList', {
  161. token: $.cookie("token")
  162. }, function(result) {
  163. if(result.state.toLowerCase() == "success") {
  164. var defaultDatas = helper.methods.buildTree(result.data);
  165. var sortChildrenArr = helper.methods.objToArray(defaultDatas[0].children);
  166. sortChildrenArr.sort(helper.methods.compare('sort'));
  167. var sortChildrenObj = helper.methods.arrayToObj(sortChildrenArr);
  168. defaultDatas[0].children = sortChildrenObj;
  169. if(defaultDatas) {
  170. var $sTree = $('#' + el1).treeview({
  171. color: "#1ab394",
  172. selectedBackColor: '#1ab394',
  173. expandIcon: 'glyphicon glyphicon-chevron-right',
  174. collapseIcon: 'glyphicon glyphicon-chevron-down',
  175. nodeIcon: 'fa fa-folder-o',
  176. //selectedIcon: "glyphicon glyphicon-stop",
  177. //icon: "glyphicon glyphicon-stop",
  178. //emptyIcon: 'glyphicon',
  179. //showCheckbox: true,
  180. selectable: true,
  181. state: {
  182. selected: true
  183. },
  184. data: defaultDatas,
  185. onNodeSelected: function(event, node) {
  186. $sTree.treeview('clearSearch');
  187. $('#' + el2).val(node.text);
  188. $('#' + el2).attr('data-id', node.id);
  189. $('#' + el1).removeClass('show').addClass('hidden');
  190. //获取接收人员
  191. getReceiveUser($('#order_receiveUser'), node.id);
  192. },
  193. onNodeUnselected: function(event, node) {
  194. $('#' + el2).attr('data-id', 0);
  195. $('#' + el2).attr('placeholder', '请选择接收部门');
  196. $('#order_receiveUser').empty();
  197. $('#order_receiveUser').append('<option value="0">请选择接收人</option>');
  198. $('#order_receiveUser').selectpicker('refresh');
  199. }
  200. });
  201. // $('#' + el1).treeview('collapseAll', {
  202. // silent: true
  203. // });
  204. $('#' + el1).treeview('expandAll', { levels: 2, silent: true });
  205. var findSNodes = function() {
  206. return $sTree.treeview('search', [$('#' + el2).val(), {
  207. ignoreCase: false,
  208. exactMatch: false
  209. }]);
  210. };
  211. $('#' + el2).on('keyup focus', function(e) {
  212. var selectableNodes = findSNodes();
  213. //var m = $('#' + el1).treeview('getParent', selectableNodes);
  214. //$('#' + el1).treeview('selectNode', [ m, { silent: true } ]);
  215. });
  216. }
  217. }
  218. })
  219. }
  220. //获取接收人员
  221. function getReceiveUser(obj, deptid) {
  222. $.ajax({
  223. url: huayi.config.callcenter_url + 'UserAccount/GetDeptUserList',
  224. type: 'get',
  225. data: {
  226. deptid: deptid,
  227. token: $.cookie("token")
  228. },
  229. dataType: "json",
  230. async: true,
  231. success: function(res) {
  232. obj.empty();
  233. if(res.state.toLowerCase() === "success") {
  234. res = res.data;
  235. if(res && res.length > 0) {
  236. obj.append('<option value="0">请选择接收人</option>');
  237. res.forEach(function(v, i) {
  238. obj.append('<option value="' + v.F_UserId + '" data-code="'+ v.F_UserCode +'">' + v.F_UserName + '('+ v.F_UserCode +')</option>');
  239. });
  240. obj.selectpicker('refresh');
  241. }
  242. }
  243. },
  244. });
  245. }