安图前端代码

AddWorkOrder.js 8.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319
  1. var ns;
  2. var id=helper.request.queryString("id");
  3. var phone=helper.request.queryString("phone");
  4. var objs={};
  5. $.ajax({
  6. type:"get",
  7. url: huayi.config.callcenter_url + "CallInScreen/GetCurrUserDep",
  8. dataType: 'json',
  9. async: true,
  10. data: {
  11. token: $.cookie("token")
  12. },
  13. success: function(data) {
  14. if(data.state.toLowerCase()=='success'){
  15. if(data.data.groname=='客服组'){
  16. $('.customerService').show();
  17. ns=1;
  18. }else{
  19. $('.market').show();
  20. ns=2;
  21. }
  22. }
  23. }
  24. });
  25. if(id){
  26. $("#tel").val(phone);
  27. $("#tel_market").val(phone);
  28. $("#CallID").val(id);
  29. }
  30. $(document).ready(function(){
  31. //工单来源
  32. getOrderSource('#orderSource');
  33. //工单类型
  34. getOrderType();
  35. //工单状态
  36. getOrderState();
  37. //来电单位
  38. getAccount('#comeCall_dep');
  39. // getAccount('#comeCall_dep_market');
  40. getAccount('#feedbackDep');
  41. // getAccount('#feedbackDep_market');
  42. //保存
  43. $('.customerSubmit').click(function(){
  44. saveCustomer();
  45. })
  46. $('.marketSubmit').click(function(){
  47. saveMarket();
  48. })
  49. })
  50. //工单类型
  51. function getOrderType() {
  52. $.get(huayi.config.callcenter_url + 'WorkType/GetTreeList', {
  53. "token": $.cookie("token"),
  54. }, function(result) {
  55. result = $.parseJSON(result);
  56. $.fn.zTree.init($("#TreeDemo"), setting3, result.data); //实例化树形图
  57. });
  58. }
  59. var setting3 = {
  60. data: {
  61. key: {
  62. name: "text"
  63. },
  64. simpleData: {
  65. enable: true,
  66. idKey: "id",
  67. rootPId: 0
  68. }
  69. },
  70. callback: {
  71. onClick: changeTreeClick
  72. }
  73. }
  74. function changeTreeClick(event, treeId, treeNode) {
  75. var chanId = treeNode.id;
  76. var changeName = treeNode.text;
  77. $('#typeclass').val(changeName);
  78. $('#typeclassId').val(chanId);
  79. var pidnode = treeNode.getParentNode();
  80. };
  81. $('.down').click(function(){
  82. if($('.treeList').css('display') == 'block') {
  83. $('.treeList').css('display', 'none')
  84. } else {
  85. $('.treeList').css('display', 'block')
  86. }
  87. })
  88. $('#typeclass').click(function() {
  89. $('.treeList').css('display', 'block')
  90. })
  91. $('.treeList').mouseleave(function() {
  92. $(this).css('display', 'none')
  93. })
  94. //工单状态
  95. function getOrderState(){
  96. $.ajax({
  97. url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
  98. type:'get',
  99. async:true,
  100. data: {
  101. flag:'GDZT',
  102. token: $.cookie("token")
  103. },
  104. dataType: "json",
  105. success: function (res) {
  106. if(res.state=="success"){
  107. console.log(res.data);
  108. $('<option value="">全部</option>').appendTo($("#State"));
  109. $(res.data).each(function(i,n){
  110. $('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#State"));
  111. })
  112. //
  113. }
  114. }
  115. })
  116. }
  117. //工单来源
  118. function getOrderSource(obj) {
  119. $.ajax({
  120. type: "get",
  121. url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
  122. dataType: 'json',
  123. async: true,
  124. data: {
  125. token: $.cookie("token"),
  126. flag :"GDLY"
  127. },
  128. success: function(data) {
  129. var Count = data.data;
  130. $(Count).each(function(i,n){
  131. $("<option value='" +n.F_DictionaryValueId + "'>" + n.F_Name + "</option>").appendTo($(obj));
  132. })
  133. $(obj).selectpicker('refresh');
  134. }
  135. });
  136. }
  137. //来电单位
  138. function getAccount(obj) {
  139. $.ajax({
  140. type: "get",
  141. url: huayi.config.callcenter_url + "Customer/BindLDdep",
  142. dataType: 'json',
  143. async: true,
  144. data: {
  145. token: $.cookie("token")
  146. },
  147. success: function(data) {
  148. var Count = data.data.dep;
  149. $(Count).each(function(i,n){
  150. $("<option value='" + n + "'>" + n + "</option>").appendTo($(obj));
  151. })
  152. // $(obj).selectpicker('refresh');
  153. }
  154. });
  155. }
  156. function saveCustomer(){
  157. if($('#name').val()==''){
  158. layer.confirm('请输入姓名!', {
  159. icon: 2,
  160. btn: ['确定']
  161. });
  162. return;
  163. }
  164. if($('#tel').val()==''){
  165. layer.confirm('请输入电话!', {
  166. icon: 2,
  167. btn: ['确定']
  168. });
  169. return;
  170. }
  171. if($('#testInput1').val()==''){
  172. layer.confirm('请选择来电单位!', {
  173. icon: 2,
  174. btn: ['确定']
  175. });
  176. return;
  177. }
  178. if($('#testInput2').val()==''){
  179. layer.confirm('请选择反馈单位!', {
  180. icon: 2,
  181. btn: ['确定']
  182. });
  183. return;
  184. }
  185. if($('#orderSource').val()==''){
  186. layer.confirm('请选择工单来源!', {
  187. icon: 2,
  188. btn: ['确定']
  189. });
  190. return;
  191. }
  192. if($('#State').val()==''){
  193. layer.confirm('请选择工单状态!', {
  194. icon: 2,
  195. btn: ['确定']
  196. });
  197. return;
  198. }
  199. if($('#typeclassId').val()==''){
  200. layer.confirm('请选择工单类型!', {
  201. icon: 2,
  202. btn: ['确定']
  203. });
  204. return;
  205. }
  206. $.ajax({
  207. type: "post",
  208. url: huayi.config.callcenter_url + "CallInScreen/AddWorkOrder",
  209. dataType: 'json',
  210. async: true,
  211. data: {
  212. token: $.cookie("token"),
  213. callCustomer:$('#name').val(),//姓名
  214. tel:$('#tel').val(),//号码
  215. lddep:$('#testInput1').val(),//来电单位
  216. fkdep:$('#testInput2').val(),//反馈单位
  217. gdly:$('#orderSource').val(),//工单来源
  218. gdlx: $('#typeclassId').val(),//工单类型id
  219. gdzt:$('#State').val(),//工单状态id
  220. fkcont:$('#feedBackCon').val(),//反馈内容
  221. sendmsg:$('#express').val() ,//快递信息
  222. note1: $('#remark1').val(),//备注一
  223. note2: $('#remark2').val(),//备注二
  224. note3: $('#remark3').val(),//备注三
  225. callid:$("#CallID").val()
  226. },
  227. success: function(data) {
  228. if(data.state.toLowerCase()=='success'){
  229. layer.msg("保存成功!");
  230. clear();
  231. }
  232. }
  233. });
  234. }
  235. function saveMarket(){
  236. if($('#name_market').val()==''){
  237. layer.confirm('请输入姓名!', {
  238. icon: 2,
  239. btn: ['确定']
  240. });
  241. return;
  242. }
  243. if($('#tel_market').val()==''){
  244. layer.confirm('请输入电话!', {
  245. icon: 2,
  246. btn: ['确定']
  247. });
  248. return;
  249. }
  250. if($('##testInput3').val()==''){
  251. layer.confirm('请选择来电单位!', {
  252. icon: 2,
  253. btn: ['确定']
  254. });
  255. return;
  256. }
  257. $.ajax({
  258. type: "post",
  259. url: huayi.config.callcenter_url + "CallInScreen/AddWorkOrder",
  260. dataType: 'json',
  261. async: true,
  262. data: {
  263. token: $.cookie("token"),
  264. callCustomer:$('#name_market').val(),//姓名
  265. tel:$('#tel_market').val(),//号码
  266. lddep:$('#testInput3').val(),//来电单位
  267. fkdep:$('#testInput4').val(),//反馈单位
  268. fkcont:$('#remark_market').val(),//反馈内容
  269. callid:$("#CallID").val()
  270. },
  271. success: function(data) {
  272. if(data.state.toLowerCase()=='success'){
  273. layer.msg("保存成功!");
  274. clear();
  275. }
  276. }
  277. });
  278. }
  279. function clear(){
  280. if(ns==1){
  281. $('#name').val('');
  282. $('#tel').val('');//号码
  283. $('#testInput1').val('');//来电单位
  284. $('#testInput2').val('');//反馈单位
  285. $('#orderSource').val('');//工单来源
  286. $('#typeclassId').val('');//工单类型id
  287. $('#State').val('');//工单状态id
  288. $('#feedBackCon').val('');//反馈内容
  289. $('#express').val('');//快递信息
  290. $('#remark1').val('');//备注一
  291. $('#remark2').val('');//备注二
  292. $('#remark3').val('');//备注三
  293. }else{
  294. $('#name_market').val('');
  295. $('#tel_market').val('');//号码
  296. $('#testInput3').val('');//来电单位
  297. $('#testInput4').val('');//反馈单位
  298. $('#remark_market').val('');//备注内容
  299. }
  300. }