虞城12345_前端

WorkDetails.html 27KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225
  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. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  10. <link href="../css/mui.min.css" rel="stylesheet" />
  11. <script src="../js/mui.min.js"></script>
  12. <style>
  13. /*通过CSS*/
  14. .mui-bar-nav {
  15. background-color: #00a1cb;
  16. }
  17. .mui-title {
  18. color: #fff;
  19. }
  20. .mui-action-back {
  21. color: #fff;
  22. }
  23. .Phone img {
  24. width: 13px;
  25. height: 13px;
  26. border-radius: 50%;
  27. /* vertical-align: text-bottom;*/
  28. margin-right: 3px;
  29. vertical-align: initial;
  30. }
  31. .size-16 {
  32. font-size: 16px;
  33. }
  34. .States {
  35. background: #fd7c7d;
  36. color: #fff;
  37. padding: 3px 6px;
  38. border-radius: 5px;
  39. }
  40. .mui-table-view-cell {
  41. padding-right: 20px!important;
  42. }
  43. .Active {
  44. color: #00a1cb;
  45. }
  46. .Active p {
  47. color: #000;
  48. font-weight: 400;
  49. }
  50. .size-12 {
  51. font-size: 12px;
  52. }
  53. .size-14 {
  54. font-size: 14px;
  55. }
  56. .size-16 {
  57. font-size: 16px;
  58. }
  59. .mui-card-footer a {
  60. display: inline-block;
  61. text-align: center;
  62. font-size: 14px;
  63. }
  64. .mui-card-footer a:active {
  65. color: #00a1cb;
  66. }
  67. .mui-padding {
  68. padding: 11px 15px;
  69. padding-right: 20px!important;
  70. /*border-bottom: 1px solid #c8c7cc;*/
  71. }
  72. .GDgz {
  73. background-color: #fff;
  74. }
  75. .GDgz span {
  76. line-height: 18px;
  77. margin-right: 3px;
  78. }
  79. .mui-modal {
  80. display: block
  81. }
  82. .work-content {
  83. padding: 5px 12px;
  84. }
  85. .work-content span {
  86. line-height: 20px;
  87. }
  88. .Caozuo a {
  89. color: #000;
  90. }
  91. #Popover_0 {
  92. top: 50px;
  93. background-color: #fff;
  94. }
  95. #next-header {
  96. background-color: #fff;
  97. }
  98. .mui-grid-view.mui-grid-9 {
  99. background: #fff;
  100. border: none;
  101. }
  102. #F_ComContent {
  103. line-height: 20px;
  104. font-size: 14px;
  105. text-indent: 20px;
  106. padding-bottom: 10px;
  107. }
  108. .message-box {
  109. padding-top: 20px;
  110. }
  111. .message-box li {
  112. padding-top: 5px;
  113. }
  114. .mui-card-footer:before,
  115. .mui-card-header:after {
  116. background-color: #fff;
  117. }
  118. .DIV {
  119. margin-bottom: 20px;
  120. }
  121. /*.BTS{
  122. display: none;
  123. }*/
  124. .mui-preview-image.mui-fullscreen {
  125. position: fixed;
  126. z-index: 20;
  127. background-color: #000;
  128. }
  129. .mui-preview-header,
  130. .mui-preview-footer {
  131. position: absolute;
  132. width: 100%;
  133. left: 0;
  134. z-index: 10;
  135. }
  136. .mui-preview-header {
  137. height: 44px;
  138. top: 0;
  139. }
  140. .mui-preview-footer {
  141. height: 50px;
  142. bottom: 0px;
  143. }
  144. .mui-preview-header .mui-preview-indicator {
  145. display: block;
  146. line-height: 25px;
  147. color: #fff;
  148. text-align: center;
  149. margin: 15px auto 4;
  150. width: 70px;
  151. background-color: rgba(0, 0, 0, 0.4);
  152. border-radius: 12px;
  153. font-size: 16px;
  154. }
  155. .mui-preview-image {
  156. display: none;
  157. -webkit-animation-duration: 0.5s;
  158. animation-duration: 0.5s;
  159. -webkit-animation-fill-mode: both;
  160. animation-fill-mode: both;
  161. }
  162. .mui-preview-image.mui-preview-in {
  163. -webkit-animation-name: fadeIn;
  164. animation-name: fadeIn;
  165. }
  166. .mui-preview-image.mui-preview-out {
  167. background: none;
  168. -webkit-animation-name: fadeOut;
  169. animation-name: fadeOut;
  170. }
  171. .mui-preview-image.mui-preview-out .mui-preview-header,
  172. .mui-preview-image.mui-preview-out .mui-preview-footer {
  173. display: none;
  174. }
  175. .mui-zoom-scroller {
  176. position: absolute;
  177. display: -webkit-box;
  178. display: -webkit-flex;
  179. display: flex;
  180. -webkit-box-align: center;
  181. -webkit-align-items: center;
  182. align-items: center;
  183. -webkit-box-pack: center;
  184. -webkit-justify-content: center;
  185. justify-content: center;
  186. left: 0;
  187. right: 0;
  188. bottom: 0;
  189. top: 0;
  190. width: 100%;
  191. height: 100%;
  192. margin: 0;
  193. -webkit-backface-visibility: hidden;
  194. }
  195. .mui-zoom {
  196. -webkit-transform-style: preserve-3d;
  197. transform-style: preserve-3d;
  198. }
  199. .mui-slider .mui-slider-group .mui-slider-item img {
  200. width: auto;
  201. height: auto;
  202. max-width: 100%;
  203. max-height: 100%;
  204. }
  205. .mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
  206. width: 100%;
  207. }
  208. .mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
  209. display: inline-table;
  210. }
  211. .mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
  212. display: table-cell;
  213. vertical-align: middle;
  214. }
  215. .mui-preview-loading {
  216. position: absolute;
  217. width: 100%;
  218. height: 100%;
  219. top: 0;
  220. left: 0;
  221. display: none;
  222. }
  223. .mui-preview-loading.mui-active {
  224. display: block;
  225. }
  226. .mui-preview-loading .mui-spinner-white {
  227. position: absolute;
  228. top: 50%;
  229. left: 50%;
  230. margin-left: -25px;
  231. margin-top: -25px;
  232. height: 50px;
  233. width: 50px;
  234. }
  235. .mui-preview-image img.mui-transitioning {
  236. -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
  237. transition: transform 0.5s ease, opacity 0.5s ease;
  238. }
  239. @-webkit-keyframes fadeIn {
  240. 0% {
  241. opacity: 0;
  242. }
  243. 100% {
  244. opacity: 1;
  245. }
  246. }
  247. @keyframes fadeIn {
  248. 0% {
  249. opacity: 0;
  250. }
  251. 100% {
  252. opacity: 1;
  253. }
  254. }
  255. @-webkit-keyframes fadeOut {
  256. 0% {
  257. opacity: 1;
  258. }
  259. 100% {
  260. opacity: 0;
  261. }
  262. }
  263. @keyframes fadeOut {
  264. 0% {
  265. opacity: 1;
  266. }
  267. 100% {
  268. opacity: 0;
  269. }
  270. }
  271. p img {
  272. max-width: 100%;
  273. height: auto;
  274. }
  275. .img-box {
  276. float: left;
  277. width: 20%;
  278. height:60px;
  279. margin: 2%;
  280. text-align: center;
  281. }
  282. .img-box img{
  283. width: 100%;
  284. height: 100%;
  285. }
  286. .image-list {
  287. display: none;
  288. overflow: hidden;
  289. }
  290. .mui-preview-image.mui-fullscreen {
  291. position: fixed;
  292. z-index: 20;
  293. background-color: #000;
  294. }
  295. .mui-preview-header,
  296. .mui-preview-footer {
  297. position: absolute;
  298. width: 100%;
  299. left: 0;
  300. z-index: 10;
  301. }
  302. .mui-preview-header {
  303. height: 44px;
  304. top: 0;
  305. }
  306. .mui-preview-footer {
  307. height: 50px;
  308. bottom: 0px;
  309. }
  310. .mui-preview-header .mui-preview-indicator {
  311. display: block;
  312. line-height: 25px;
  313. color: #fff;
  314. text-align: center;
  315. margin: 15px auto 4;
  316. width: 70px;
  317. background-color: rgba(0, 0, 0, 0.4);
  318. border-radius: 12px;
  319. font-size: 16px;
  320. }
  321. .mui-preview-image {
  322. display: none;
  323. -webkit-animation-duration: 0.5s;
  324. animation-duration: 0.5s;
  325. -webkit-animation-fill-mode: both;
  326. animation-fill-mode: both;
  327. }
  328. .mui-preview-image.mui-preview-in {
  329. -webkit-animation-name: fadeIn;
  330. animation-name: fadeIn;
  331. }
  332. .mui-preview-image.mui-preview-out {
  333. background: none;
  334. -webkit-animation-name: fadeOut;
  335. animation-name: fadeOut;
  336. }
  337. .mui-preview-image.mui-preview-out .mui-preview-header,
  338. .mui-preview-image.mui-preview-out .mui-preview-footer {
  339. display: none;
  340. }
  341. .mui-zoom-scroller {
  342. position: absolute;
  343. display: -webkit-box;
  344. display: -webkit-flex;
  345. display: flex;
  346. -webkit-box-align: center;
  347. -webkit-align-items: center;
  348. align-items: center;
  349. -webkit-box-pack: center;
  350. -webkit-justify-content: center;
  351. justify-content: center;
  352. left: 0;
  353. right: 0;
  354. bottom: 0;
  355. top: 0;
  356. width: 100%;
  357. height: 100%;
  358. margin: 0;
  359. -webkit-backface-visibility: hidden;
  360. }
  361. .mui-zoom {
  362. -webkit-transform-style: preserve-3d;
  363. transform-style: preserve-3d;
  364. }
  365. .mui-slider .mui-slider-group .mui-slider-item img {
  366. width: auto;
  367. height: auto;
  368. max-width: 100%;
  369. max-height: 100%;
  370. }
  371. .mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
  372. width: 100%;
  373. }
  374. .mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
  375. display: inline-table;
  376. }
  377. .mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
  378. display: table-cell;
  379. vertical-align: middle;
  380. }
  381. .mui-preview-loading {
  382. position: absolute;
  383. width: 100%;
  384. height: 100%;
  385. top: 0;
  386. left: 0;
  387. display: none;
  388. }
  389. .mui-preview-loading.mui-active {
  390. display: block;
  391. }
  392. .mui-preview-loading .mui-spinner-white {
  393. position: absolute;
  394. top: 50%;
  395. left: 50%;
  396. margin-left: -25px;
  397. margin-top: -25px;
  398. height: 50px;
  399. width: 50px;
  400. }
  401. .mui-preview-image img.mui-transitioning {
  402. -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
  403. transition: transform 0.5s ease, opacity 0.5s ease;
  404. }
  405. @-webkit-keyframes fadeIn {
  406. 0% {
  407. opacity: 0;
  408. }
  409. 100% {
  410. opacity: 1;
  411. }
  412. }
  413. @keyframes fadeIn {
  414. 0% {
  415. opacity: 0;
  416. }
  417. 100% {
  418. opacity: 1;
  419. }
  420. }
  421. @-webkit-keyframes fadeOut {
  422. 0% {
  423. opacity: 1;
  424. }
  425. 100% {
  426. opacity: 0;
  427. }
  428. }
  429. @keyframes fadeOut {
  430. 0% {
  431. opacity: 1;
  432. }
  433. 100% {
  434. opacity: 0;
  435. }
  436. }
  437. p img {
  438. max-width: 100%;
  439. height: auto;
  440. }
  441. .BTS ul{
  442. overflow: hidden;
  443. }
  444. .BTS ul li{
  445. float: left;
  446. }
  447. .BTS ul li a{
  448. }
  449. .btn_agree{
  450. text-align: center;
  451. width: 80%;
  452. font-size: 14px !important;
  453. margin: 10px 10%;
  454. height: 30px;
  455. line-height: 4px !important;
  456. border: 1px solid #007aff;
  457. color: #FFFFFF;
  458. -moz-border-radius: 5px; /* Firefox */
  459. -webkit-border-radius: 5px; /* Safari 和 Chrome */
  460. border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
  461. }
  462. </style>
  463. </head>
  464. <body class="feedback">
  465. <header class="mui-bar mui-bar-nav" style="padding-right: 15px;height: 50px;color: #fff;">
  466. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  467. <h1 class="mui-title">工单详情</h1>
  468. </header>
  469. <div class="mui-content">
  470. <!--<ul class="mui-table-view mui-table-view-chevron">-->
  471. <!--<li class="mui-padding">-->
  472. <div class=" mui-table mui-table-view mui-padding" style="margin-top: 0;">
  473. <div class="mui-table-cell mui-col-xs-10">
  474. <h4 class="mui-ellipsis size-16">
  475. <span>工单编号:</span><span id="ID"></span>
  476. </h4>
  477. </div>
  478. <div class="mui-table-cell mui-col-xs-2 mui-text-right">
  479. <span class="mui-h5 States" style="display: none;">待解决</span>
  480. </div>
  481. </div>
  482. <!--<div class="mui-table mui-table-view work-content ">
  483. <h5 class=" Active size-16">
  484. <span >投诉标题:<p id="F_ComTitle" ></p></span>
  485. </h5>
  486. <h5 class="Active size-16 " style="line-height: 15px;">
  487. <span>投诉内容:</span><h5 id="F_ComContent"></h5>
  488. </h5>
  489. </div>-->
  490. <!--</ul>-->
  491. <!--信息展示-->
  492. <ul class="mui-table-view size-14 message-box">
  493. <li class="work-content">
  494. <span >投诉标题:</span>
  495. <span style="color:#000000;" id="F_ComTitle" ></span>
  496. </li>
  497. <li class="work-content">
  498. <span >投诉内容:</span>
  499. <span style="color:#000000;" id="F_ComContent" ></span>
  500. </li>
  501. <li class="work-content">
  502. <span>
  503. <i class="mui-icon mui-icon-location size-16"></i>
  504. 投诉地址:
  505. </span>
  506. <span id="AreaName"></span>
  507. <span id="AreaName_deta"></span>
  508. </li>
  509. <li class="work-content">
  510. <span>
  511. <i class="mui-icon mui-icon-person size-16"></i>
  512. 投诉人:
  513. </span>
  514. <span id="F_CusName"></span>
  515. </li>
  516. <li class="work-content">
  517. <span>
  518. <i class="mui-icon mui-icon-phone size-16"></i>
  519. 投诉人电话:
  520. </span>
  521. <span id="F_CusPhone">
  522. </span>
  523. </li>
  524. <li class="work-content">
  525. <span>
  526. <i class="mui-icon mui-icon-compose size-16"></i>
  527. 工单类型:
  528. </span>
  529. <span id="TypeName1"></span>
  530. </li>
  531. <li class="work-content" style="padding-bottom: 20px;">
  532. <span>
  533. <i class="mui-icon mui-icon-paperclip size-16"></i>
  534. 提交时间:
  535. </span><span id="F_CreateTime"></span>
  536. </li>
  537. <li class="work-content" style="padding-bottom: 20px;">
  538. <div id='image-list' class="row image-list"></div>
  539. </li>
  540. </ul>
  541. <!--图片展示-->
  542. <div class="mui-table-view BTS">
  543. <h4 class="mui-ellipsis size-16" style="padding: 20px 0px 0px 10px; margin: 0px;">操作按钮:</h4>
  544. <div class="mui-card-footer">
  545. <ul class="mui-table-view mui-grid-view mui-grid-9">
  546. </ul>
  547. </div>
  548. </div>
  549. <!--工单进程-->
  550. <div class="mui-table-view work-content ">
  551. <div class="mui-table-cell mui-col-xs-10">
  552. <h4 class="mui-ellipsis size-16" style="padding: 6px ;">工单跟踪信息</h4>
  553. </div>
  554. </div>
  555. <!--工单进度-->
  556. <div class="mui-padding GDgz">
  557. </div>
  558. </div>
  559. <script src="../js/app.js"></script>
  560. <script src="../js/zepto.js"></script>
  561. <script src="../js/huayi.config.js"></script>
  562. <script src="../js/mui.zoom.js"></script>
  563. <script src="../js/mui.previewimage.js"></script>
  564. <script type="text/javascript">
  565. mui.init({
  566. swipeBack: true //启用右滑关闭功能
  567. });
  568. mui.previewImage();
  569. mui.plusReady(function() {
  570. var wv = plus.webview.currentWebview();
  571. var vText = wv.name;
  572. var ID = document.getElementById("ID").innerHTML = vText;
  573. var token = localStorage.getItem("token");
  574. //工单详情
  575. mui.ajax(huayi.config.callcenter_url + '/WorkOrder/GetWorkOrder', {
  576. data: {
  577. workorderid: vText,
  578. "token": token
  579. },
  580. dataType: 'json', //服务器返回json格式数据
  581. type: 'get', //HTTP请求类型
  582. timeout: 10000, //超时时间设置为10秒;
  583. headers: {
  584. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  585. },
  586. success: function(data) {
  587. var Data = data.data.data;
  588. document.getElementById("F_ComTitle").innerHTML = Data[0].F_ComTitle; //标题
  589. document.getElementById("F_ComContent").innerHTML = Data[0].F_ComContent; //内容
  590. //地址
  591. document.getElementById("AreaName").innerHTML = Data[0].AreaName;
  592. //地址详情
  593. document.getElementById("AreaName_deta").innerHTML = Data[0].F_SourceAddress;
  594. //投诉人
  595. document.getElementById("F_CusName").innerHTML = Data[0].F_CusName;
  596. //电话
  597. document.getElementById("F_CusPhone").innerHTML = Data[0].F_CusPhone;
  598. //类型
  599. document.getElementById("TypeName1").innerHTML = Data[0].TypeName1;
  600. //时间
  601. document.getElementById("F_CreateTime").innerHTML = Data[0].F_CreateTime;
  602. //办理过程
  603. for(var i = 0; i < data.data.gcdata.length; i++) {
  604. var table = document.body.querySelector('.GDgz');
  605. var div = document.createElement('div');
  606. div.className = 'DIV';
  607. var oldmsg=data.data.gcdata[i].F_Message;
  608. var jqmsg="";
  609. var jqmsgnew;
  610. if(oldmsg.match(/-(\S*)\)/)==null){
  611. // alert("ddd");
  612. jqmsgnew=data.data.gcdata[i].F_Message;
  613. // jqmsg=oldmsg.match(/-(\S*)\)/)[0];
  614. }else{
  615. jqmsg=oldmsg.match(/-(\S*)\)/)[0];
  616. jqmsgnew=oldmsg.replace(jqmsg,"");
  617. }
  618. div.innerHTML =
  619. '<h5 class="mui-badge-success mui-badge-inverted">' + data.data.gcdata[i].F_CreateTime + ' ' +
  620. // '<h5><span>操作人:</span><span>' + Agree + '</span></h5>' +
  621. '<h5><span>备注信息:</span><span class="Font">' + jqmsgnew + '</span></h5>';
  622. table.appendChild(div);
  623. }
  624. //按钮显示
  625. if(data.data.btndata.length > 0) {
  626. $('.BTS').show();
  627. for(var i = 0; i < data.data.btndata.length; i++) {
  628. $('<li class=" mui-media mui-col-xs-4">' +
  629. '<button type="button" data-loading-text="提交中" index="' + data.data.btndata[i].key + '" class="mui-btn mui-btn-primary mui-btn-block block_button btn_agree Biaoqian">' + data.data.btndata[i].value + '</button>' +
  630. '</li>').appendTo(".mui-grid-9")
  631. }
  632. }
  633. //图片展示
  634. if(Data[0].File) {
  635. $(Data[0].File).each(function(i, n) {
  636. if(n.F_FileType == '.jpg'||n.F_FileType == '.png') {
  637. $('<div class="img-box"><img src="' + n.F_FileUrl + '" alt="" class="image-item" data-preview-src="" data-preview-group="1" /><div>').appendTo("#image-list");
  638. $(".image-list").show();
  639. } else if(n.F_FileType == '.docx') {
  640. mui.toast('猜猜我是谁')
  641. }
  642. })
  643. }
  644. $(".Biaoqian").on("tap", function() {
  645. var a = $(this).attr("index");
  646. if(a == 14) {
  647. YS(); //延时
  648. } else if(a == 11) {
  649. CS(); //查收
  650. } else if(a == 12) {
  651. TH(); //退回
  652. } else if(a == 13) {
  653. Bl(); //办理
  654. //领导权限
  655. } else if(a == 15) {
  656. THSH(); //退回审核
  657. } else if(a == 17) {
  658. YSsh(); //延时审核
  659. } else if(a == 22) {
  660. QZ(); //强制结案
  661. } else if(a == 21) {
  662. HT(); //回退
  663. } else if(a == 5) {
  664. JB(); //交办
  665. } else if(a == 6) {
  666. LD(); //领导批示
  667. } else if(a == 7) {
  668. SZ(); //市长批示
  669. } else if(a == 8) {
  670. DB(); //督办
  671. } else if(a == 9) {
  672. JC(); //监察
  673. } else if(a == 10) {
  674. BacK(); //回收
  675. } else if(a == 1) {
  676. CK(); //查看
  677. } else if(a == 2) {
  678. BJ(); //编辑
  679. } else if(a == 18) {
  680. CB(); //重办
  681. } else if(a == 23) {
  682. PD(); //派单
  683. }else if(a == 3) {
  684. move(); //删除
  685. }else if(a == 4) {
  686. tj(); //提交
  687. }
  688. })
  689. },
  690. error: function(xhr, type, errorThrown) {
  691. //异常处理;
  692. }
  693. });
  694. //交办
  695. function JB() {
  696. mui.openWindow({
  697. id: 'Work-jiaoban',
  698. url: 'Work-jiaoban.html',
  699. show: {
  700. aniShow: 'pop-in'
  701. },
  702. styles: {
  703. popGesture: 'hide'
  704. },
  705. waiting: {
  706. autoShow: true
  707. },
  708. extras: {
  709. name: vText,
  710. token: token
  711. }
  712. });
  713. }
  714. //派单
  715. function PD() {
  716. mui.openWindow({
  717. id: 'Work-jiaoban',
  718. url: 'Work-paidan.html',
  719. show: {
  720. aniShow: 'pop-in'
  721. },
  722. styles: {
  723. popGesture: 'hide'
  724. },
  725. waiting: {
  726. autoShow: true
  727. },
  728. extras: {
  729. name: vText,
  730. token: token
  731. }
  732. });
  733. }
  734. //重办
  735. function CB() {
  736. mui.openWindow({
  737. id: 'work-cb',
  738. url: 'work-cb.html',
  739. show: {
  740. aniShow: 'pop-in'
  741. },
  742. styles: {
  743. popGesture: 'hide'
  744. },
  745. waiting: {
  746. autoShow: true
  747. },
  748. extras: {
  749. name: vText,
  750. token: token
  751. }
  752. });
  753. }
  754. // 编辑
  755. function BJ() {
  756. mui.openWindow({
  757. id: 'bianji',
  758. url: 'Work-bianji.html',
  759. show: {
  760. aniShow: 'pop-in'
  761. },
  762. styles: {
  763. popGesture: 'hide'
  764. },
  765. waiting: {
  766. autoShow: true
  767. },
  768. extras: {
  769. name: vText,
  770. token: token
  771. }
  772. });
  773. }
  774. //查看
  775. function CK() {
  776. mui.openWindow({
  777. id: 'Work-yijian',
  778. url: 'Work-yijian.html',
  779. show: {
  780. aniShow: 'pop-in'
  781. },
  782. styles: {
  783. popGesture: 'hide'
  784. },
  785. waiting: {
  786. autoShow: true
  787. },
  788. extras: {
  789. name: vText,
  790. }
  791. });
  792. }
  793. //办理工单
  794. function Bl() {
  795. mui.openWindow({
  796. id: 'Work-banli',
  797. url: 'Work-banli.html',
  798. show: {
  799. aniShow: 'pop-in'
  800. },
  801. styles: {
  802. popGesture: 'hide'
  803. },
  804. waiting: {
  805. autoShow: true
  806. },
  807. extras: {
  808. name: vText,
  809. token: token
  810. }
  811. });
  812. }
  813. //延时申请
  814. function YS() {
  815. mui.openWindow({
  816. id: 'Work-YSsq',
  817. url: 'Work-YSsq.html',
  818. show: {
  819. aniShow: 'pop-in'
  820. },
  821. styles: {
  822. popGesture: 'hide'
  823. },
  824. waiting: {
  825. autoShow: true
  826. },
  827. extras: {
  828. name: vText,
  829. token: token
  830. }
  831. });
  832. }
  833. //延时审核
  834. function YSsh() {
  835. mui.openWindow({
  836. id: 'Work-YSsh',
  837. url: 'Work-YSsh.html',
  838. show: {
  839. aniShow: 'pop-in'
  840. },
  841. styles: {
  842. popGesture: 'hide'
  843. },
  844. waiting: {
  845. autoShow: true
  846. },
  847. extras: {
  848. name: vText,
  849. token: token
  850. }
  851. });
  852. }
  853. //查收工单
  854. function CS() {
  855. var btnArray = ['否', '是'];
  856. mui.confirm('确定要查收工单?', '提示', btnArray, function(e) {
  857. if(e.index == 1) {
  858. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/ReceiveWorkOrder', {
  859. data: {
  860. workorderid: $("#ID").text(),
  861. token: token
  862. },
  863. dataType: 'json', //服务器返回json格式数据
  864. type: 'post', //HTTP请求类型
  865. timeout: 10000, //超时时间设置为10秒;
  866. headers: {
  867. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  868. },
  869. success: function(data) {
  870. if(data.state.toLowerCase() == "success") {
  871. mui.toast("查收成功");
  872. var wobj = plus.webview.getWebviewById("WorkDetails");
  873. wobj.reload(true);
  874. }
  875. }
  876. })
  877. } else {
  878. mui.toast("取消查收");
  879. }
  880. })
  881. }
  882. //删除
  883. function move() {
  884. var btnArray = ['否', '是'];
  885. mui.confirm('确定要删除工单?', '提示', btnArray, function(f) {
  886. if(f.index == 1) {
  887. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/DelWorkOrder', {
  888. data: {
  889. ids: $("#ID").text(),
  890. token: token
  891. },
  892. dataType: 'json', //服务器返回json格式数据
  893. type: 'post', //HTTP请求类型
  894. timeout: 10000, //超时时间设置为10秒;
  895. headers: {
  896. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  897. },
  898. success: function(data) {
  899. if(data.state.toLowerCase() == "success") {
  900. mui.toast("删除成功");
  901. var wobj = plus.webview.getWebviewById("Work-list");
  902. wobj.reload(true);
  903. }
  904. }
  905. })
  906. } else {
  907. mui.toast("取消删除");
  908. }
  909. })
  910. }
  911. //提交
  912. function tj() {
  913. var btnArray = ['否', '是'];
  914. mui.confirm('确定提交工单?', '提示', btnArray, function(h) {
  915. if(h.index == 1) {
  916. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/SubmitWorkOrder', {
  917. data: {
  918. ids: $("#ID").text(),
  919. token: token
  920. },
  921. dataType: 'json', //服务器返回json格式数据
  922. type: 'post', //HTTP请求类型
  923. timeout: 10000, //超时时间设置为10秒;
  924. headers: {
  925. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  926. },
  927. success: function(data) {
  928. if(data.state.toLowerCase() == "success") {
  929. mui.toast("提交成功");
  930. var wobj = plus.webview.getWebviewById("WorkDetails");
  931. wobj.reload(true);
  932. }
  933. }
  934. })
  935. } else {
  936. mui.toast("取消提交");
  937. }
  938. })
  939. }
  940. //退回申请
  941. function TH() {
  942. mui.openWindow({
  943. id: 'THsq',
  944. url: 'Work-THsq.html',
  945. show: {
  946. aniShow: 'pop-in'
  947. },
  948. styles: {
  949. popGesture: 'hide'
  950. },
  951. waiting: {
  952. autoShow: true
  953. },
  954. extras: {
  955. name: vText,
  956. token: token
  957. }
  958. });
  959. }
  960. //申请审核
  961. function THSH() {
  962. mui.openWindow({
  963. id: 'Work-THsh',
  964. url: 'Work-THsh.html',
  965. show: {
  966. aniShow: 'pop-in'
  967. },
  968. styles: {
  969. popGesture: 'hide'
  970. },
  971. waiting: {
  972. autoShow: true
  973. },
  974. extras: {
  975. name: vText,
  976. token: token
  977. }
  978. });
  979. }
  980. //强制结案
  981. function QZ() {
  982. mui.openWindow({
  983. id: 'Work-QZja',
  984. url: 'Work-QZja.html',
  985. show: {
  986. aniShow: 'pop-in'
  987. },
  988. styles: {
  989. popGesture: 'hide'
  990. },
  991. waiting: {
  992. autoShow: true
  993. },
  994. extras: {
  995. name: vText,
  996. token: token
  997. }
  998. });
  999. }
  1000. //督办
  1001. function DB() {
  1002. mui.openWindow({
  1003. id: 'Work-DB',
  1004. url: 'Work-DB.html',
  1005. show: {
  1006. aniShow: 'pop-in'
  1007. },
  1008. styles: {
  1009. popGesture: 'hide'
  1010. },
  1011. waiting: {
  1012. autoShow: true
  1013. },
  1014. extras: {
  1015. name: vText,
  1016. token: token
  1017. }
  1018. });
  1019. }
  1020. //监察
  1021. function JC() {
  1022. mui.openWindow({
  1023. id: 'Work-JC',
  1024. url: 'Work-JC.html',
  1025. show: {
  1026. aniShow: 'pop-in'
  1027. },
  1028. styles: {
  1029. popGesture: 'hide'
  1030. },
  1031. waiting: {
  1032. autoShow: true
  1033. },
  1034. extras: {
  1035. name: vText,
  1036. token: token
  1037. }
  1038. });
  1039. }
  1040. //收回
  1041. function BacK() {
  1042. var btnArray = ['否', '是'];
  1043. mui.confirm('确定要回收工单?', '提示', btnArray, function(e) {
  1044. if(e.index == 1) {
  1045. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/TakeBackWorkOrder', {
  1046. data: {
  1047. workorderid: $("#ID").text(),
  1048. token: token
  1049. },
  1050. dataType: 'json', //服务器返回json格式数据
  1051. type: 'post', //HTTP请求类型
  1052. timeout: 10000, //超时时间设置为10秒;
  1053. headers: {
  1054. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  1055. },
  1056. success: function(data) {
  1057. if(data.state.toLowerCase() == "success") {
  1058. mui.toast("回收成功");
  1059. var wobj = plus.webview.getWebviewById("WorkDetails");
  1060. wobj.reload(true);
  1061. }
  1062. }
  1063. })
  1064. } else {
  1065. mui.toast("取消");
  1066. }
  1067. })
  1068. }
  1069. //回退
  1070. function HT() {
  1071. mui.openWindow({
  1072. id: 'Work-HT',
  1073. url: 'Work-HT.html',
  1074. show: {
  1075. aniShow: 'pop-in'
  1076. },
  1077. styles: {
  1078. popGesture: 'hide'
  1079. },
  1080. waiting: {
  1081. autoShow: true
  1082. },
  1083. extras: {
  1084. name: vText,
  1085. token: token
  1086. }
  1087. });
  1088. }
  1089. //领导审批
  1090. function LD() {
  1091. mui.openWindow({
  1092. id: 'Work-LD.html',
  1093. url: 'Work-LD.html',
  1094. show: {
  1095. aniShow: 'pop-in'
  1096. },
  1097. styles: {
  1098. popGesture: 'hide'
  1099. },
  1100. waiting: {
  1101. autoShow: true
  1102. },
  1103. extras: {
  1104. name: vText,
  1105. token: token
  1106. }
  1107. });
  1108. }
  1109. //市长批示
  1110. function SZ() {
  1111. mui.openWindow({
  1112. id: 'Work-SZ',
  1113. url: 'Work-SZ.html',
  1114. show: {
  1115. aniShow: 'pop-in'
  1116. },
  1117. styles: {
  1118. popGesture: 'hide'
  1119. },
  1120. waiting: {
  1121. autoShow: true
  1122. },
  1123. extras: {
  1124. name: vText,
  1125. token: token
  1126. }
  1127. });
  1128. }
  1129. $(".Tap").on('tap', function() {
  1130. createDownload();
  1131. })
  1132. })
  1133. </script>
  1134. </body>
  1135. </html>