暫無描述

details_1.html 33KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925
  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. </head>
  15. <body>
  16. <div class="mui-nav">
  17. <a class="mui-icon mui-icon-arrowleft return"></a>
  18. 工单详情
  19. </div>
  20. <div class="mui-content" style="margin-top: 44px;">
  21. <ul class="mui-table-view mui-table-view-ul" style="margin-top: 0px;">
  22. <li class="mui-table-view-cell mui-table-view-li">
  23. <div class="mui-input-row">
  24. <label class="label font-color5">工单编号:</label>
  25. <div class="mui-radio mui-right radio_box">
  26. <label class="font-color6" id="Work_bianhao"></label>
  27. </div>
  28. </div>
  29. </li>
  30. <li class="mui-table-view-cell mui-table-view-li">
  31. <div class="mui-input-row">
  32. <label class="label font-color5">工单类型:</label>
  33. <div class="mui-radio mui-right radio_box">
  34. <label class="font-color6" id="Work_classname"></label>
  35. </div>
  36. </div>
  37. </li>
  38. <li class="mui-table-view-cell mui-table-view-li">
  39. <div class="mui-input-row">
  40. <label class="label font-color5">部门:</label>
  41. <div class="mui-radio mui-right radio_box">
  42. <label class="font-color6" id="section"></label>
  43. </div>
  44. </div>
  45. </li>
  46. <li class="mui-table-view-cell mui-table-view-li ">
  47. <div class="mui-input-row">
  48. <label class="label font-color5">客户姓名:</label>
  49. <div class="mui-radio mui-right radio_box">
  50. <label class="font-color6" id="customer"></label>
  51. </div>
  52. </div>
  53. </li>
  54. <li class="mui-table-view-cell mui-table-view-li">
  55. <div class="mui-input-row">
  56. <label class="label font-color5">联系电话:</label>
  57. <div class="mui-radio mui-right radio_box">
  58. <label class="font-color6" id="customerTel"></label>
  59. </div>
  60. </div>
  61. </li>
  62. <li class="mui-table-view-cell mui-table-view-li">
  63. <div class="mui-input-row">
  64. <label class="label font-color5">业务员:</label>
  65. <div class="mui-radio mui-right radio_box">
  66. <label class="font-color6" id="order_tower"></label>
  67. <!--<span id="order_tower"> </span>-->
  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="order_unit"></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">问题类别1:</label>
  82. <div class="mui-radio mui-right radio_box">
  83. <label class="font-color6" id="order_classes1"></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">问题类别2:</label>
  90. <div class="mui-radio mui-right radio_box">
  91. <label class="font-color6" id="order_classes2"></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">问题类别3:</label>
  98. <div class="mui-radio mui-right radio_box">
  99. <label class="font-color6" id="order_classes"></label>
  100. </div>
  101. </div>
  102. </li>
  103. <li class="mui-table-view-cell mui-table-view-li">
  104. <div class="mui-input-row">
  105. <label class="label font-color5">事发地:</label>
  106. <div class="mui-radio mui-right radio_box">
  107. <label class="font-color6" id="order_account"></label>
  108. </div>
  109. </div>
  110. </li>
  111. <li class="mui-table-view-cell mui-table-view-li">
  112. <div class="mui-input-row">
  113. <label class="label font-color5">市区:</label>
  114. <div class="mui-radio mui-right radio_box">
  115. <label class="font-color6" id="order_downtown"></label>
  116. </div>
  117. </div>
  118. </li>
  119. <li class="mui-table-view-cell mui-table-view-li">
  120. <div class="mui-input-row">
  121. <label class="label font-color5">县区:</label>
  122. <div class="mui-radio mui-right radio_box">
  123. <label class="font-color6" id="order_counties"></label>
  124. </div>
  125. </div>
  126. </li>
  127. <li class="mui-table-view-cell mui-table-view-li">
  128. <div class="mui-input-row">
  129. <label class="label font-color5">乡:</label>
  130. <div class="mui-radio mui-right radio_box">
  131. <label class="font-color6" id="order_village"></label>
  132. </div>
  133. </div>
  134. </li>
  135. <li class="mui-table-view-cell mui-table-view-li">
  136. <div class="mui-input-row">
  137. <label class="label font-color5">详细地址:</label>
  138. <div class="mui-radio mui-right radio_box">
  139. <label class="font-color6" id="order_address"></label>
  140. </div>
  141. </div>
  142. </li>
  143. <li class="mui-table-view-cell mui-table-view-li">
  144. <div class="mui-input-row">
  145. <label class="label font-color5">抽检时间:</label>
  146. <div class="mui-radio mui-right radio_box">
  147. <label class="font-color6" id="order_matime"></label>
  148. </div>
  149. </div>
  150. </li>
  151. <li class="mui-table-view-cell mui-table-view-li">
  152. <div class="mui-input-row">
  153. <label class="label font-color5">抽检级别:</label>
  154. <div class="mui-radio mui-right radio_box">
  155. <label class="font-color6" id="order_grade"></label>
  156. </div>
  157. </div>
  158. </li>
  159. <li class="mui-table-view-cell mui-table-view-li">
  160. <div class="mui-input-row">
  161. <label class="label font-color5">抽检单位:</label>
  162. <div class="mui-radio mui-right radio_box">
  163. <label class="font-color6" id="order_gunits"></label>
  164. </div>
  165. </div>
  166. </li>
  167. <li class="mui-table-view-cell mui-table-view-li">
  168. <div class="mui-input-row">
  169. <label class="label font-color5">化验单位:</label>
  170. <div class="mui-radio mui-right radio_box">
  171. <label class="font-color6" id="order_analysis"></label>
  172. </div>
  173. </div>
  174. </li>
  175. <li class="mui-table-view-cell mui-table-view-li">
  176. <div class="mui-input-row">
  177. <label class="label font-color5">抽检吨数:</label>
  178. <div class="mui-radio mui-right radio_box">
  179. <label class="font-color6" id="order_assay"></label>
  180. </div>
  181. </div>
  182. </li>
  183. <li class="mui-table-view-cell mui-table-view-li">
  184. <div class="mui-input-row">
  185. <label class="label font-color5">抽检袋数:</label>
  186. <div class="mui-radio mui-right radio_box">
  187. <label class="font-color6" id="order_bags"></label>
  188. </div>
  189. </div>
  190. </li>
  191. <li class="mui-table-view-cell mui-table-view-li">
  192. <div class="mui-input-row">
  193. <label class="label font-color5">公关费用:</label>
  194. <div class="mui-radio mui-right radio_box">
  195. <label class="font-color6" id="order_cost"></label>
  196. </div>
  197. </div>
  198. </li>
  199. <li class="mui-table-view-cell mui-table-view-li">
  200. <div class="mui-input-row">
  201. <label class="label font-color5">销售基地:</label>
  202. <div class="mui-radio mui-right radio_box">
  203. <label class="font-color6" id="order_matrix"></label>
  204. </div>
  205. </div>
  206. </li>
  207. <li class="mui-table-view-cell mui-table-view-li">
  208. <div class="mui-input-row">
  209. <label class="label font-color5">大区:</label>
  210. <div class="mui-radio mui-right radio_box">
  211. <label class="font-color6" id="order_macrocell"></label>
  212. </div>
  213. </div>
  214. </li>
  215. <li class="mui-table-view-cell mui-table-view-li">
  216. <div class="mui-input-row">
  217. <label class="label font-color5">分公司:</label>
  218. <div class="mui-radio mui-right radio_box">
  219. <label class="font-color6" id="order_filiale"></label>
  220. </div>
  221. </div>
  222. </li>
  223. <li class="mui-table-view-cell mui-table-view-li">
  224. <div class="mui-input-row">
  225. <label class="label font-color5">客户编码:</label>
  226. <div class="mui-radio mui-right radio_box">
  227. <label class="font-color6" id="order_material"></label>
  228. </div>
  229. </div>
  230. </li>
  231. <li class="mui-table-view-cell mui-table-view-li">
  232. <div class="mui-input-row">
  233. <label class="label font-color5">物料名称:</label>
  234. <div class="mui-radio mui-right radio_box">
  235. <label class="font-color6" id="order_mate"></label>
  236. </div>
  237. </div>
  238. </li>
  239. <li class="mui-table-view-cell mui-table-view-li">
  240. <div class="mui-input-row">
  241. <label class="label font-color5">型号:</label>
  242. <div class="mui-radio mui-right radio_box">
  243. <label class="font-color6" id="order_model"></label>
  244. </div>
  245. </div>
  246. </li>
  247. <li class="mui-table-view-cell mui-table-view-li">
  248. <div class="mui-input-row">
  249. <label class="label font-color5">产品名称:</label>
  250. <div class="mui-radio mui-right radio_box">
  251. <label class="font-color6" id="order_product"></label>
  252. </div>
  253. </div>
  254. </li>
  255. <li class="mui-table-view-cell mui-table-view-li">
  256. <div class="mui-input-row">
  257. <label class="label font-color5">问题数量:</label>
  258. <div class="mui-radio mui-right radio_box">
  259. <label class="font-color6" id="order_Question"></label>
  260. </div>
  261. </div>
  262. </li>
  263. <li class="mui-table-view-cell mui-table-view-li">
  264. <div class="mui-input-row">
  265. <label class="label font-color5">添加人姓名:</label>
  266. <div class="mui-radio mui-right radio_box">
  267. <label class="font-color6" id="Work_gohao"></label>
  268. </div>
  269. </div>
  270. </li>
  271. <li class="mui-table-view-cell mui-table-view-li">
  272. <div class="mui-input-row">
  273. <label class="label font-color5">添加人工号:</label>
  274. <div class="mui-radio mui-right radio_box">
  275. <label class="font-color6" id="Work_houseID"></label>
  276. </div>
  277. </div>
  278. </li>
  279. <li class="mui-table-view-cell mui-table-view-li">
  280. <div class="mui-input-row">
  281. <label class="label font-color5">处理人:</label>
  282. <div class="mui-radio mui-right radio_box">
  283. <label class="font-color6" id="Work_ownerRelations"></label>
  284. </div>
  285. </div>
  286. </li>
  287. <li class="mui-table-view-cell mui-table-view-li" id="source">
  288. <div class="mui-input-row">
  289. <label class="label font-color5">处理时间:</label>
  290. <div class="mui-radio mui-right radio_box">
  291. <label class="font-color6" id="Work_source"></label>
  292. </div>
  293. </div>
  294. </li>
  295. <li class="mui-table-view-cell mui-table-view-li Work_lastDealDiv">
  296. <div class="mui-input-row">
  297. <label class="label font-color5">处理内容:</label>
  298. <div class="mui-radio mui-right radio_box">
  299. <label class="font-color6 Work_lastDealUser"></label>
  300. </div>
  301. </div>
  302. </li>
  303. <li class="mui-table-view-cell mui-table-view-li">
  304. <div class="mui-input-row">
  305. <label class="label font-color5">处理结果:</label>
  306. <div class="mui-radio mui-right radio_box">
  307. <label class="font-color6 Work_last"></label>
  308. </div>
  309. </div>
  310. </li>
  311. <li class="mui-table-view-cell mui-table-view-li">
  312. <div class="mui-input-row">
  313. <label class="label font-color5">未处理原因:</label>
  314. <div class="mui-radio mui-right radio_box">
  315. <label class="font-color6" id="Work_workOrderID"></label>
  316. </div>
  317. </div>
  318. </li>
  319. <li class="mui-table-view-cell mui-table-view-li" id="depment" style="display: none;">
  320. <div class="mui-input-row">
  321. <label class="label font-color5">是否回访:</label>
  322. <div class="mui-radio mui-right radio_box">
  323. <label class="font-color6" id="Work_wor"></label>
  324. </div>
  325. </div>
  326. </li>
  327. <li class="mui-table-view-cell mui-table-view-li">
  328. <div class="mui-input-row">
  329. <label class="label font-color5">超期时限:</label>
  330. <div class="mui-radio mui-right radio_box">
  331. <label class="font-color6" id="Work_overtime"></label>
  332. </div>
  333. </div>
  334. </li>
  335. <li class="mui-table-view-cell mui-table-view-li">
  336. <div class="mui-input-row">
  337. <label class="label font-color5 surplusText"></label>
  338. <div class="mui-radio mui-right radio_box">
  339. <label class="font-color6" id="surplus"></label>
  340. </div>
  341. </div>
  342. </li>
  343. <li class="mui-table-view-cell mui-table-view-li" id="">
  344. <div class="mui-input-row">
  345. <label class="label font-color5">上级意见:</label>
  346. <div class="mui-radio mui-right radio_box">
  347. <label class="font-color6" id="xq_suggestion"></label>
  348. </div>
  349. </div>
  350. </li>
  351. <li class="mui-table-view-cell mui-table-view-cell-pmargin">
  352. <p id="Work_detail"></p>
  353. </li>
  354. <li class="mui-table-view-cell mui-table-view-cell-pmargin">
  355. <p id="Work_note"></p>
  356. </li>
  357. <li class="mui-table-view-cell mui-table-view-cell-pmargin">
  358. <p id="Work_timeOut"></p>
  359. </li>
  360. </ul>
  361. <!--图片展示-->
  362. <div class="mui-table-view">
  363. <div id='image-list' class="row image-list"></div>
  364. </div>
  365. <ul class="mui-table-view mui-grid-view type3">
  366. <h4 class="mui-ellipsis size-16 mui_btn1_tit">操作按钮:</h4>
  367. <!--待处理-->
  368. <div class="mui_btn1" style="display: block;">
  369. <li class=" mui-media mui-col-xs-3">
  370. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block reminder">超期原因</button>
  371. </li>
  372. </div>
  373. </ul>
  374. <div id="slider" class="mui-slider">
  375. <div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
  376. <a class="mui-control-item mui-active" href="#item1mobile" data-index="1">
  377. 工单跟踪
  378. </a>
  379. <!--<a class="mui-control-item" href="#item2mobile" data-index="2">
  380. 催单记录
  381. </a>
  382. <a class="mui-control-item" href="#item3mobile" data-index="2">
  383. 评论记录
  384. </a>-->
  385. </div>
  386. <div class="mui-slider-group">
  387. <div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
  388. <ul class="mui-table-view folowlist" id="folow"></ul>
  389. </div>
  390. <div id="item2mobile" class="mui-slider-item mui-control-content">
  391. <ul class="mui-table-view" id="remind"></ul>
  392. </div>
  393. <div id="item3mobile" class="mui-slider-item mui-control-content">
  394. <ul class="mui-table-view" id="commentlist"></ul>
  395. </div>
  396. </div>
  397. </div>
  398. </div>
  399. <div class="WordID" style="display: none;"></div>
  400. <!--弹框2-->
  401. <div class="pop_up_bj"></div>
  402. <div class="pop_up_div5" style="display: none;">
  403. <div class="tit">请输入超期原因</div>
  404. <div class="contain">
  405. <textarea class="textcont reminder_con" ></textarea>
  406. </div>
  407. <div class="btn">
  408. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-royal fl">取消</button>
  409. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary fr">确定</button>
  410. </div>
  411. </div>
  412. <script src="../js/jquery.min.js"></script>
  413. <script src="js/details.js"></script>
  414. <script src="../Script/Common/huayi.config.js"></script>
  415. <script src="../Script/Common/huayi.http.js"></script>
  416. <script src="../js/mui.min.js?"></script>
  417. <script src="../js/mui.picker.js"></script>
  418. <script src="../js/mui.poppicker.js"></script>
  419. <script src="js/city.data-3.js"></script>
  420. <script src="../js/mui.zoom.js"></script>
  421. <script src="../js/mui.previewimage.js"></script>
  422. <script src="js/index.js"></script>
  423. <script>
  424. var id = helper.request.queryString("id");
  425. var itype = helper.request.queryString("itype");
  426. var openid = helper.cookies.get("openid");
  427. var usertype = helper.cookies.get("usertype");
  428. mui.previewImage();
  429. // var openid = "oXF5e1mWpX5DajW5_yjNLPKb8ThE";
  430. if (usertype==-1) {
  431. $(".type3").show();
  432. } else if(usertype==1){
  433. $(".type3").show();
  434. } else if(usertype==2){
  435. $(".type3").hide();
  436. }else if(usertype==3){
  437. $(".type3").show();
  438. }else if(usertype==4){
  439. $(".type3").show();
  440. }
  441. // var itype = helper.cookies.get("itype");
  442. //console.log(id);
  443. Ajax();
  444. flow();
  445. // Remind();
  446. // Comment();
  447. //获取数据
  448. function Ajax() {
  449. $.ajax({
  450. url: huayi.config.callcenter_url + 'WxLogin/GetDetails',
  451. data: {
  452. id: id, //工单编号
  453. OpenId: openid, //微信openid,
  454. },
  455. async: true,
  456. dataType: 'json',
  457. type: 'get', //HTTP请求类型
  458. success: function(data) {
  459. if(data.state.toLowerCase() == "success") {
  460. var result = data.rows[0];
  461. if(result.Source == 0) {
  462. $("#source").hide();
  463. } else {
  464. $("#source").show();
  465. }
  466. var itype=result.F_State;
  467. //
  468. if(itype == 0) {
  469. $(".dispose1").show();
  470. $(".dispose2").show();
  471. }else if(itype == 1) {
  472. //alert(itype)
  473. $(".dispose1").show();
  474. } else if(itype == 2) {
  475. $(".dispose2").show();
  476. } else if(itype == 3) {
  477. $(".dispose3").show();
  478. }else if(itype == 4) {
  479. $(".dispose2").hide();
  480. }else if(itype == 5) {
  481. $(".dispose2").show();
  482. }
  483. if (result.GDLXName=="咨询") {
  484. $(".Work_lastDealDiv").hide(); //受理人
  485. $("#source").hide(); //投诉
  486. } else{
  487. $(".Work_lastDealDiv").show(); //受理人
  488. $("#source").show(); //投诉
  489. }
  490. var builName
  491. if (result.buildingname==null) {
  492. builName=""
  493. } else{
  494. builName=result.buildingname
  495. }
  496. var proName
  497. if (result.proname==null) {
  498. proName=""
  499. } else{
  500. proName=result.proname
  501. }
  502. var complain
  503. if (result.ComplaintDepartment==null) {
  504. complain=""
  505. } else{
  506. complain=result.ComplaintDepartment
  507. }
  508. $("#Work_bianhao").text(result.F_WorkOrderCode);
  509. $(".WordID").text(result.ID);
  510. $("#Work_classname").text(result.F_TypeName); //工单类型
  511. $("#section").text(result.F_DeptName); //部门
  512. $("#customer").text(result.F_CusName); //客户姓名
  513. $("#customerTel").text(result.F_CusPhone); //联系电话
  514. $("#Work_areaname").text(result.F_CompanyName); //公司名称
  515. // $("#Work_areaname").attr(result.IsAdminSend);
  516. $("#order_tower").text(result.F_Salesman); //业务员
  517. $("#order_unit").text(result.F_SalesPhone); //业务员电话
  518. $("#Work_houseID").text(result.F_CreateBy); //添加人工号
  519. $("#Work_gohao").text(result.F_CreateName); //添加人姓名
  520. $("#order_classes1").text(result.F_QuestionTypeone); //问题类别1
  521. $("#order_classes2").text(result.F_QuestionTypetwo); //问题类别2
  522. $("#order_classes").text(result.F_QuestionType); //问题类别 order_classes1
  523. //抽检
  524. $("#order_matime").text(result.F_CJ_Time); //抽检时间
  525. $("#order_grade").text(result.F_CJ_Level); //抽检级别
  526. $("#order_gunits").text(result.F_CJ_Unit); //抽检单位
  527. $("#order_analysis").text(result.F_CJ_TestUnit); //化验单位
  528. $("#order_assay").text(result.F_CJ_Tonnage); //抽检吨数
  529. $("#order_bags").text(result.F_CJ_BagNo); //抽检袋数
  530. $("#order_cost").text(result.F_CJ_BagNo); //公关费用
  531. $("#order_account").text(result.F_IncidentProvince); //事发地
  532. $("#order_downtown").text(result.F_IncidentCity); //市区
  533. $("#order_counties").text(result.F_IncidentCountry); //县区F_QuestionType
  534. $("#order_village").text(result.F_IncidentTownship); //乡
  535. $("#order_address").text(result.F_IncidentDetailed); //详细地址
  536. // $("#order_matrix").text(result.F_Channel); //渠道类型
  537. $("#order_market").text(result.F_SalesBase); //咨询销售基地
  538. $("#order_matrix").text(result.F_SalesBase); //销售基地
  539. $("#order_macrocell").text(result.F_AreaName); //大区
  540. $("#order_filiale").text(result.F_BranchName); //分公司
  541. $("#order_material").text(result.F_CustomerCode); //客户编码
  542. $("#order_mate").text(result.F_MaterialCode); //物料编码
  543. $("#order_model").text(result.F_Model); //型号
  544. $("#order_product").text(result.F_ZX_ProName); //产品名称
  545. $("#order_Question").text(result.F_ZX_Quantity); //问题数量
  546. $("#Work_ownerRelations").text(result.F_DealBy); //处理人
  547. $("#Work_source").text(result.F_DealTime); //处理时间
  548. $(".Work_lastDealUser").text(result.F_DealContent); //处理内容
  549. $(".Work_last").text(result.F_DealResult); //处理结果
  550. $("#Work_workOrderID").text(result.F_DealReasons); //未处理原因
  551. $("#Work_wor").text(result.F_IsVisit); //是否回访
  552. if(result.F_limit != 0) {
  553. $("#Work_overtime").text(result.F_limit); //超时时限
  554. }
  555. $("#xq_suggestion").text(result.SuperiorOpinion); //上级处理意见
  556. $("#Work_detail").text("问题描述:" + result.F_Description); //描述详情
  557. $("#Work_note").text("注解内容:" + result.F_Annotation); //注解内容
  558. $("#Work_timeOut").text("超期原因:" + result.F_Reasontimeout); //注解内容
  559. if(result.RemainingTime >= 0) {
  560. $(".surplusText").html("剩余时间")
  561. $("#surplus").text(result.RemainingTime + "小时")
  562. } else if(result.RemainingTime < 0) {
  563. $(".surplusText").html("超时时间")
  564. $("#surplus").text(Math.abs(result.RemainingTime) + "小时")
  565. }
  566. if($("#section").text == "质量管理部") {
  567. $("#depment").show();
  568. } else {
  569. $("#depment").hide();
  570. }
  571. // F_Reasontimeout
  572. //图片展示
  573. if(data.FileUrl) {
  574. $(data.FileUrl).each(function(i, n) {
  575. if(n.F_FileType == '.jpg' || n.F_FileType == '.png') {
  576. debugger
  577. $('<div class="img-box"><img src="' + n.F_FileUrl + '" alt="" class="image-item" data-preview-src="" data-preview-group="1" /><div>').appendTo("#image-list");
  578. $(".image-list").show();
  579. }
  580. // else{
  581. // $('<div class="img-box"><a href="' + n.F_FileUrl + '" download="' + n.F_FileUrl + '"></a><div>').appendTo("#image-list");
  582. // }
  583. })
  584. }
  585. // 判断数据为空隐藏li
  586. if($("#Work_gohao").text() == '') { //抽检时间
  587. $('#Work_gohao').parent().parent().remove();
  588. }
  589. if($("#order_matime").text() == '') { //抽检时间
  590. $('#order_matime').parent().parent().remove();
  591. }
  592. if($("#order_grade").text() == '') { //抽检级别
  593. $('#order_grade').parent().parent().remove();
  594. }
  595. if($("#order_gunits").text() == '') { //抽检单位
  596. $('#order_gunits').parent().parent().remove();
  597. }
  598. if($("#order_analysis").text() == '') { //化验单位
  599. $('#order_analysis').parent().parent().remove();
  600. }
  601. if($("#order_assay").text() == '') { //抽检吨数
  602. $('#order_assay').parent().parent().remove();
  603. }
  604. if($("#order_bags").text() == '') { //抽检袋数
  605. $('#order_bags').parent().parent().remove();
  606. }
  607. if($("#order_cost").text() == '') { //公关费用
  608. $('#order_cost').parent().parent().remove();
  609. }
  610. if($("#order_market").text() == '') { //咨询销售基地
  611. $('#order_market').parent().parent().remove();
  612. }
  613. if($("#section").text() == '') { //部门
  614. $('#section').parent().parent().remove();
  615. }
  616. if($("#customer").text() == '') { //客户姓名
  617. $('#customer').parent().parent().remove();
  618. }
  619. if($("#Work_houseID").text() == '') { //添加人工号
  620. $('#Work_houseID').parent().parent().remove();
  621. }
  622. if($("#order_classes").text() == '') { //问题类别
  623. $('#order_classes').parent().parent().remove();
  624. }
  625. if($("#order_classes1").text() == '') { //问题类别
  626. $('#order_classes1').parent().parent().remove();
  627. }
  628. if($("#order_classes2").text() == '') { //问题类别
  629. $('#order_classes2').parent().parent().remove();
  630. }
  631. if($("#order_account").text() == '') { //事发地
  632. $('#order_account').parent().parent().remove();
  633. }
  634. if($("#order_downtown").text() == '') { //市
  635. $('#order_downtown').parent().parent().remove();
  636. }
  637. if($("#order_counties").text() == '') { //区县
  638. $('#order_counties').parent().parent().remove();
  639. }
  640. if($("#order_village").text() == '') { //乡
  641. $('#order_village').parent().parent().remove();
  642. }
  643. if($("#order_address").text() == '') { //详细地址
  644. $('#order_address').parent().parent().remove();
  645. }
  646. if($("#order_matrix").text() == '') { //销售基地
  647. $('#order_matrix').parent().parent().remove();
  648. }
  649. if($("#order_tower").text() == '') { //业务员
  650. $('#order_tower').parent().parent().remove();
  651. }
  652. if($("#order_unit").text() == '') { //业务员电话
  653. $('#order_unit').parent().parent().remove();
  654. }
  655. if($("#order_material").text() == '') { //客户编码
  656. $('#order_material').parent().parent().remove();
  657. }
  658. if($("#order_mate").text() == '') { //物料编码
  659. $('#order_mate').parent().parent().remove();
  660. }
  661. if($("#order_macrocell").text() == '') { //大区
  662. $('#order_macrocell').parent().parent().remove();
  663. }
  664. if($("#order_filiale").text() == '') { //分公司
  665. $('#order_filiale').parent().parent().remove();
  666. }
  667. if($("#order_model").text() == '') { //型号
  668. $('#order_model').parent().parent().remove();
  669. }
  670. if($("#order_product").text() == '') { //产品名称
  671. $('#order_product').parent().parent().remove();
  672. }
  673. if($("#order_Question").text() == '') { //问题数量
  674. $('#order_Question').parent().parent().remove();
  675. }
  676. if($("#order_Question").text() == '') { //问题数量
  677. $('#order_Question').parent().parent().remove();
  678. }
  679. if($("#Work_ownerRelations").text() == '') { //处理人
  680. $('#Work_ownerRelations').parent().parent().remove();
  681. }
  682. if($("#Work_source").text() == '') { //处理时间
  683. $('#Work_source').parent().parent().remove();
  684. }
  685. if($(".Work_lastDealUser").text() == '') { //处理内容
  686. $('.Work_lastDealUser').parent().parent().remove();
  687. }
  688. if($(".Work_last").text() == '') { //处理内容
  689. $('.Work_last').parent().parent().remove();
  690. }
  691. if($("#Work_workOrderID").text() == '') { //未处理原因
  692. $('#Work_workOrderID').parent().parent().remove();
  693. }
  694. if($("#Work_overtime").text() == 0) { //超时时限
  695. $('#Work_overtime').parent().parent().remove();
  696. }
  697. if($("#Work_detail").text() == '') { //问题描述
  698. $('#Work_detail').parent().parent().remove();
  699. }
  700. if($("#Work_timeOut").text() == '' ||$("#Work_timeOut").text()==null) { //问题描述
  701. $('#Work_timeOut').parent().parent().remove();
  702. }
  703. if($("#xq_suggestion").text == '') { //上级处理意见
  704. $("#xq_suggestion").parent().parent().remove();
  705. }
  706. }
  707. },
  708. error: function(xhr, type, errorThrown) {
  709. //异常处理;
  710. }
  711. })
  712. }
  713. //返回列表
  714. $('.return').on('tap', function() {
  715. window.location.href = "press_list.html"
  716. //window.location.href = "client_index.html?Itype=" + itype;
  717. });
  718. //工单跟踪
  719. function flow() {
  720. $.ajax({
  721. url: huayi.config.callcenter_url + 'WxLogin/GetDetails',
  722. data: {
  723. id: id, //工单编号
  724. type: 1,
  725. OpenId: openid, //微信openid,
  726. },
  727. async: true,
  728. dataType: 'json',
  729. type: 'get', //HTTP请求类型
  730. success: function(data) {
  731. if(data.state.toLowerCase() == "success") {
  732. if(data.total && data.total.length > 0) {
  733. $(data.total).each(function(i, n) {
  734. var str = '';
  735. if(n.F_OptType == 1){
  736. str = str + n.F_OptContent+"<br>";
  737. // alert(str)
  738. }
  739. if(n.F_OptType == 2){
  740. str = str + n.F_OptContent+"<br>";
  741. // alert(str)
  742. }
  743. if(n.F_OptType == 3){
  744. str = str + n.F_OptContent+"<br>";
  745. // alert(str)
  746. }
  747. if(n.F_OptType == 4){
  748. str = str + n.F_OptContent+"<br>";
  749. // alert(str)
  750. }
  751. if(n.F_OptType == 5){
  752. str = str + n.F_OptContent+"<br>";
  753. // alert(str)
  754. }
  755. if(n.F_OptType == 6){
  756. str = str + n.F_OptContent+"<br>";
  757. // alert(str)
  758. }
  759. if(n.F_OptType == 7){
  760. str = str + n.F_OptContent+"<br>";
  761. // alert(str)
  762. }
  763. if(n.F_OptType == 8){
  764. str = str + n.F_OptContent+"<br>";
  765. // alert(str)
  766. }
  767. if(n.F_OptType == 9){
  768. str = str + n.F_OptContent+"<br>";
  769. // alert(str)
  770. }
  771. if(n.F_OptType == 10){
  772. str = str + n.F_OptContent+"<br>";
  773. // alert(str)
  774. }
  775. if(n.F_OptType == 11){
  776. str = str + n.F_OptContent+"<br>";
  777. // alert(str)
  778. }
  779. if(n.F_OptType == 12){
  780. str = str + n.F_OptContent+"<br>";
  781. // alert(str)
  782. }
  783. if(n.F_OptType == 13){
  784. str = str + n.F_OptContent+"<br>";
  785. // alert(str)
  786. }
  787. if(n.F_OptType == 14){
  788. str = str + n.F_OptContent+"<br>";
  789. // alert(str)
  790. }
  791. if(n.F_OptType == 15){
  792. str = str + n.F_OptContent+"<br>";
  793. // alert(str)
  794. }
  795. var spandeta="";
  796. // if (n.Detail==null) {
  797. // spandeta=""
  798. // } else if (n.Detail==""){
  799. // spandeta=""
  800. // }else if(n.IsLast == 1){
  801. // spandeta="完结内容:"+n.F_OptContent
  802. // }else if(n.SureUserName) {
  803. // spandeta="接单内容:"+n.F_OptContent
  804. // } else if(n.DealTime){
  805. // spandeta="处理内容:"+n.F_OptContent
  806. // }else if(n.ToDeptName){
  807. // spandeta="转派内容:"+n.F_OptContent
  808. // }
  809. if ($(".spandeta").text()=="") {
  810. $(this).hide();
  811. }
  812. //else if(row.IsStart) {str = str + row.CreateUserName + " 重新开启工单";}
  813. $('<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 +
  814. '</span></br><span style="font-size:12px;">' + str +
  815. '</span><span class="spandeta">'+spandeta+
  816. '</span></div><div class="string"></div><div class="circular_h"></div></li>').appendTo('#folow');
  817. });
  818. var num = data.rows.length - 1;
  819. $("#folow li:eq(0)").children(".string").css("top", "20px");
  820. $("#folow li:eq(" + num + ")").children(".string").css("height", "5px");
  821. $("#folow li:eq(0)").children(".string").css("top", "20px");
  822. $("#folow li:eq(0)").children(".circular_h").css({
  823. "background": "#2cc6a7",
  824. "left": "15px",
  825. "top": "20px",
  826. "width": "12px",
  827. "height": "12px",
  828. "border-radius": "6px"
  829. });
  830. $("#folow li:eq(" + num + ")").children(".circular_h").css({
  831. "left": "15px",
  832. "width": "12px",
  833. "height": "12px",
  834. "border-radius": "6px"
  835. });
  836. }
  837. }
  838. },
  839. error: function(xhr, type, errorThrown) {
  840. //异常处理;
  841. }
  842. })
  843. }
  844. //催单记录
  845. //评论记录
  846. //转派
  847. //转派弹框
  848. $(".redeploy").click(function() {
  849. var areaID = $("#Work_areaname").attr('data-index')
  850. window.location.href = "redeploy.html?id=" + id+'&itype='+itype+'&areaID='+areaID;
  851. })
  852. //催单
  853. $(".reminder").click(function(){
  854. $(".pop_up_bj").fadeIn();
  855. $(".pop_up_div5").fadeIn();
  856. })
  857. $(".pop_up_bj" ).click(function(){
  858. $(".pop_up_bj").hide();
  859. $(".pop_up_div5").hide();
  860. })
  861. $(".pop_up_div5 .btn .fl" ).click(function(){
  862. $(".pop_up_bj").hide();
  863. $(".pop_up_div5").hide();
  864. })
  865. $(".pop_up_div5 .btn .fr" ).click(function(){
  866. // $("#cont").text("");
  867. $(".pop_up_bj").hide();
  868. $(".pop_up_div5").hide();
  869. if($(".textcont").val()=="") {
  870. mui.alert("请输入催单内容");
  871. }else{
  872. $(".pop_up_bj").hide();
  873. $(".pop_up_div5").hide();
  874. $.ajax({
  875. type: "post",
  876. dataType: 'json',
  877. url: huayi.config.callcenter_url + 'WxLogin/Reasontimeout',
  878. async: true,
  879. data: {
  880. orderid: id, //否 strubg 工单编号
  881. cont: $(".reminder_con").val(), //否 int 处理内容
  882. Openid: openid, //微信openid,
  883. //openid: 'oXF5e1mWpX5DajW5_yjNLPKb8ThE', //微信openid 测试用
  884. },
  885. success: function(data) {
  886. debugger
  887. if(data.state == "success") {
  888. debugger
  889. mui.toast('填写成功');
  890. window.location.href = "details_1.html?id=" + id + '&itype=' + itype;
  891. } else {
  892. mui.toast(data.message);
  893. }
  894. }
  895. });
  896. }
  897. })
  898. </script>
  899. </body>
  900. </html>