Няма описание

details.html 49KB

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