Ei kuvausta

details.html 55KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>工单详情</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link href="../css/mui.css" rel="stylesheet" />
  10. <link href="../css/mui.picker.css" rel="stylesheet" />
  11. <link href="../css/mui.poppicker.css" rel="stylesheet" />
  12. <link href="../css/iconfont.css" rel="stylesheet" />
  13. <link href="css/details.css" rel="stylesheet" />
  14. <style>
  15. .pop_up_div8{
  16. display: none;
  17. }
  18. #order_source{
  19. margin-left: 10%;
  20. display: none;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="mui-nav" id="mNavbar">
  26. <a class="mui-icon mui-icon-arrowleft return"></a>
  27. 工单详情
  28. </div>
  29. <div class="mui-content" id="mContent">
  30. <ul class="mui-table-view mui-table-view-ul" style="margin-top: 0px;">
  31. <li class="mui-table-view-cell mui-table-view-li">
  32. <div class="mui-input-row">
  33. <label class="label font-color5">工单编号:</label>
  34. <div class="mui-radio mui-right radio_box">
  35. <label class="font-color6" id="Work_bianhao"></label>
  36. </div>
  37. </div>
  38. </li>
  39. <li class="mui-table-view-cell mui-table-view-li">
  40. <div class="mui-input-row">
  41. <label class="label font-color5">工单类型:</label>
  42. <div class="mui-radio mui-right radio_box">
  43. <label class="font-color6" id="Work_classname"></label>
  44. </div>
  45. </div>
  46. </li>
  47. <li class="mui-table-view-cell mui-table-view-li">
  48. <div class="mui-input-row">
  49. <label class="label font-color5">部门:</label>
  50. <div class="mui-radio mui-right radio_box">
  51. <label class="font-color6" id="section"></label>
  52. </div>
  53. </div>
  54. </li>
  55. <li class="mui-table-view-cell mui-table-view-li ">
  56. <div class="mui-input-row">
  57. <label class="label font-color5">客户姓名:</label>
  58. <div class="mui-radio mui-right radio_box">
  59. <label class="font-color6" id="customer"></label>
  60. </div>
  61. </div>
  62. </li>
  63. <li class="mui-table-view-cell mui-table-view-li">
  64. <div class="mui-input-row">
  65. <label class="label font-color5">联系电话:</label>
  66. <div class="mui-radio mui-right radio_box">
  67. <label class="font-color6" id="customerTel"></label>
  68. </div>
  69. </div>
  70. </li>
  71. <li class="mui-table-view-cell mui-table-view-li">
  72. <div class="mui-input-row">
  73. <label class="label font-color5">公司名称:</label>
  74. <div class="mui-radio mui-right radio_box">
  75. <label class="font-color6" id="Work_areaname" data-index=""></label>
  76. </div>
  77. </div>
  78. </li>
  79. <li class="mui-table-view-cell mui-table-view-li">
  80. <div class="mui-input-row">
  81. <label class="label font-color5">业务员:</label>
  82. <div class="mui-radio mui-right radio_box">
  83. <label class="font-color6" id="order_tower"></label>
  84. <!--<span id="order_tower"> </span>-->
  85. </div>
  86. </div>
  87. </li>
  88. <li class="mui-table-view-cell mui-table-view-li">
  89. <div class="mui-input-row">
  90. <label class="label font-color5">业务员电话:</label>
  91. <div class="mui-radio mui-right radio_box">
  92. <label class="font-color6" id="order_unit"></label>
  93. </div>
  94. </div>
  95. </li>
  96. <li class="mui-table-view-cell mui-table-view-li">
  97. <div class="mui-input-row">
  98. <label class="label font-color5">问题类别:</label>
  99. <div class="mui-radio mui-right radio_box">
  100. <label class="font-color6" id="order_classes"></label>
  101. </div>
  102. </div>
  103. </li>
  104. <li class="mui-table-view-cell mui-table-view-li">
  105. <div class="mui-input-row">
  106. <label class="label font-color5">事发地:</label>
  107. <div class="mui-radio mui-right radio_box">
  108. <label class="font-color6" id="order_account"></label>
  109. </div>
  110. </div>
  111. </li>
  112. <li class="mui-table-view-cell mui-table-view-li">
  113. <div class="mui-input-row">
  114. <label class="label font-color5">市区:</label>
  115. <div class="mui-radio mui-right radio_box">
  116. <label class="font-color6" id="order_downtown"></label>
  117. </div>
  118. </div>
  119. </li>
  120. <li class="mui-table-view-cell mui-table-view-li">
  121. <div class="mui-input-row">
  122. <label class="label font-color5">县区:</label>
  123. <div class="mui-radio mui-right radio_box">
  124. <label class="font-color6" id="order_counties"></label>
  125. </div>
  126. </div>
  127. </li>
  128. <li class="mui-table-view-cell mui-table-view-li">
  129. <div class="mui-input-row">
  130. <label class="label font-color5">乡:</label>
  131. <div class="mui-radio mui-right radio_box">
  132. <label class="font-color6" id="order_village"></label>
  133. </div>
  134. </div>
  135. </li>
  136. <li class="mui-table-view-cell mui-table-view-li">
  137. <div class="mui-input-row">
  138. <label class="label font-color5">详细地址:</label>
  139. <div class="mui-radio mui-right radio_box">
  140. <label class="font-color6" id="order_address"></label>
  141. </div>
  142. </div>
  143. </li>
  144. <li class="mui-table-view-cell mui-table-view-li">
  145. <div class="mui-input-row">
  146. <label class="label font-color5">销售基地:</label>
  147. <div class="mui-radio mui-right radio_box">
  148. <label class="font-color6" id="order_matrix"></label>
  149. </div>
  150. </div>
  151. </li>
  152. <li class="mui-table-view-cell mui-table-view-li">
  153. <div class="mui-input-row">
  154. <label class="label font-color5">大区:</label>
  155. <div class="mui-radio mui-right radio_box">
  156. <label class="font-color6" id="order_macrocell"></label>
  157. </div>
  158. </div>
  159. </li>
  160. <li class="mui-table-view-cell mui-table-view-li">
  161. <div class="mui-input-row">
  162. <label class="label font-color5">分公司:</label>
  163. <div class="mui-radio mui-right radio_box">
  164. <label class="font-color6" id="order_filiale"></label>
  165. </div>
  166. </div>
  167. </li>
  168. <li class="mui-table-view-cell mui-table-view-li">
  169. <div class="mui-input-row">
  170. <label class="label font-color5">分公司:</label>
  171. <div class="mui-radio mui-right radio_box">
  172. <label class="font-color6" id="order_filiale"></label>
  173. </div>
  174. </div>
  175. </li>
  176. <li class="mui-table-view-cell mui-table-view-li">
  177. <div class="mui-input-row">
  178. <label class="label font-color5">客户编码:</label>
  179. <div class="mui-radio mui-right radio_box">
  180. <label class="font-color6" id="order_material"></label>
  181. </div>
  182. </div>
  183. </li>
  184. <li class="mui-table-view-cell mui-table-view-li">
  185. <div class="mui-input-row">
  186. <label class="label font-color5">物料名称:</label>
  187. <div class="mui-radio mui-right radio_box">
  188. <label class="font-color6" id="order_mate"></label>
  189. </div>
  190. </div>
  191. </li>
  192. <li class="mui-table-view-cell mui-table-view-li">
  193. <div class="mui-input-row">
  194. <label class="label font-color5">型号:</label>
  195. <div class="mui-radio mui-right radio_box">
  196. <label class="font-color6" id="order_model"></label>
  197. </div>
  198. </div>
  199. </li>
  200. <li class="mui-table-view-cell mui-table-view-li">
  201. <div class="mui-input-row">
  202. <label class="label font-color5">产品名称:</label>
  203. <div class="mui-radio mui-right radio_box">
  204. <label class="font-color6" id="order_product"></label>
  205. </div>
  206. </div>
  207. </li>
  208. <li class="mui-table-view-cell mui-table-view-li">
  209. <div class="mui-input-row">
  210. <label class="label font-color5">问题数量:</label>
  211. <div class="mui-radio mui-right radio_box">
  212. <label class="font-color6" id="order_Question"></label>
  213. </div>
  214. </div>
  215. </li>
  216. <li class="mui-table-view-cell mui-table-view-li">
  217. <div class="mui-input-row">
  218. <label class="label font-color5">添加人工号:</label>
  219. <div class="mui-radio mui-right radio_box">
  220. <label class="font-color6" id="Work_houseID"></label>
  221. </div>
  222. </div>
  223. </li>
  224. <!--业主信息-->
  225. <!--<li class="mui-table-view-cell mui-table-view-li">
  226. <div class="mui-input-row">
  227. <label class="label font-color5">业主信息:</label>
  228. <div class="mui-radio mui-right radio_box">
  229. <label class="font-color6">范冰冰 1566666666</label>
  230. </div>
  231. </div>
  232. </li>-->
  233. <li class="mui-table-view-cell mui-table-view-li">
  234. <div class="mui-input-row">
  235. <label class="label font-color5">处理人:</label>
  236. <div class="mui-radio mui-right radio_box">
  237. <label class="font-color6" id="Work_ownerRelations"></label>
  238. </div>
  239. </div>
  240. </li>
  241. <li class="mui-table-view-cell mui-table-view-li" id="source">
  242. <div class="mui-input-row">
  243. <label class="label font-color5">处理时间:</label>
  244. <div class="mui-radio mui-right radio_box">
  245. <label class="font-color6" id="Work_source"></label>
  246. </div>
  247. </div>
  248. </li>
  249. <li class="mui-table-view-cell mui-table-view-li Work_lastDealDiv">
  250. <div class="mui-input-row">
  251. <label class="label font-color5">处理内容:</label>
  252. <div class="mui-radio mui-right radio_box">
  253. <label class="font-color6 Work_lastDealUser"></label>
  254. </div>
  255. </div>
  256. </li>
  257. <li class="mui-table-view-cell mui-table-view-li">
  258. <div class="mui-input-row">
  259. <label class="label font-color5">处理结果:</label>
  260. <div class="mui-radio mui-right radio_box">
  261. <label class="font-color6 Work_last"></label>
  262. </div>
  263. </div>
  264. </li>
  265. <li class="mui-table-view-cell mui-table-view-li">
  266. <div class="mui-input-row">
  267. <label class="label font-color5">未处理原因:</label>
  268. <div class="mui-radio mui-right radio_box">
  269. <label class="font-color6" id="Work_workOrderID"></label>
  270. </div>
  271. </div>
  272. </li>
  273. <li class="mui-table-view-cell mui-table-view-li">
  274. <div class="mui-input-row">
  275. <label class="label font-color5">是否回访:</label>
  276. <div class="mui-radio mui-right radio_box">
  277. <label class="font-color6" id="Work_wor"></label>
  278. </div>
  279. </div>
  280. </li>
  281. <!--<li class="mui-table-view-cell mui-table-view-cell-pmargin ">
  282. <p><span class="font-color4">补充描述:</span>预约时间改为下午六点。现在不方便</p>
  283. </li>-->
  284. <li class="mui-table-view-cell mui-table-view-cell-pmargin">
  285. <p id="Work_detail"></p>
  286. </li>
  287. <!--<li class="mui-table-view-cell mui-table-view-cell-pmargin" id="Work_comment">
  288. </li>-->
  289. </ul>
  290. <ul class="mui-table-view mui-grid-view">
  291. <h4 class="mui-ellipsis size-16 mui_btn1_tit">操作按钮:</h4>
  292. <div class="type1">
  293. <!--待派单-->
  294. <div class="mui_btn1 dispose1">
  295. <li class=" mui-media mui-col-xs-3">
  296. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block receiving">审批</button>
  297. </li>
  298. <!--<li class=" mui-media mui-col-xs-3">
  299. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block redeploy">转派</button>
  300. </li>
  301. <li class=" mui-media mui-col-xs-3">
  302. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block finsh">完结</button>
  303. </li>-->
  304. </div>
  305. <!--待处理-->
  306. <div class="mui_btn1 dispose2">
  307. <li class=" mui-media mui-col-xs-3">
  308. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block edit">修改</button>
  309. </li>
  310. <li class=" mui-media mui-col-xs-3">
  311. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block sendback">退回</button>
  312. </li>
  313. <!--<li class=" mui-media mui-col-xs-3">
  314. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block delet">删除</button>
  315. </li>
  316. <li class=" mui-media mui-col-xs-3">
  317. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block deal">处理</button>
  318. </li>
  319. <li class=" mui-media mui-col-xs-3">
  320. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block btn_reply">回复</button>
  321. </li>-->
  322. </div>
  323. <!--已完成-->
  324. <div class="mui_btn1 dispose3">
  325. <li class=" mui-media mui-col-xs-3">
  326. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block edit">修改</button>
  327. </li>
  328. <li class=" mui-media mui-col-xs-3">
  329. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block delet">删除</button>
  330. </li>
  331. <!--<li class=" mui-media mui-col-xs-3">
  332. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block comment">评论</button>
  333. </li>-->
  334. </div>
  335. </div>
  336. <div class="type2">
  337. <!--待派单-->
  338. <div class="mui_btn1 dispose1">
  339. <li class=" mui-media mui-col-xs-3">
  340. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block rece">接单</button>
  341. </li>
  342. <li class=" mui-media mui-col-xs-3">
  343. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block sendback">退回</button>
  344. </li>
  345. </div>
  346. <!--待处理-->
  347. <div class="mui_btn1 dispose2">
  348. <li class=" mui-media mui-col-xs-3">
  349. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block disp">处理</button>
  350. </li>
  351. <li class=" mui-media mui-col-xs-3">
  352. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block allot">分配</button>
  353. </li>
  354. <li class=" mui-media mui-col-xs-3">
  355. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block abnormal">异常退回</button>
  356. </li>
  357. <li class=" mui-media mui-col-xs-3">
  358. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block postpone">申请延期</button>
  359. </li>
  360. <!--<li class=" mui-media mui-col-xs-3">
  361. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block btn_reply">回复</button>
  362. </li>-->
  363. </div>
  364. <!--已完成-->
  365. <!--<div class="mui_btn1 dispose3">
  366. <li class=" mui-media mui-col-xs-3">
  367. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block comment">评论</button>
  368. </li>
  369. </div>-->
  370. </div>
  371. <div class="type3">
  372. <!--待派单-->
  373. <div class="mui_btn1 dispose1">
  374. <li class=" mui-media mui-col-xs-3">
  375. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block receiving">审批</button>
  376. </li>
  377. </div>
  378. <div class="mui_btn1 dispose2">
  379. <li class=" mui-media mui-col-xs-3">
  380. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block approva">高层审批</button>
  381. </li>
  382. </div>
  383. </div>
  384. <div class="type4">
  385. <!--待派单-->
  386. <div class="mui_btn1 ">
  387. <li class=" mui-media mui-col-xs-3">
  388. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block receiving">接单</button>
  389. </li>
  390. </div>
  391. <!--待处理-->
  392. <div class="mui_btn1 dispose2">
  393. <li class=" mui-media mui-col-xs-3">
  394. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block daal">处理</button>
  395. </li>
  396. </div>
  397. </div>
  398. <div class="type5">
  399. <!--待处理-->
  400. <div class="mui_btn1 dispose3">
  401. <li class=" mui-media mui-col-xs-3">
  402. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block daal">催单</button>
  403. </li>
  404. </div>
  405. <!--待处理-->
  406. <div class="mui_btn1 dispose1">
  407. <li class=" mui-media mui-col-xs-3">
  408. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block daal">催单</button>
  409. </li>
  410. </div>
  411. <!--已完成-->
  412. <div class="mui_btn1 dispose2">
  413. <li class=" mui-media mui-col-xs-3">
  414. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block comment">评论</button>
  415. </li>
  416. </div>
  417. </div>
  418. </ul>
  419. <div id="slider" class="mui-slider">
  420. <div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
  421. <a class="mui-control-item mui-active" href="#item1mobile" data-index="1">
  422. 工单跟踪
  423. </a>
  424. <!--<a class="mui-control-item" href="#item2mobile" data-index="2">
  425. 催单记录
  426. </a>
  427. <a class="mui-control-item" href="#item3mobile" data-index="2">
  428. 评论记录
  429. </a>-->
  430. </div>
  431. <div class="mui-slider-group">
  432. <div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
  433. <ul class="mui-table-view folowlist" id="folow"></ul>
  434. </div>
  435. <div id="item2mobile" class="mui-slider-item mui-control-content">
  436. <ul class="mui-table-view" id="remind"></ul>
  437. </div>
  438. <div id="item3mobile" class="mui-slider-item mui-control-content">
  439. <ul class="mui-table-view" id="commentlist"></ul>
  440. </div>
  441. </div>
  442. </div>
  443. </div>
  444. <div class="WordID" style="display: none;"></div>
  445. <!--弹框1-->
  446. <div class="pop_up_bj"></div>
  447. <div class="pop_up_div1">
  448. <div class="tit">请输入评论理由</div>
  449. <div class="contain">
  450. <textarea name="" rows="" cols="" class="evaluate_con"></textarea>
  451. </div>
  452. <div class="btn">
  453. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-royal fl">取消</button>
  454. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary fr evaluate">确定</button>
  455. </div>
  456. </div>
  457. <!--弹框2-->
  458. <div class="pop_up_div2">
  459. <div class="tit">请输入工单完结理由</div>
  460. <div class="contain">
  461. <textarea class="textcont" id="finsh_cont"></textarea>
  462. </div>
  463. <div class="btn">
  464. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-royal fl">取消</button>
  465. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary fr">确定</button>
  466. </div>
  467. </div>
  468. <!--弹框2-->
  469. <div class="pop_up_div6" style="display: none;">
  470. <div class="tit">请输入处理内容</div>
  471. <div class="contain">
  472. <textarea class="textcont" id="deal_cont"></textarea>
  473. </div>
  474. <div class="btn">
  475. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-royal fl">取消</button>
  476. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary fr">确定</button>
  477. </div>
  478. </div>
  479. <!--弹框4-->
  480. <div class="pop_up_div4">
  481. <div class="tit">请输入处理内容</div>
  482. <div class="contain">
  483. <textarea class="textcont_deal"></textarea>
  484. </div>
  485. <div class="btn">
  486. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-royal fl">取消</button>
  487. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary fr">确定</button>
  488. </div>
  489. </div>
  490. <!--弹框2-->
  491. <div class="pop_up_div5" style="display: none;">
  492. <div class="tit">请输入催单内容</div>
  493. <div class="contain">
  494. <textarea class="textcont reminder_con" ></textarea>
  495. </div>
  496. <div class="btn">
  497. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-royal fl">取消</button>
  498. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary fr">确定</button>
  499. </div>
  500. </div>
  501. <!--弹框3-->
  502. <div class="pop_up_div3">
  503. <div class="tit">请输入转派理由</div>
  504. <div class="contain">
  505. <textarea class="reason" name="" rows="" cols="" style="height: 100px;"></textarea>
  506. </div>
  507. <input type="text" id='complaintOrder_type' class="ui-alert type_con size-14" data-index="" readonly="readonly" />
  508. <div class="btn">
  509. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-royal fl">取消</button>
  510. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary fr showUserPicker" id="showUserPicker">下一步</button>
  511. </div>
  512. </div>
  513. <!--//申请延期弹出框-->
  514. <div class="pop_up_div8">
  515. <div class="tit">请输入延期说明</div>
  516. <div class="contain">
  517. <textarea class="reas" name="" rows="" cols="" style="height: 50px;"></textarea>
  518. </div>
  519. <div class="tit">申请延期时限</div>
  520. <div class="mui-input-row mui-radio mui-left radio_box order_type">
  521. <label>1小时</label>
  522. <input type="radio" type="radio" name="form" checked="checked" value="1小时" class="size-14" />
  523. </div>
  524. <div class="mui-input-row mui-radio mui-left radio_box order_type">
  525. <label>8小时</label>
  526. <input type="radio" type="radio" name="form" value="8小时" class="size-14" />
  527. </div>
  528. <div class="mui-input-row mui-radio mui-left radio_box order_type">
  529. <label>24小时</label>
  530. <input type="radio" type="radio" name="form" value="24小时" class="size-14" />
  531. </div>
  532. <div class="mui-input-row mui-radio mui-left radio_box order_type">
  533. <label>其他</label>
  534. <input type="radio" type="radio" name="form" value="其他" class="size-14" id="qita"/>
  535. </div>
  536. <input type="number" id='order_source' data-index="" placeholder="默认小时" style="width:55%;"/>
  537. <div class="btn">
  538. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-royal fl">取消</button>
  539. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary fr showUserPicker" id="showUserPicker">确定</button>
  540. </div>
  541. </div>
  542. <!--审批弹窗-->
  543. <div class="pop_up_div9">
  544. <div class="tit">请输入审批意见</div>
  545. <div class="contain">
  546. <textarea class="reasaa" name="" rows="" cols="" style="height: 50px;"></textarea>
  547. </div>
  548. <div class="tit">审批结果</div>
  549. <div class="mui-input-row mui-radio mui-left radio_box order_ty">
  550. <label>同意上报</label>
  551. <input type="radio" type="radio" name="form" checked="checked" value="0" class="size-14" />
  552. </div>
  553. <div class="mui-input-row mui-radio mui-left radio_box order_ty">
  554. <label>驳回修订</label>
  555. <input type="radio" type="radio" name="form" value="1" class="size-14" />
  556. </div>
  557. <div class="btn">
  558. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-royal fl">取消</button>
  559. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary fr showUserPicker" id="showUserPicker">确定</button>
  560. </div>
  561. </div>
  562. <!--高层审批弹框-->
  563. <div class="pop_up_div10">
  564. <div class="tit">请输入审批意见</div>
  565. <div class="contain">
  566. <textarea class="reaa" name="" rows="" cols="" style="height: 50px;"></textarea>
  567. </div>
  568. <div class="btn">
  569. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-royal fl">取消</button>
  570. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary fr showUserPicker" id="showUserPicker">确定</button>
  571. </div>
  572. </div>
  573. <script src="../js/jquery.min.js"></script>
  574. <script src="js/details.js"></script>
  575. <script src="../Script/Common/huayi.config.js"></script>
  576. <script src="../Script/Common/huayi.http.js"></script>
  577. <script src="../js/mui.min.js"></script>
  578. <script src="../js/mui.picker.js"></script>
  579. <script src="../js/mui.poppicker.js"></script>
  580. <script src="js/city.data-3.js"></script>
  581. <script>
  582. var id = helper.request.queryString("id");
  583. var itype = helper.request.queryString("itype");
  584. var state = helper.request.queryString("state");
  585. var isReply = helper.request.queryString("IsReply"); // 是否已回复 0 未回复 1已回复
  586. var openid = helper.cookies.get("openid");
  587. var UserType = helper.cookies.get("usertype");
  588. // var openid = "oXF5e1mWpX5DajW5_yjNLPKb8ThE";
  589. if(isReply == 0){
  590. $('.btn_reply').show();
  591. }
  592. if (UserType==-1) {
  593. $(".type1").hide();
  594. $(".type2").hide();
  595. $(".type3").show();
  596. $(".type4").hide();
  597. $(".type5").hide();
  598. } else if(UserType==0){
  599. $(".type1").show();
  600. $(".type2").hide();
  601. $(".type3").hide();
  602. $(".type4").hide();
  603. $(".type5").hide();
  604. $(".type6").hide();
  605. $(".type7").hide();
  606. $(".type8").hide();
  607. $(".type9").hide();
  608. }else if(UserType==1){
  609. $(".type1").hide();
  610. $(".type2").hide();
  611. $(".type3").show();
  612. $(".type4").hide();
  613. $(".type5").hide();
  614. }else if(UserType==2){
  615. $(".type1").hide();
  616. $(".type2").hide();
  617. $(".type3").show();
  618. $(".type4").hide();
  619. $(".type5").hide();
  620. $(".type6").hide();
  621. $(".type7").hide();
  622. $(".type8").hide();
  623. $(".type9").hide();
  624. }else if(UserType==3){
  625. $(".type1").hide();
  626. $(".type2").show();
  627. $(".type3").hide();
  628. $(".type4").hide();
  629. $(".type5").hide();
  630. $(".type6").hide();
  631. $(".type7").hide();
  632. $(".type8").hide();
  633. $(".type9").hide();
  634. }else if(UserType==4){
  635. $(".type1").show();
  636. $(".type2").hide();
  637. $(".type3").hide();
  638. $(".type4").hide();
  639. $(".type5").hide();
  640. $(".type6").hide();
  641. $(".type7").hide();
  642. $(".type8").hide();
  643. $(".type9").hide();
  644. }
  645. Ajax();
  646. flow();
  647. // $("label:empty"=='').hide()
  648. //
  649. // var temp = $('.font-color6').text();
  650. // if (temp == '') {
  651. // $('.mui-radio').hide();
  652. // }else{
  653. // $('.mui-radio').show();
  654. // }
  655. // if($('.font-color6').is(':empty')){
  656. //
  657. // $('.mui-input-row').show();
  658. // alert(1111)
  659. // }
  660. // Remind();
  661. // Comment();
  662. //获取数据
  663. function Ajax() {
  664. $.ajax({
  665. url: huayi.config.callcenter_url + 'WxLogin/GetDetails',
  666. data: {
  667. id: id, //工单编号
  668. OpenId: openid, //微信openid,
  669. },
  670. async: true,
  671. dataType: 'json',
  672. type: 'get', //HTTP请求类型
  673. success: function(data) {
  674. if(data.state.toLowerCase() == "success") {
  675. var result = data.rows[0];
  676. if(result.Source == 0) {
  677. $("#source").hide();
  678. } else {
  679. $("#source").show();
  680. }
  681. var itype=result.F_State;
  682. //
  683. if (state==1) {
  684. // alert(state);
  685. $(".type1").hide();
  686. $(".type2").hide();
  687. $(".type3").hide();
  688. $(".type4").hide();
  689. $(".type5").hide();
  690. $(".type6").hide();
  691. $(".type7").hide();
  692. $(".type8").hide();
  693. $(".type9").hide();
  694. }
  695. if (state==11) {
  696. // alert(state);
  697. $(".type1").hide();
  698. $(".type2").hide();
  699. $(".type3").hide();
  700. $(".type4").hide();
  701. $(".type5").hide();
  702. $(".type6").hide();
  703. $(".type7").hide();
  704. $(".type8").hide();
  705. $(".type9").hide();
  706. }
  707. if(itype == 0) {
  708. $(".dispose1").hide();
  709. $(".dispose2").show();
  710. }else if(itype == 1) {
  711. //alert(itype)
  712. $(".dispose1").show();
  713. } else if(itype == 2) {
  714. $(".dispose2").show();
  715. } else if(itype == 3) {
  716. $(".dispose3").show();
  717. }else if(itype == 4) {
  718. $(".dispose2").show();
  719. $(".dispose1").hide();
  720. }else if(itype == 5) {
  721. $(".dispose2").hide();
  722. }else if(itype == 16) {
  723. $(".dispose1").show();
  724. $(".dispose2").show();
  725. }
  726. if (result.GDLXName=="咨询") {
  727. $(".Work_lastDealDiv").hide(); //受理人
  728. $("#source").hide(); //投诉
  729. } else{
  730. $(".Work_lastDealDiv").show(); //受理人
  731. $("#source").show(); //投诉
  732. }
  733. $("#Work_bianhao").text(result.F_WorkOrderCode);
  734. $(".WordID").text(result.ID);
  735. $("#Work_classname").text(result.F_TypeName); //工单类型
  736. $("#section").text(result.F_DeptName); //部门
  737. $("#customer").text(result.F_CusName); //客户姓名
  738. $("#customerTel").text(result.F_CusPhone); //联系电话
  739. $("#Work_areaname").text(result.F_CompanyName); //公司名称
  740. // $("#Work_areaname").attr(result.IsAdminSend);
  741. $("#order_tower").text(result.F_Salesman); //业务员
  742. $("#order_unit").text(result.F_SalesPhone); //业务员电话
  743. $("#Work_houseID").text(result.F_CreateBy); //添加人工号
  744. $("#order_classes").text(result.F_QuestionType); //问题类别
  745. $("#order_account").text(result.F_IncidentProvince); //事发地
  746. $("#order_downtown").text(result.F_IncidentCity); //市区
  747. $("#order_counties").text(result.F_IncidentCountry); //县区F_QuestionType
  748. $("#order_village").text(result.F_IncidentTownship); //乡
  749. $("#order_address").text(result.F_IncidentDetailed); //详细地址
  750. $("#order_matrix").text(result.F_Channel); //渠道类型
  751. $("#order_matrix").text(result.F_SalesBase); //销售基地
  752. $("#order_macrocell").text(result.F_AreaName); //大区
  753. $("#order_filiale").text(result.F_BranchName); //分公司
  754. $("#order_material").text(result.F_DealTime); //客户编码
  755. $("#order_mate").text(result.F_DealTime); //物料编码
  756. $("#order_model").text(result.F_Model); //型号
  757. $("#order_product").text(result.F_ZX_ProName); //产品名称
  758. $("#order_Question").text(result.F_ZX_Quantity); //问题数量
  759. $("#Work_ownerRelations").text(result.F_DealBy); //处理人
  760. $("#Work_source").text(result.F_DealTime); //处理时间
  761. $(".Work_lastDealUser").text(result.F_DealContent); //处理内容
  762. $(".Work_last").text(result.F_DealResult); //处理结果
  763. $("#Work_workOrderID").text(result.F_DealReasons); //未处理原因
  764. $("#Work_workOrderID").text(result.F_IsVisit); //是否回访
  765. $("#Work_detail").text("问题描述:" + result.F_Description); //描述详情
  766. }
  767. },
  768. error: function(xhr, type, errorThrown) {
  769. //异常处理;
  770. }
  771. })
  772. }
  773. //跳转页面
  774. //修改
  775. $('.edit').on('tap', function() {
  776. window.location.href = "editWorkolder.html?id=" + id+'&itype='+itype;
  777. });
  778. //返回列表
  779. $('.return').on('tap', function() {
  780. if (itype==0) {
  781. window.location.href = "client_index.html"
  782. }if (itype==1) {
  783. window.location.href = "Waiting_list.html"
  784. } else if (itype==2){
  785. window.location.href = "haveorder_list.html"
  786. } else if (itype==3){
  787. window.location.href = "Have_list.html"
  788. }
  789. //window.location.href = "client_index.html?Itype=" + itype;
  790. });
  791. //工单跟踪
  792. function flow() {
  793. $.ajax({
  794. url: huayi.config.callcenter_url + 'WxLogin/GetDetails',
  795. data: {
  796. id: id, //工单编号
  797. OpenId: openid, //微信openid,
  798. },
  799. async: true,
  800. dataType: 'json',
  801. type: 'get', //HTTP请求类型
  802. success: function(data) {
  803. if(data.state.toLowerCase() == "success") {
  804. if(data.total && data.total.length > 0) {
  805. $(data.total).each(function(i, n) {
  806. var str = '';
  807. if(n.F_OptType == 0){
  808. str = str + n.F_OptContent+"<br>";
  809. // alert(str)
  810. }
  811. if(n.F_OptType == 1){
  812. str = str + n.F_OptContent+"<br>";
  813. // alert(str)
  814. }
  815. if(n.F_OptType == 2){
  816. str = str + n.F_OptContent+"<br>";
  817. // alert(str)
  818. }
  819. if(n.F_OptType == 3){
  820. str = str + n.F_OptContent+"<br>";
  821. // alert(str)
  822. }
  823. if(n.F_OptType == 4){
  824. str = str + n.F_OptContent+"<br>";
  825. // alert(str)
  826. }
  827. if(n.F_OptType == 5){
  828. str = str + n.F_OptContent+"<br>";
  829. // alert(str)
  830. }
  831. if(n.F_OptType == 6){
  832. str = str + n.F_OptContent+"<br>";
  833. // alert(str)
  834. }
  835. if(n.F_OptType == 7){
  836. str = str + n.F_OptContent+"<br>";
  837. // alert(str)
  838. }
  839. if(n.F_OptType == 8){
  840. str = str + n.F_OptContent+"<br>";
  841. // alert(str)
  842. }
  843. if(n.F_OptType == 9){
  844. str = str + n.F_OptContent+"<br>";
  845. // alert(str)
  846. }
  847. if(n.F_OptType == 10){
  848. str = str + n.F_OptContent+"<br>";
  849. // alert(str)
  850. }
  851. if(n.F_OptType == 11){
  852. str = str + n.F_OptContent+"<br>";
  853. // alert(str)
  854. }
  855. if(n.F_OptType == 12){
  856. str = str + n.F_OptContent+"<br>";
  857. // alert(str)
  858. }
  859. if(n.F_OptType == 13){
  860. str = str + n.F_OptContent+"<br>";
  861. // alert(str)
  862. }
  863. if(n.F_OptType == 14){
  864. str = str + n.F_OptContent+"<br>";
  865. // alert(str)
  866. }
  867. if(n.F_OptType == 15){
  868. str = str + n.F_OptContent+"<br>";
  869. // alert(str)
  870. }
  871. if(n.F_OptType == 16){
  872. str = str + n.F_OptContent+"<br>";
  873. // alert(str)
  874. }
  875. var spandeta="";
  876. // if (n.Detail==null) {
  877. // spandeta=""
  878. // } else if (n.Detail==""){
  879. // spandeta=""
  880. // }else if(n.IsLast == 1){
  881. // spandeta="完结内容:"+n.F_OptContent
  882. // }else if(n.SureUserName) {
  883. // spandeta="接单内容:"+n.F_OptContent
  884. // } else if(n.DealTime){
  885. // spandeta="处理内容:"+n.F_OptContent
  886. // }else if(n.ToDeptName){
  887. // spandeta="转派内容:"+n.F_OptContent
  888. // }
  889. if ($(".spandeta").text()=="") {
  890. $(this).hide();
  891. }
  892. //else if(row.IsStart) {str = str + row.CreateUserName + " 重新开启工单";}
  893. $('<li class="mui-table-view-cell mui-table-view-cell-line mui-tail-contail mui-table-view-li"><div class="mui-input-row mui-tail font-color4"><span>' + n.F_CreateTime +
  894. '</span></br><span style="font-size:12px;">' + str +
  895. '</span><span class="spandeta">'+spandeta+
  896. '</span></div><div class="string"></div><div class="circular_h"></div></li>').appendTo('#folow');
  897. });
  898. var num = data.rows.length - 1;
  899. $("#folow li:eq(0)").children(".string").css("top", "20px");
  900. $("#folow li:eq(" + num + ")").children(".string").css("height", "5px");
  901. $("#folow li:eq(0)").children(".string").css("top", "20px");
  902. $("#folow li:eq(0)").children(".circular_h").css({
  903. "background": "#2cc6a7",
  904. "left": "15px",
  905. "top": "20px",
  906. "width": "12px",
  907. "height": "12px",
  908. "border-radius": "6px"
  909. });
  910. $("#folow li:eq(" + num + ")").children(".circular_h").css({
  911. "left": "15px",
  912. "width": "12px",
  913. "height": "12px",
  914. "border-radius": "6px"
  915. });
  916. }
  917. }
  918. },
  919. error: function(xhr, type, errorThrown) {
  920. //异常处理;
  921. }
  922. })
  923. }
  924. //催单记录
  925. // function Remind() {
  926. // $.ajax({
  927. // url: huayi.config.callcenter_url + 'WxLogin/GetDetails',
  928. // data: {
  929. // id: id, //工单编号
  930. // type: 2,
  931. // OpenId: openid, //微信openid,
  932. // },
  933. // async: true,
  934. // dataType: 'json',
  935. // type: 'get', //HTTP请求类型
  936. // success: function(data) {
  937. // if(data.state.toLowerCase() == "success") {
  938. // if(data.rows && data.rows.length > 0) {
  939. // $(data.rows).each(function(i, n) {
  940. // var spandeta;
  941. // if (n.Detail==null) {
  942. // spandeta=""
  943. // } else if (n.Detail==""){
  944. // spandeta=""
  945. // }else{
  946. // spandeta="催办内容:"+n.Detail
  947. // }
  948. // var depart;
  949. // if(n.ToDeptName==null){
  950. // depart=""
  951. // }else{
  952. // depart=n.ToDeptName
  953. // }
  954. // var deperson;
  955. // if(n.ToUserName==null){
  956. // deperson=""
  957. // }else{
  958. // deperson=n.ToUserName
  959. // }
  960. // $('<li class="mui-table-view-cell mui-table-view-cell-line mui-tail-contail mui-table-view-li"><div class="mui-input-row mui-tail font-color4"><span>' + n.CreateTime +
  961. //// '</span></br><span>被催办部门:'+depart+
  962. //// '</span></br><span>被催办人:'+deperson+
  963. // '</span></br><span>催办人:' + n.CreateUserName +
  964. // '</span></br><span>'+spandeta+
  965. // '</span></div><div class="string"></div><div class="circular_h"></div></li>').appendTo('#remind');
  966. // });
  967. // var num = data.rows.length - 1;
  968. // $("#remind li:eq(0)").children(".string").css("top", "20px");
  969. // $("#remind li:eq(" + num + ")").children(".string").css("height", "5px");
  970. // $("#remind li:eq(0)").children(".string").css("top", "20px");
  971. // $("#remind li:eq(0)").children(".circular_h").css({
  972. // "background": "#2cc6a7",
  973. // "left": "15px",
  974. // "top": "20px",
  975. // "width": "12px",
  976. // "height": "12px",
  977. // "border-radius": "6px"
  978. // });
  979. // $("#remind li:eq(" + num + ")").children(".circular_h").css({
  980. // "left": "15px",
  981. // "width": "12px",
  982. // "height": "12px",
  983. // "border-radius": "6px"
  984. // });
  985. // }
  986. // }
  987. // },
  988. // error: function(xhr, type, errorThrown) {
  989. // //异常处理;
  990. // }
  991. // })
  992. // }
  993. //评论记录
  994. // function Comment() {
  995. // $.ajax({
  996. // url: huayi.config.callcenter_url + 'WxLogin/GetDetails',
  997. // data: {
  998. // id: id, //工单编号
  999. // type: 3,
  1000. // OpenId: openid, //微信openid,
  1001. // },
  1002. // async: true,
  1003. // dataType: 'json',
  1004. // type: 'get', //HTTP请求类型
  1005. // success: function(data) {
  1006. // if(data.state.toLowerCase() == "success") {
  1007. // if(data.rows && data.rows.length > 0) {
  1008. //
  1009. // $(data.rows).each(function(i, n) {
  1010. // var spandeta;
  1011. // if (n.Detail==null) {
  1012. // spandeta=""
  1013. // } else if (n.Detail==""){
  1014. // spandeta=""
  1015. // }else{
  1016. // spandeta="评论内容:"+n.Detail
  1017. // }
  1018. // $('<li class="mui-table-view-cell mui-table-view-cell-line mui-tail-contail mui-table-view-li"><div class="mui-input-row mui-tail font-color4"><span>' + n.CreateTime +
  1019. // '</span></br><span >'+spandeta+
  1020. // '</span><span class="span3">' + n.CreateUserName +
  1021. // '</span></div><div class="string"></div><div class="circular_h"></div></li>').appendTo('#commentlist');
  1022. // if (n.Detail==null||n.Detail=="") {
  1023. // $(".spandeta").hide();
  1024. // } else{
  1025. // $(".spandeta").show();
  1026. // }
  1027. // });
  1028. // var num = data.rows.length - 1;
  1029. // $("#commentlist li:eq(0)").children(".string").css("top", "20px");
  1030. // $("#commentlist li:eq(" + num + ")").children(".string").css("height", "5px");
  1031. // $("#commentlist li:eq(0)").children(".string").css("top", "20px");
  1032. // $("#commentlist li:eq(0)").children(".circular_h").css({
  1033. // "background": "#2cc6a7",
  1034. // "left": "15px",
  1035. // "top": "20px",
  1036. // "width": "12px",
  1037. // "height": "12px",
  1038. // "border-radius": "6px"
  1039. // });
  1040. // $("#commentlist li:eq(" + num + ")").children(".circular_h").css({
  1041. // "left": "15px",
  1042. // "width": "12px",
  1043. // "height": "12px",
  1044. // "border-radius": "6px"
  1045. // });
  1046. // }
  1047. // }
  1048. // },
  1049. // error: function(xhr, type, errorThrown) {
  1050. // //异常处理;
  1051. // }
  1052. // })
  1053. // }
  1054. //转派
  1055. //转派弹框
  1056. $(".allot").click(function() {
  1057. var areaID = $("#Work_areaname").attr('data-index')
  1058. window.location.href = "redeploy.html?id=" + id+'&itype='+itype+'&areaID='+areaID;
  1059. })
  1060. // 处理提单框
  1061. $(".disp").click(function() {
  1062. var areaID = $("#Work_areaname").attr('data-index')
  1063. window.location.href = "dispose.html?id=" + id+'&itype='+itype+'&areaID='+areaID;
  1064. })
  1065. //评论工单
  1066. $(".comment").click(function(){
  1067. $(".pop_up_bj").fadeIn();
  1068. $(".pop_up_div1").fadeIn();
  1069. })
  1070. $(".pop_up_bj" ).click(function(){
  1071. $(".pop_up_bj").hide();
  1072. $(".pop_up_div1").hide();
  1073. })
  1074. $(".pop_up_div1 .btn .fl" ).click(function(){
  1075. $(".pop_up_bj").hide();
  1076. $(".pop_up_div1").hide();
  1077. })
  1078. $(".pop_up_div1 .btn .fr" ).click(function(){
  1079. $(".pop_up_bj").hide();
  1080. $(".pop_up_div1").hide();
  1081. })
  1082. $(".evaluate").click(function(){
  1083. if(!$(".evaluate_con").val()) {
  1084. mui.alert("请输入评论内容");
  1085. }else{
  1086. $(".pop_up_bj").hide();
  1087. $(".pop_up_div3").hide();
  1088. $.ajax({
  1089. type: "post",
  1090. dataType: 'json',
  1091. url: huayi.config.callcenter_url + '/WxLogin/CommentWorkOrder',
  1092. async: true,
  1093. data: {
  1094. orderid: id, //否 strubg 工单编号
  1095. cont: $(".evaluate_con").val(), //否 int 处理内容
  1096. openid: openid, //微信openid,
  1097. },
  1098. success: function(data) {
  1099. if(data.state == "success") {
  1100. debugger
  1101. mui.toast('评论成功');
  1102. window.location.href = "details.html?id=" + id+'&itype='+itype;
  1103. } else {
  1104. mui.toast(data.message);
  1105. }
  1106. }
  1107. });
  1108. }
  1109. })
  1110. //处理完结
  1111. $(".daal").click(function(){
  1112. $(".pop_up_bj").fadeIn();
  1113. $(".pop_up_div6").fadeIn();
  1114. })
  1115. $(".pop_up_bj" ).click(function(){
  1116. $(".pop_up_bj").hide();
  1117. $(".pop_up_div6").hide();
  1118. })
  1119. $(".pop_up_div6 .btn .fl" ).click(function(){
  1120. $(".pop_up_bj").hide();
  1121. $(".pop_up_div6").hide();
  1122. })
  1123. $(".pop_up_div6 .btn .fr" ).click(function(){
  1124. // $("#cont").text("");
  1125. $(".pop_up_bj").hide();
  1126. $(".pop_up_div6").hide();
  1127. if($("#deal_cont").val()=="") {
  1128. mui.alert("请输入处理内容");
  1129. }else{
  1130. $(".pop_up_bj").hide();
  1131. $(".pop_up_div6").hide();
  1132. $.ajax({
  1133. type: "post",
  1134. dataType: 'json',
  1135. url: huayi.config.callcenter_url + '/WxLogin/DealWorkOrder',
  1136. async: true,
  1137. data: {
  1138. orderid: id, //否 strubg 工单编号
  1139. isend: 1, //否 int 你看一下前端是什么参数
  1140. cont: $("#deal_cont").val(), //否 int 处理内容
  1141. openid: openid, //微信openid 测试用
  1142. },
  1143. success: function(data) {
  1144. if(data.state == "success") {
  1145. debugger
  1146. mui.toast('处理成功');
  1147. window.location.href = "pend_index.html";
  1148. } else {
  1149. mui.toast(data.message);
  1150. }
  1151. }
  1152. });
  1153. }
  1154. })
  1155. //完结
  1156. $(".finsh").click(function(){
  1157. $(".pop_up_bj").fadeIn();
  1158. $(".pop_up_div2").fadeIn();
  1159. })
  1160. $(".pop_up_bj" ).click(function(){
  1161. $(".pop_up_bj").hide();
  1162. $(".pop_up_div2").hide();
  1163. })
  1164. $(".pop_up_div2 .btn .fl" ).click(function(){
  1165. $(".pop_up_bj").hide();
  1166. $(".pop_up_div2").hide();
  1167. mui.alert("取消");
  1168. })
  1169. $(".pop_up_div2 .btn .fr" ).click(function(){
  1170. $("#finsh_cont").text("");
  1171. $(".pop_up_bj").hide();
  1172. $(".pop_up_div2").hide();
  1173. if($(".textcont").val()=="") {
  1174. mui.alert("请输入完结内容");
  1175. }else{
  1176. $(".pop_up_bj").hide();
  1177. $(".pop_up_div2").hide();
  1178. $.ajax({
  1179. type: "post",
  1180. dataType: 'json',
  1181. url: huayi.config.callcenter_url + '/WxLogin/DealWorkOrder',
  1182. async: true,
  1183. data: {
  1184. orderid: id, //否 strubg 工单编号
  1185. isend: 1, //否 int 你看一下前端是什么参数
  1186. cont: $("#finsh_cont").val(), //否 int 处理内容
  1187. openid: openid, //微信openid,
  1188. },
  1189. success: function(data) {
  1190. if(data.state == "success") {
  1191. debugger
  1192. mui.toast('处理成功');
  1193. window.location.href = "client_index.html?id=" + id+'&itype='+itype;
  1194. } else {
  1195. mui.toast(data.message);
  1196. }
  1197. }
  1198. });
  1199. }
  1200. })
  1201. //处理
  1202. $(".deal").click(function(){
  1203. $(".pop_up_bj").fadeIn();
  1204. $(".pop_up_div4").fadeIn();
  1205. })
  1206. $(".pop_up_bj" ).click(function(){
  1207. $(".pop_up_bj").hide();
  1208. $(".pop_up_div4").hide();
  1209. })
  1210. $(".pop_up_div4 .btn .fl" ).click(function(){
  1211. $(".pop_up_bj").hide();
  1212. $(".pop_up_div4").hide();
  1213. mui.alert("取消");
  1214. })
  1215. $(".pop_up_div4 .btn .fr" ).click(function(){
  1216. // $("#cont").text("");
  1217. $(".pop_up_bj").hide();
  1218. $(".pop_up_div4").hide();
  1219. if($(".textcont_deal").val()=="") {
  1220. mui.alert("请输入处理内容");
  1221. }else{
  1222. $(".pop_up_bj").hide();
  1223. $(".pop_up_div4").hide();
  1224. $.ajax({
  1225. type: "post",
  1226. dataType: 'json',
  1227. url: huayi.config.callcenter_url + '/WxLogin/DealWorkOrder',
  1228. async: true,
  1229. data: {
  1230. orderid: id, //否 strubg 工单编号
  1231. isend: itype, //否 int 你看一下前端是什么参数
  1232. cont: $("#textcont_deal").val(), //否 int 处理内容
  1233. Openid: openid, //微信openid,
  1234. },
  1235. success: function(data) {
  1236. if(data.state == "success") {
  1237. debugger
  1238. mui.toast('处理成功');
  1239. window.location.href = "pend_index.html?id=" + id+'&itype='+itype;
  1240. } else {
  1241. mui.toast(data.message);
  1242. }
  1243. }
  1244. });
  1245. }
  1246. })
  1247. //回复
  1248. $(".btn_reply").click(function(){
  1249. var btnArray = ['取消', '确定'];
  1250. mui.confirm('确定回复?', '提示', btnArray, function(f) {
  1251. if(f.index == 1) {
  1252. $.ajax({
  1253. type: "post",
  1254. dataType: 'json',
  1255. url: huayi.config.callcenter_url + 'WxLogin/ReplyWorkOrder',
  1256. async: true,
  1257. data: {
  1258. openid: openid,// 是 strubg openid
  1259. orderid: id// 是 string 工单号码
  1260. },
  1261. success: function(data) {
  1262. if(data.state == "success") {
  1263. mui.toast('操作成功');
  1264. window.location.href = "client_index.html?id=" + id+'&itype='+itype;
  1265. } else {
  1266. mui.toast(data.message);
  1267. }
  1268. }
  1269. });
  1270. } else {
  1271. mui.toast("取消操作");
  1272. }
  1273. })
  1274. });
  1275. //接单
  1276. $(".rece").click(function(){
  1277. var btnArray = ['否', '是'];
  1278. mui.confirm('确定接单?', '提示', btnArray, function(f) {
  1279. if(f.index == 1) {
  1280. $.ajax({
  1281. type: "get",
  1282. dataType: 'json',
  1283. url: huayi.config.callcenter_url + 'WxLogin/SureWorkOrder',
  1284. async: true,
  1285. data: {
  1286. orderid: id, //否 strubg 工单编号
  1287. OpenId: openid, //微信openid 测试用
  1288. },
  1289. success: function(data) {
  1290. debugger
  1291. // alert(data.state)
  1292. if(data.state == "success") {
  1293. mui.toast('接单成功');
  1294. window.location.href = "Waiting_list.html";
  1295. } else {
  1296. mui.toast(data.message);
  1297. }
  1298. }
  1299. });
  1300. } else {
  1301. mui.toast("取消");
  1302. }
  1303. })
  1304. })
  1305. //审批
  1306. $(".receiving").click(function(){
  1307. $(".pop_up_bj").fadeIn();
  1308. $(".pop_up_div9").fadeIn();
  1309. })
  1310. $(".pop_up_bj" ).click(function(){
  1311. $(".pop_up_bj").hide();
  1312. $(".pop_up_div9").hide();
  1313. })
  1314. $(".pop_up_div9 .btn .fl" ).click(function(){
  1315. $(".pop_up_bj").hide();
  1316. $(".pop_up_div9").hide();
  1317. })
  1318. $(".pop_up_div9 .btn .fr" ).click(function(){
  1319. // $("#cont").text("");
  1320. $(".pop_up_bj").hide();
  1321. $(".pop_up_div9").hide();
  1322. if($(".reasaa").val()=="") {
  1323. mui.alert("请输入审批意见.");
  1324. }else{
  1325. $(".pop_up_bj").hide();
  1326. $(".pop_up_div9").hide();
  1327. $.ajax({
  1328. type: "get",
  1329. dataType: 'json',
  1330. url: huayi.config.callcenter_url + 'WxLogin/GetApproval',
  1331. async: true,
  1332. data: {
  1333. orderid: id, //否 strubg 工单编号
  1334. OpenId: openid,
  1335. AuditCont: $(".reasaa").val(),
  1336. IsAudit:1,
  1337. AuditState:$('.order_ty').find('input[type="radio"]:checked').val(), //工单类型
  1338. },
  1339. success: function(data) {
  1340. debugger
  1341. if(data.state == "success") {
  1342. debugger
  1343. mui.toast('申请成功');
  1344. window.location.href = "client_index.html?id=" + id+'&itype='+itype;
  1345. } else {
  1346. mui.toast(data.message);
  1347. }
  1348. }
  1349. });
  1350. }
  1351. })
  1352. //高层审批
  1353. $(".approva").click(function(){
  1354. $(".pop_up_bj").fadeIn();
  1355. $(".pop_up_div10").fadeIn();
  1356. })
  1357. $(".pop_up_bj" ).click(function(){
  1358. $(".pop_up_bj").hide();
  1359. $(".pop_up_div10").hide();
  1360. })
  1361. $(".pop_up_div10 .btn .fl" ).click(function(){
  1362. $(".pop_up_bj").hide();
  1363. $(".pop_up_div10").hide();
  1364. })
  1365. $(".pop_up_div10 .btn .fr" ).click(function(){
  1366. // $("#cont").text("");
  1367. $(".pop_up_bj").hide();
  1368. $(".pop_up_div10").hide();
  1369. if($(".reaa").val()=="") {
  1370. mui.alert("请输入审批意见.11");
  1371. }else{
  1372. $(".pop_up_bj").hide();
  1373. $(".pop_up_div10").hide();
  1374. $.ajax({
  1375. type: "get",
  1376. dataType: 'json',
  1377. url: huayi.config.callcenter_url + 'WxLogin/HigApprovalOrder',
  1378. async: true,
  1379. data: {
  1380. orderid: id, //否 strubg 工单编号
  1381. OpenId: openid,
  1382. cont: $(".reaa").val(),
  1383. },
  1384. success: function(data) {
  1385. debugger
  1386. if(data.state == "success") {
  1387. debugger
  1388. mui.toast('申请成功');
  1389. window.location.href = "high_list.html?id=" + id+'&itype='+itype;
  1390. } else {
  1391. mui.toast(data.message);
  1392. }
  1393. }
  1394. });
  1395. }
  1396. })
  1397. //退回
  1398. $(".sendback").click(function(){
  1399. $(".pop_up_bj").fadeIn();
  1400. $(".pop_up_div6").fadeIn();
  1401. })
  1402. $(".pop_up_bj" ).click(function(){
  1403. $(".pop_up_bj").hide();
  1404. $(".pop_up_div6").hide();
  1405. })
  1406. $(".pop_up_div6 .btn .fl" ).click(function(){
  1407. $(".pop_up_bj").hide();
  1408. $(".pop_up_div6").hide();
  1409. })
  1410. $(".pop_up_div6 .btn .fr" ).click(function(){
  1411. // $("#cont").text("");
  1412. $(".pop_up_bj").hide();
  1413. $(".pop_up_div6").hide();
  1414. if($("#deal_cont").val()=="") {
  1415. mui.alert("请输入处理内容");
  1416. }else{
  1417. $(".pop_up_bj").hide();
  1418. $(".pop_up_div6").hide();
  1419. $.ajax({
  1420. type: "get",
  1421. dataType: 'json',
  1422. url: huayi.config.callcenter_url + 'WxLogin/BackWorkOrder',
  1423. async: true,
  1424. data: {
  1425. orderid: id, //否 strubg 工单编号
  1426. type: 0, //否 int 你看一下前端是什么参数
  1427. cont: $("#deal_cont").val(), //否 int 处理内容
  1428. openid: openid, //微信openid 测试用
  1429. },
  1430. success: function(data) {
  1431. if(data.state == "success") {
  1432. debugger
  1433. mui.toast('退回成功');
  1434. window.location.href = "Waiting_list.html?id=" + id+'&itype='+itype;
  1435. } else {
  1436. mui.toast(data.message);
  1437. }
  1438. }
  1439. });
  1440. }
  1441. })
  1442. //申请延期实现
  1443. $(".postpone").click(function(){
  1444. $(".pop_up_bj").fadeIn();
  1445. $(".pop_up_div8").fadeIn();
  1446. })
  1447. $(".pop_up_bj" ).click(function(){
  1448. $(".pop_up_bj").hide();
  1449. $(".pop_up_div8").hide();
  1450. })
  1451. $(".pop_up_div8 .btn .fl" ).click(function(){
  1452. $(".pop_up_bj").hide();
  1453. $(".pop_up_div8").hide();
  1454. })
  1455. $(".pop_up_div8 .btn .fr" ).click(function(){
  1456. // $("#cont").text("");
  1457. $(".pop_up_bj").hide();
  1458. $(".pop_up_div8").hide();
  1459. if($(".reas").val()=="") {
  1460. mui.alert("请输入延期说明.");
  1461. }else{
  1462. $(".pop_up_bj").hide();
  1463. $(".pop_up_div8").hide();
  1464. $.ajax({
  1465. type: "get",
  1466. dataType: 'json',
  1467. url: huayi.config.callcenter_url + 'WxLogin/DelayWorkOrder',
  1468. async: true,
  1469. data: {
  1470. orderid: id, //否 strubg 工单编号
  1471. // type: 0, //否 int 你看一下前端是什么参数 reas
  1472. cont: $(".reas").val(),
  1473. // limit:$("#order_source").val(), //否 int 处理内容
  1474. limit:$('.order_type').find('input[type="radio"]:checked').val(), //工单类型
  1475. openid: openid, //微信openid 测试用
  1476. },
  1477. success: function(data) {
  1478. debugger
  1479. if(data.state == "success") {
  1480. debugger
  1481. mui.toast('申请成功');
  1482. window.location.href = "haveorder_list.html?id=" + id+'&itype='+itype;
  1483. } else {
  1484. mui.toast(data.message);
  1485. }
  1486. }
  1487. });
  1488. }
  1489. })
  1490. //异常退回
  1491. $(".abnormal").click(function(){
  1492. $(".pop_up_bj").fadeIn();
  1493. $(".pop_up_div6").fadeIn();
  1494. })
  1495. $(".pop_up_bj" ).click(function(){
  1496. $(".pop_up_bj").hide();
  1497. $(".pop_up_div6").hide();
  1498. })
  1499. $(".pop_up_div6 .btn .fl" ).click(function(){
  1500. $(".pop_up_bj").hide();
  1501. $(".pop_up_div6").hide();
  1502. })
  1503. $(".pop_up_div6 .btn .fr" ).click(function(){
  1504. // $("#cont").text("");
  1505. $(".pop_up_bj").hide();
  1506. $(".pop_up_div6").hide();
  1507. if($("#deal_cont").val()=="") {
  1508. mui.alert("请输入处理内容");
  1509. }else{
  1510. $(".pop_up_bj").hide();
  1511. $(".pop_up_div6").hide();
  1512. $.ajax({
  1513. type: "post",
  1514. dataType: 'json',
  1515. url: huayi.config.callcenter_url + 'WxLogin/BackWorkOrder',
  1516. async: true,
  1517. data: {
  1518. orderid: id, //否 strubg 工单编号
  1519. type: 1, //否 int 你看一下前端是什么参数
  1520. cont: $("#deal_cont").val(), //否 int 处理内容
  1521. openid: openid, //微信openid 测试用
  1522. },
  1523. success: function(data) {
  1524. debugger
  1525. if(data.state == "success") {
  1526. debugger
  1527. mui.toast('退回成功');
  1528. window.location.href = "Waiting_list.html?id=" + id+'&itype='+itype;
  1529. } else {
  1530. mui.toast(data.message);
  1531. }
  1532. }
  1533. });
  1534. }
  1535. })
  1536. //删除工单
  1537. $(".delet").click(function(){
  1538. var btnArray = ['否', '是'];
  1539. mui.confirm('确定删除?', '提示', btnArray, function(f) {
  1540. if(f.index == 1) {
  1541. $.ajax({
  1542. type: "post",
  1543. dataType: 'json',
  1544. url: huayi.config.callcenter_url + '/WxLogin/DelWorkOrder',
  1545. async: true,
  1546. data: {
  1547. ids: $(".WordID").text(), //否 strubg 工单编号
  1548. openid: openid, //微信openid,
  1549. },
  1550. success: function(data) {
  1551. if(data.state == "success") {
  1552. debugger
  1553. mui.toast('删除成功');
  1554. if (itype==2) {
  1555. window.location.href = "pend_index.html";
  1556. } else if(itype==3){
  1557. window.location.href = "finsh_index.html";
  1558. }
  1559. } else {
  1560. mui.toast(data.message);
  1561. }
  1562. }
  1563. });
  1564. } else {
  1565. mui.toast("取消");
  1566. }
  1567. })
  1568. })
  1569. //催单
  1570. $(".reminder").click(function(){
  1571. $(".pop_up_bj").fadeIn();
  1572. $(".pop_up_div5").fadeIn();
  1573. })
  1574. $(".pop_up_bj" ).click(function(){
  1575. $(".pop_up_bj").hide();
  1576. $(".pop_up_div5").hide();
  1577. })
  1578. $(".pop_up_div5 .btn .fl" ).click(function(){
  1579. $(".pop_up_bj").hide();
  1580. $(".pop_up_div5").hide();
  1581. })
  1582. $(".pop_up_div5 .btn .fr" ).click(function(){
  1583. // $("#cont").text("");
  1584. $(".pop_up_bj").hide();
  1585. $(".pop_up_div5").hide();
  1586. if($(".textcont").val()=="") {
  1587. mui.alert("请输入催单内容");
  1588. }else{
  1589. $(".pop_up_bj").hide();
  1590. $(".pop_up_div5").hide();
  1591. $.ajax({
  1592. type: "post",
  1593. dataType: 'json',
  1594. url: huayi.config.callcenter_url + '/WxLogin/RemindWorkOrder',
  1595. async: true,
  1596. data: {
  1597. orderid: id, //否 strubg 工单编号
  1598. cont: $(".reminder_con").val(), //否 int 处理内容
  1599. openid: openid, //微信openid,
  1600. //openid: 'oXF5e1mWpX5DajW5_yjNLPKb8ThE', //微信openid 测试用
  1601. },
  1602. success: function(data) {
  1603. if(data.state == "success") {
  1604. // debugger
  1605. mui.toast('催单成功');
  1606. window.location.href = "pend_index.html?id=" + id+'&itype='+itype;
  1607. } else {
  1608. mui.toast(data.message);
  1609. }
  1610. }
  1611. });
  1612. }
  1613. })
  1614. $("#qita").click(function(){
  1615. $("#order_source").show();
  1616. })
  1617. $(".mui-input-row div label").click(function(){
  1618. })
  1619. mui-input-row
  1620. </script>
  1621. </body>
  1622. </html>