Bez popisu

details.html 35KB

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