Sin descripción

detail.js 8.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
  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_Productiontime").innerHTML = Data[0].F_Productiontime; //生产时间
  81. document.getElementById("F_BatchNumber").innerHTML = Data[0].F_BatchNumber; //产品编码
  82. document.getElementById("F_Manufacturer").innerHTML = Data[0].F_Manufacturer; //生产厂家
  83. for(var i = 0; i < data.itemlasts.length; i++) {
  84. var table = document.body.querySelector('.GDgz');
  85. var div = document.createElement('div');
  86. div.innerHTML =
  87. '<h5 class="mui-badge-success mui-badge-inverted">' + data.itemlasts[i].F_CreateTime + ' ' +
  88. '<h5><span>备注信息:</span><a class="Font telPhone" data-index="'+data.itemlasts[i].F_CusPhone+
  89. '" >' + data.itemlasts[i].F_OptContent + '</a></h5>';
  90. table.appendChild(div);
  91. }
  92. //href="tel:'+data.itemlasts[i].F_CusPhone+'"
  93. $(".telPhone").on("tap",function () {
  94. var telCall=$(this).attr("data-index")
  95. //alert(telCall)
  96. if (telCall!="null"&&telCall!="") {
  97. $(this).attr("href","tel:"+telCall)
  98. }else{
  99. mui.toast('联系人为空,请核对')
  100. }
  101. })
  102. //图片展示
  103. if(data.FileUrl) {
  104. $(data.FileUrl).each(function(i, n) {
  105. if(n.F_Type == '.jpg'||n.F_Type == '.png') {
  106. $('<div class="img-box"><img src="' + n.F_Url + '" alt="" class="image-item" data-preview-src="" data-preview-group="1" /><div>').appendTo("#image-list");
  107. $(".image-list").show();
  108. } else if(n.F_Type == '.docx') {
  109. mui.toast('猜猜我是谁')
  110. }
  111. })
  112. }
  113. //按钮显示
  114. if(data.buttons.length > 0) {
  115. $('.BTS').show();
  116. for(var i = 0; i < data.buttons.length; i++) {
  117. $('<li class=" mui-media mui-col-xs-4">' +
  118. '<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>' +
  119. '</li>').appendTo(".mui-grid-9")
  120. }
  121. $(".Biaoqian").on("tap", function() {
  122. var a = $(this).attr("index");
  123. if(a == 3) {
  124. deletFun(); //删除
  125. } else if(a == 4) {
  126. submitFun(); //提交
  127. } else if(a == 5) {
  128. appointFun(); //指派
  129. } else if(a == 6) {
  130. disposeFun(); //处理
  131. } else if(a == 7) {
  132. backFun(); //退回
  133. } else if(a == 8) {
  134. signFun(); //标记
  135. } else if(a == 9) {
  136. remind(); //标记
  137. }
  138. })
  139. }
  140. // if (classImport) {
  141. // $(".mui-grid-9").hide()
  142. // }
  143. },
  144. error: function(xhr, type, errorThrown) {
  145. //异常处理;
  146. }
  147. });
  148. // 删除
  149. function deletFun() {
  150. var btnArray = ['否', '是'];
  151. mui.confirm('确定要删除工单?', '提示', btnArray, function(e) {
  152. if(e.index == 1) {
  153. mui.ajax(huayi.config.callcenter_url + 'WorkorderApp/DelWorkOrder', {
  154. data: {
  155. ids: vText,
  156. token: token
  157. },
  158. dataType: 'json', //服务器返回json格式数据
  159. type: 'post', //HTTP请求类型
  160. timeout: 10000, //超时时间设置为10秒;
  161. headers: {
  162. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  163. },
  164. success: function(data) {
  165. if(data.state.toLowerCase() == "success") {
  166. mui.toast("删除成功");
  167. if (classImport) {
  168. var wobj = plus.webview.getWebviewById("Work-listClass");
  169. }else{
  170. var wobj = plus.webview.getWebviewById("Work-list");
  171. }
  172. wobj.reload(true);
  173. }
  174. }
  175. })
  176. } else {
  177. mui.toast("取消");
  178. }
  179. })
  180. }
  181. //提醒
  182. function remind() {
  183. mui.openWindow({
  184. id: 'Work-remind',
  185. url: 'Work-remind.html',
  186. createNew:true,
  187. show: {
  188. aniShow: 'pop-in'
  189. },
  190. styles: {
  191. popGesture: 'hide'
  192. },
  193. waiting: {
  194. autoShow: true
  195. },
  196. extras: {
  197. name: vText,
  198. classImport: classImport, //区分工单等级列表参数
  199. token: token
  200. }
  201. });
  202. }
  203. //退回
  204. function backFun() {
  205. mui.openWindow({
  206. id: 'Work-HT',
  207. url: 'Work-HT.html',
  208. createNew:true,
  209. show: {
  210. aniShow: 'pop-in'
  211. },
  212. styles: {
  213. popGesture: 'hide'
  214. },
  215. waiting: {
  216. autoShow: true
  217. },
  218. extras: {
  219. name: vText,
  220. classImport: classImport, //区分工单等级列表参数
  221. token: token
  222. }
  223. });
  224. }
  225. //提交
  226. function submitFun() {
  227. mui.openWindow({
  228. id: 'Work-assign',
  229. url: 'Work-assign.html',
  230. createNew:true,
  231. show: {
  232. aniShow: 'pop-in'
  233. },
  234. styles: {
  235. popGesture: 'hide'
  236. },
  237. waiting: {
  238. autoShow: true
  239. },
  240. extras: {
  241. name: vText,
  242. classImport: classImport, //区分工单等级列表参数
  243. token: token
  244. }
  245. });
  246. }
  247. // 指派
  248. function appointFun() {
  249. mui.openWindow({
  250. id: 'Work-appoint',
  251. url: 'Work-appoint.html',
  252. createNew:true,
  253. show: {
  254. aniShow: 'pop-in'
  255. },
  256. styles: {
  257. popGesture: 'hide'
  258. },
  259. waiting: {
  260. autoShow: true
  261. },
  262. extras: {
  263. name: vText,
  264. classImport: classImport, //区分工单等级列表参数
  265. token: token
  266. }
  267. });
  268. }
  269. // 处理
  270. function disposeFun() {
  271. mui.openWindow({
  272. id: 'Work-dispose',
  273. url: 'Work-dispose.html',
  274. createNew:true,
  275. show: {
  276. aniShow: 'pop-in'
  277. },
  278. styles: {
  279. popGesture: 'hide'
  280. },
  281. waiting: {
  282. autoShow: true
  283. },
  284. extras: {
  285. name: vText,
  286. classImport: classImport, //区分工单等级列表参数
  287. token: token
  288. }
  289. });
  290. }
  291. // 标记
  292. function signFun() {
  293. mui.openWindow({
  294. id: 'Work-sign',
  295. url: 'Work-sign.html',
  296. createNew:true,
  297. show: {
  298. aniShow: 'pop-in'
  299. },
  300. styles: {
  301. popGesture: 'hide'
  302. },
  303. waiting: {
  304. autoShow: true
  305. },
  306. extras: {
  307. name: vText,
  308. classImport: classImport, //区分工单等级列表参数
  309. token: token
  310. }
  311. });
  312. }
  313. $(".Tap").on('tap', function() {
  314. createDownload();
  315. })
  316. })