暫無描述

detail.js 8.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319
  1. mui.init({
  2. swipeBack: true //启用右滑关闭功能
  3. });
  4. mui.previewImage();
  5. mui.plusReady(function() {
  6. var wv = plus.webview.currentWebview();
  7. var vText = wv.name;
  8. //var classImport = wv.classImport;
  9. var ID = vText;
  10. var token = localStorage.getItem("token");
  11. var classImport = wv.classImport;
  12. //工单详情
  13. mui.ajax(huayi.config.callcenter_url + '/WorkorderApp/GetDetails', {
  14. data: {
  15. id: vText,
  16. "token": token
  17. },
  18. dataType: 'json', //服务器返回json格式数据
  19. type: 'get', //HTTP请求类型
  20. timeout: 10000, //超时时间设置为10秒;
  21. headers: {
  22. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  23. },
  24. success: function(data) {
  25. var Data = data.rows;
  26. var States;
  27. if (Data[0].F_State==0) {
  28. States="待提交"
  29. } else if (Data[0].F_State==1) {
  30. States="待分派"
  31. }else if (Data[0].F_State==2) {
  32. States="待接单"
  33. }else if (Data[0].F_State==3) {
  34. States="待处理"
  35. }else if (Data[0].F_State==4) {
  36. States="处理中"
  37. }else if (Data[0].F_State==5) {
  38. States="退回待分派"
  39. }else if (Data[0].F_State==6) {
  40. States="退回待提交"
  41. }else if (Data[0].F_State==10) {
  42. States="已处理"
  43. }
  44. document.getElementById("F_State").innerHTML = States; //工单状态
  45. // $("#F_State").css({"padding":"3px 6px"})
  46. document.getElementById("ID").innerHTML = Data[0].F_WorkOrderId; //工单编号
  47. document.getElementById("DealTimely").innerHTML = Data[0].F_DealTimely; //工单等级
  48. document.getElementById("F_Reason").innerHTML = Data[0].F_Reason; //重要等级原因
  49. document.getElementById("QualityProblem").innerHTML = Data[0].F_QualityProblem; //质量问题
  50. document.getElementById("F_Office").innerHTML = Data[0].F_OfficName; //办事处
  51. if(Data[0].F_Duplicate==0){
  52. Duplicate="否";
  53. }else{
  54. Duplicate="是";
  55. }
  56. if (Data[0].F_Type==1) {
  57. Data[0].F_Type="咨询"
  58. }else if(Data[0].F_Type=2){
  59. Data[0].F_Type="投诉"
  60. }
  61. document.getElementById("F_AreaName").innerHTML = Data[0].F_AreaName; //所属大区
  62. document.getElementById("F_Duplicate").innerHTML = Duplicate; //办事处
  63. document.getElementById("ProblemCode").innerHTML = Data[0].F_ProblemCode; //问题代码
  64. document.getElementById("F_AddRess").innerHTML = Data[0].F_AddRess; //所属大区
  65. document.getElementById("Content").innerHTML = Data[0].F_Content; //备注
  66. document.getElementById("F_CusName").innerHTML = Data[0].F_CusName; //来电人姓名
  67. document.getElementById("F_CusPhone").innerHTML = Data[0].F_CusPhone; //所属大区
  68. document.getElementById("F_Type").innerHTML = Data[0].F_Type; //备注
  69. document.getElementById("F_CreateTime").innerHTML = Data[0].F_CreateTime; //所属大区
  70. // href="tel:'+n.F_Mobile+'"
  71. document.getElementById("F_CusPhone").innerHTML = Data[0].F_CusPhone; //备注
  72. if (Data[0].F_CusPhone!=""&&Data[0].F_CusPhone!="null") {
  73. $("#F_CusPhone").attr("href","tel:"+Data[0].F_CusPhone)
  74. }
  75. // 产品问题
  76. document.getElementById("F_ProductType").innerHTML = Data[0].F_ProductType; //产品代码
  77. document.getElementById("F_ProductName").innerHTML = Data[0].F_ProductName; //产品名称
  78. document.getElementById("F_Specifications").innerHTML = Data[0].F_Specifications; //规格
  79. document.getElementById("F_ProductDate").innerHTML = Data[0].F_ProductDate; //生产日期
  80. document.getElementById("F_BatchNumber").innerHTML = Data[0].F_BatchNumber; //产品编码
  81. document.getElementById("F_Manufacturer").innerHTML = Data[0].F_Manufacturer; //生产厂家
  82. for(var i = 0; i < data.itemlasts.length; i++) {
  83. var table = document.body.querySelector('.GDgz');
  84. var div = document.createElement('div');
  85. div.innerHTML =
  86. '<h5 class="mui-badge-success mui-badge-inverted">' + data.itemlasts[i].F_CreateTime + ' ' +
  87. '<h5><span>备注信息:</span><a class="Font telPhone" data-index="'+data.itemlasts[i].F_CusPhone+
  88. '" >' + data.itemlasts[i].F_OptContent + '</a></h5>';
  89. table.appendChild(div);
  90. }
  91. //href="tel:'+data.itemlasts[i].F_CusPhone+'"
  92. $(".telPhone").on("tap",function () {
  93. var telCall=$(this).attr("data-index")
  94. //alert(telCall)
  95. if (telCall!="null"&&telCall!="") {
  96. $(this).attr("href","tel:"+telCall)
  97. }else{
  98. mui.toast('联系人为空,请核对')
  99. }
  100. })
  101. //图片展示
  102. if(data.FileUrl) {
  103. $(data.FileUrl).each(function(i, n) {
  104. if(n.F_Type == '.jpg'||n.F_Type == '.png') {
  105. $('<div class="img-box"><img src="' + n.F_Url + '" alt="" class="image-item" data-preview-src="" data-preview-group="1" /><div>').appendTo("#image-list");
  106. $(".image-list").show();
  107. } else if(n.F_Type == '.docx') {
  108. mui.toast('猜猜我是谁')
  109. }
  110. })
  111. }
  112. //按钮显示
  113. if(data.buttons.length > 0) {
  114. $('.BTS').show();
  115. for(var i = 0; i < data.buttons.length; i++) {
  116. $('<li class=" mui-media mui-col-xs-4">' +
  117. '<button type="button" data-loading-text="提交中" index="' + data.buttons[i].key + '" class="mui-btn mui-btn-danger btn_agree Biaoqian">' + data.buttons[i].value + '</button>' +
  118. '</li>').appendTo(".mui-grid-9")
  119. }
  120. $(".Biaoqian").on("tap", function() {
  121. var a = $(this).attr("index");
  122. if(a == 3) {
  123. deletFun(); //删除
  124. } else if(a == 4) {
  125. submitFun(); //提交
  126. } else if(a == 5) {
  127. appointFun(); //指派
  128. } else if(a == 6) {
  129. disposeFun(); //处理
  130. } else if(a == 7) {
  131. backFun(); //退回
  132. } else if(a == 8) {
  133. signFun(); //标记
  134. } else if(a == 9) {
  135. remind(); //标记
  136. }
  137. })
  138. }
  139. // if (classImport) {
  140. // $(".mui-grid-9").hide()
  141. // }
  142. },
  143. error: function(xhr, type, errorThrown) {
  144. //异常处理;
  145. }
  146. });
  147. // 删除
  148. function deletFun() {
  149. var btnArray = ['否', '是'];
  150. mui.confirm('确定要删除工单?', '提示', btnArray, function(e) {
  151. if(e.index == 1) {
  152. mui.ajax(huayi.config.callcenter_url + 'WorkorderApp/DelWorkOrder', {
  153. data: {
  154. ids: vText,
  155. token: token
  156. },
  157. dataType: 'json', //服务器返回json格式数据
  158. type: 'post', //HTTP请求类型
  159. timeout: 10000, //超时时间设置为10秒;
  160. headers: {
  161. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  162. },
  163. success: function(data) {
  164. if(data.state.toLowerCase() == "success") {
  165. mui.toast("删除成功");
  166. if (classImport) {
  167. var wobj = plus.webview.getWebviewById("Work-listClass");
  168. }else{
  169. var wobj = plus.webview.getWebviewById("Work-list");
  170. }
  171. wobj.reload(true);
  172. }
  173. }
  174. })
  175. } else {
  176. mui.toast("取消");
  177. }
  178. })
  179. }
  180. //提醒
  181. function remind() {
  182. mui.openWindow({
  183. id: 'Work-remind',
  184. url: 'Work-remind.html',
  185. createNew:true,
  186. show: {
  187. aniShow: 'pop-in'
  188. },
  189. styles: {
  190. popGesture: 'hide'
  191. },
  192. waiting: {
  193. autoShow: true
  194. },
  195. extras: {
  196. name: vText,
  197. classImport: classImport, //区分工单等级列表参数
  198. token: token
  199. }
  200. });
  201. }
  202. //退回
  203. function backFun() {
  204. mui.openWindow({
  205. id: 'Work-HT',
  206. url: 'Work-HT.html',
  207. createNew:true,
  208. show: {
  209. aniShow: 'pop-in'
  210. },
  211. styles: {
  212. popGesture: 'hide'
  213. },
  214. waiting: {
  215. autoShow: true
  216. },
  217. extras: {
  218. name: vText,
  219. classImport: classImport, //区分工单等级列表参数
  220. token: token
  221. }
  222. });
  223. }
  224. //提交
  225. function submitFun() {
  226. mui.openWindow({
  227. id: 'Work-assign',
  228. url: 'Work-assign.html',
  229. createNew:true,
  230. show: {
  231. aniShow: 'pop-in'
  232. },
  233. styles: {
  234. popGesture: 'hide'
  235. },
  236. waiting: {
  237. autoShow: true
  238. },
  239. extras: {
  240. name: vText,
  241. classImport: classImport, //区分工单等级列表参数
  242. token: token
  243. }
  244. });
  245. }
  246. // 指派
  247. function appointFun() {
  248. mui.openWindow({
  249. id: 'Work-appoint',
  250. url: 'Work-appoint.html',
  251. createNew:true,
  252. show: {
  253. aniShow: 'pop-in'
  254. },
  255. styles: {
  256. popGesture: 'hide'
  257. },
  258. waiting: {
  259. autoShow: true
  260. },
  261. extras: {
  262. name: vText,
  263. classImport: classImport, //区分工单等级列表参数
  264. token: token
  265. }
  266. });
  267. }
  268. // 处理
  269. function disposeFun() {
  270. mui.openWindow({
  271. id: 'Work-dispose',
  272. url: 'Work-dispose.html',
  273. createNew:true,
  274. show: {
  275. aniShow: 'pop-in'
  276. },
  277. styles: {
  278. popGesture: 'hide'
  279. },
  280. waiting: {
  281. autoShow: true
  282. },
  283. extras: {
  284. name: vText,
  285. classImport: classImport, //区分工单等级列表参数
  286. token: token
  287. }
  288. });
  289. }
  290. // 标记
  291. function signFun() {
  292. mui.openWindow({
  293. id: 'Work-sign',
  294. url: 'Work-sign.html',
  295. createNew:true,
  296. show: {
  297. aniShow: 'pop-in'
  298. },
  299. styles: {
  300. popGesture: 'hide'
  301. },
  302. waiting: {
  303. autoShow: true
  304. },
  305. extras: {
  306. name: vText,
  307. classImport: classImport, //区分工单等级列表参数
  308. token: token
  309. }
  310. });
  311. }
  312. $(".Tap").on('tap', function() {
  313. createDownload();
  314. })
  315. })