商丘12345 前端

WorkDetails.html 27KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233
  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" style="-webkit-user-select:text;"></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. <!--信息展示-->
  483. <ul class="mui-table-view size-14 message-box">
  484. <li class="work-content">
  485. <span >投诉标题:</span>
  486. <span style="color:#000000;" id="F_ComTitle" ></span>
  487. </li>
  488. <li class="work-content">
  489. <span >投诉内容:</span>
  490. <span style="color:#989898;" id="F_ComContent" ></span>
  491. </li>
  492. <li class="work-content">
  493. <span>
  494. <i class="mui-icon mui-icon-location size-16"></i>
  495. 投诉地址:
  496. </span>
  497. <span id="AreaName"></span>
  498. <span id="AreaName_deta"></span>
  499. </li>
  500. <li class="work-content">
  501. <span>
  502. <i class="mui-icon mui-icon-person size-16"></i>
  503. 投诉人:
  504. </span>
  505. <span id="F_CusName"></span>
  506. </li>
  507. <li class="work-content">
  508. <span>
  509. <i class="mui-icon mui-icon-phone size-16"></i>
  510. 投诉人电话:
  511. </span>
  512. <span id="F_CusPhone">
  513. </span>
  514. </li>
  515. <li class="work-content">
  516. <span>
  517. <i class="mui-icon mui-icon-compose size-16"></i>
  518. 工单类型:
  519. </span>
  520. <span id="TypeName1"></span>
  521. </li>
  522. <li class="work-content" style="padding-bottom: 20px;">
  523. <span>
  524. <i class="mui-icon mui-icon-paperclip size-16"></i>
  525. 提交时间:
  526. </span><span id="F_CreateTime"></span>
  527. </li>
  528. <li class="work-content" style="padding-bottom: 20px;">
  529. <div id='image-list' class="row image-list"></div>
  530. </li>
  531. </ul>
  532. <!--图片展示-->
  533. <div class="mui-table-view BTS">
  534. <h4 class="mui-ellipsis size-16" style="padding: 20px 0px 0px 10px; margin: 0px;">操作按钮:</h4>
  535. <div class="mui-card-footer">
  536. <ul class="mui-table-view mui-grid-view mui-grid-9">
  537. </ul>
  538. </div>
  539. </div>
  540. <!--工单进程-->
  541. <div class="mui-table-view work-content ">
  542. <div class="mui-table-cell mui-col-xs-10">
  543. <h4 class="mui-ellipsis size-16" style="padding: 6px ;">工单跟踪信息</h4>
  544. </div>
  545. </div>
  546. <!--工单进度-->
  547. <div class="mui-padding GDgz">
  548. </div>
  549. </div>
  550. <script src="../js/app.js"></script>
  551. <script src="../js/zepto.js"></script>
  552. <script src="../js/huayi.config.js"></script>
  553. <script src="../js/mui.zoom.js"></script>
  554. <script src="../js/mui.previewimage.js"></script>
  555. <script type="text/javascript">
  556. mui.init({
  557. swipeBack: true //启用右滑关闭功能
  558. });
  559. mui.previewImage();
  560. mui.plusReady(function() {
  561. var wv = plus.webview.currentWebview();
  562. var vText = wv.name;
  563. var ID = document.getElementById("ID").innerHTML = vText;
  564. var token = localStorage.getItem("token");
  565. //工单详情
  566. mui.ajax(huayi.config.callcenter_url + '/WorkOrder/GetWorkOrder', {
  567. data: {
  568. workorderid: vText,
  569. "token": token
  570. },
  571. dataType: 'json', //服务器返回json格式数据
  572. type: 'get', //HTTP请求类型
  573. timeout: 10000, //超时时间设置为10秒;
  574. headers: {
  575. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  576. },
  577. success: function(data) {
  578. var Data = data.data.data;
  579. document.getElementById("F_ComTitle").innerHTML = Data[0].F_ComTitle; //标题
  580. document.getElementById("F_ComContent").innerHTML = Data[0].F_ComContent; //内容
  581. //地址
  582. document.getElementById("AreaName").innerHTML = Data[0].AreaName;
  583. //地址详情
  584. document.getElementById("AreaName_deta").innerHTML = Data[0].F_SourceAddress;
  585. //投诉人
  586. document.getElementById("F_CusName").innerHTML = Data[0].F_CusName;
  587. //电话
  588. document.getElementById("F_CusPhone").innerHTML = Data[0].F_CusPhone;
  589. //类型
  590. document.getElementById("TypeName1").innerHTML = Data[0].TypeName1;
  591. //时间
  592. document.getElementById("F_CreateTime").innerHTML = Data[0].F_CreateTime;
  593. //办理过程
  594. for(var i = 0; i < data.data.gcdata.length; i++) {
  595. var table = document.body.querySelector('.GDgz');
  596. var div = document.createElement('div');
  597. div.className = 'DIV';
  598. var oldmsg=data.data.gcdata[i].F_Message;
  599. var jqmsg="";
  600. var jqmsgnew;
  601. if(oldmsg.match(/-(\S*)\)/)==null){
  602. jqmsgnew=data.data.gcdata[i].F_Message;
  603. }else{
  604. jqmsg=oldmsg.match(/-(\S*)\)/)[0];
  605. jqmsgnew=oldmsg.replace(jqmsg,"");
  606. }
  607. div.innerHTML =
  608. '<h5 class="mui-badge-success mui-badge-inverted">' + data.data.gcdata[i].F_CreateTime + ' ' +
  609. // '<h5><span>操作人:</span><span>' + Agree + '</span></h5>' +
  610. '<h5><span>备注信息:</span><span class="Font">' + jqmsgnew + '</span></h5>';
  611. table.appendChild(div);
  612. }
  613. //按钮显示
  614. if(data.data.btndata.length > 0) {
  615. $('.BTS').show();
  616. for(var i = 0; i < data.data.btndata.length; i++) {
  617. if (data.data.btndata[i].value!="不督办") {
  618. $('<li class=" mui-media mui-col-xs-4">' +
  619. '<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>' +
  620. '</li>').appendTo(".mui-grid-9")
  621. }
  622. }
  623. }
  624. //图片展示
  625. if(Data[0].File) {
  626. $(Data[0].File).each(function(i, n) {
  627. if(n.F_FileType == '.jpg'||n.F_FileType == '.png') {
  628. $('<div class="img-box"><img src="' + n.F_FileUrl + '" alt="" class="image-item" data-preview-src="" data-preview-group="1" /><div>').appendTo("#image-list");
  629. $(".image-list").show();
  630. } else if(n.F_FileType == '.docx') {
  631. mui.toast('猜猜我是谁')
  632. }
  633. })
  634. }
  635. $(".Biaoqian").on("tap", function() {
  636. var a = $(this).attr("index");
  637. if(a == 14) {
  638. YS(); //延时
  639. } else if(a == 11) {
  640. CS(); //查收
  641. } else if(a == 12) {
  642. TH(); //退回
  643. } else if(a == 13) {
  644. Bl(); //办理
  645. //领导权限
  646. } else if(a == 15) {
  647. THSH(); //退回审核
  648. } else if(a == 17) {
  649. YSsh(); //延时审核
  650. } else if(a == 22) {
  651. QZ(); //强制结案
  652. } else if(a == 21) {
  653. HT(); //回退
  654. } else if(a == 5) {
  655. JB(); //交办
  656. } else if(a == 6) {
  657. LD(); //领导批示
  658. } else if(a == 7) {
  659. SZ(); //市长批示
  660. } else if(a == 8) {
  661. DB(); //督办
  662. } else if(a == 9) {
  663. JC(); //监察
  664. } else if(a == 10) {
  665. BacK(); //回收
  666. } else if(a == 1) {
  667. CK(); //查看
  668. } else if(a == 2) {
  669. BJ(); //编辑
  670. } else if(a == 18) {
  671. CB(); //重办
  672. } else if(a == 23) {
  673. PD(); //派单
  674. } else if(a ==19) {
  675. JAn(); //结案
  676. }else if(a == 3) {
  677. move(); //删除
  678. }else if(a == 4) {
  679. tj(); //提交
  680. }
  681. })
  682. },
  683. error: function(xhr, type, errorThrown) {
  684. //异常处理;
  685. }
  686. });
  687. //交办
  688. function JB() {
  689. mui.openWindow({
  690. id: 'Work-jiaoban',
  691. url: 'Work-jiaoban.html',
  692. show: {
  693. aniShow: 'pop-in'
  694. },
  695. styles: {
  696. popGesture: 'hide'
  697. },
  698. waiting: {
  699. autoShow: true
  700. },
  701. extras: {
  702. name: vText,
  703. token: token
  704. }
  705. });
  706. }
  707. //派单
  708. function PD() {
  709. mui.openWindow({
  710. id: 'Work-jiaoban',
  711. url: 'Work-paidan.html',
  712. show: {
  713. aniShow: 'pop-in'
  714. },
  715. styles: {
  716. popGesture: 'hide'
  717. },
  718. waiting: {
  719. autoShow: true
  720. },
  721. extras: {
  722. name: vText,
  723. token: token
  724. }
  725. });
  726. }
  727. //重办
  728. function CB() {
  729. mui.openWindow({
  730. id: 'work-cb',
  731. url: 'work-cb.html',
  732. show: {
  733. aniShow: 'pop-in'
  734. },
  735. styles: {
  736. popGesture: 'hide'
  737. },
  738. waiting: {
  739. autoShow: true
  740. },
  741. extras: {
  742. name: vText,
  743. token: token
  744. }
  745. });
  746. }
  747. //结案
  748. function JAn() {
  749. mui.openWindow({
  750. id: 'work-JieAn',
  751. url: 'Work-JieAn.html',
  752. show: {
  753. aniShow: 'pop-in'
  754. },
  755. styles: {
  756. popGesture: 'hide'
  757. },
  758. waiting: {
  759. autoShow: true
  760. },
  761. extras: {
  762. name: vText,
  763. token: token
  764. }
  765. });
  766. }
  767. function BJ() {
  768. mui.openWindow({
  769. id: 'bianji',
  770. url: 'Work-bianji.html',
  771. show: {
  772. aniShow: 'pop-in'
  773. },
  774. styles: {
  775. popGesture: 'hide'
  776. },
  777. waiting: {
  778. autoShow: true
  779. },
  780. extras: {
  781. name: vText,
  782. token: token
  783. }
  784. });
  785. }
  786. //查看
  787. function CK() {
  788. mui.openWindow({
  789. id: 'Work-yijian',
  790. url: 'Work-yijian.html',
  791. show: {
  792. aniShow: 'pop-in'
  793. },
  794. styles: {
  795. popGesture: 'hide'
  796. },
  797. waiting: {
  798. autoShow: true
  799. },
  800. extras: {
  801. name: vText,
  802. }
  803. });
  804. }
  805. //办理工单
  806. function Bl() {
  807. mui.openWindow({
  808. id: 'Work-banli',
  809. url: 'Work-banli.html',
  810. show: {
  811. aniShow: 'pop-in'
  812. },
  813. styles: {
  814. popGesture: 'hide'
  815. },
  816. waiting: {
  817. autoShow: true
  818. },
  819. extras: {
  820. name: vText,
  821. token: token
  822. }
  823. });
  824. }
  825. //延时申请
  826. function YS() {
  827. mui.openWindow({
  828. id: 'Work-YSsq',
  829. url: 'Work-YSsq.html',
  830. show: {
  831. aniShow: 'pop-in'
  832. },
  833. styles: {
  834. popGesture: 'hide'
  835. },
  836. waiting: {
  837. autoShow: true
  838. },
  839. extras: {
  840. name: vText,
  841. token: token
  842. }
  843. });
  844. }
  845. //延时审核
  846. function YSsh() {
  847. mui.openWindow({
  848. id: 'Work-YSsh',
  849. url: 'Work-YSsh.html',
  850. show: {
  851. aniShow: 'pop-in'
  852. },
  853. styles: {
  854. popGesture: 'hide'
  855. },
  856. waiting: {
  857. autoShow: true
  858. },
  859. extras: {
  860. name: vText,
  861. token: token
  862. }
  863. });
  864. }
  865. //查收工单
  866. function CS() {
  867. var btnArray = ['否', '是'];
  868. mui.confirm('确定要查收工单?', '提示', btnArray, function(e) {
  869. if(e.index == 1) {
  870. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/ReceiveWorkOrder', {
  871. data: {
  872. workorderid: $("#ID").text(),
  873. token: token
  874. },
  875. dataType: 'json', //服务器返回json格式数据
  876. type: 'post', //HTTP请求类型
  877. timeout: 10000, //超时时间设置为10秒;
  878. headers: {
  879. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  880. },
  881. success: function(data) {
  882. if(data.state.toLowerCase() == "success") {
  883. mui.toast("查收成功");
  884. var wobj = plus.webview.getWebviewById("WorkDetails");
  885. wobj.reload(true);
  886. }
  887. }
  888. })
  889. } else {
  890. mui.toast("取消查收");
  891. }
  892. })
  893. }
  894. //删除
  895. function move() {
  896. var btnArray = ['否', '是'];
  897. mui.confirm('确定要删除工单?', '提示', btnArray, function(f) {
  898. if(f.index == 1) {
  899. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/DelWorkOrder', {
  900. data: {
  901. ids: $("#ID").text(),
  902. token: token
  903. },
  904. dataType: 'json', //服务器返回json格式数据
  905. type: 'post', //HTTP请求类型
  906. timeout: 10000, //超时时间设置为10秒;
  907. headers: {
  908. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  909. },
  910. success: function(data) {
  911. if(data.state.toLowerCase() == "success") {
  912. mui.toast("删除成功");
  913. var wobj = plus.webview.getWebviewById("WorkDetails");
  914. wobj.reload(true);
  915. }
  916. }
  917. })
  918. } else {
  919. mui.toast("取消删除");
  920. }
  921. })
  922. }
  923. //提交
  924. function tj() {
  925. var btnArray = ['否', '是'];
  926. mui.confirm('确定提交工单?', '提示', btnArray, function(h) {
  927. if(h.index == 1) {
  928. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/SubmitWorkOrder', {
  929. data: {
  930. ids: $("#ID").text(),
  931. token: token
  932. },
  933. dataType: 'json', //服务器返回json格式数据
  934. type: 'post', //HTTP请求类型
  935. timeout: 10000, //超时时间设置为10秒;
  936. headers: {
  937. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  938. },
  939. success: function(data) {
  940. if(data.state.toLowerCase() == "success") {
  941. mui.toast("提交成功");
  942. var wobj = plus.webview.getWebviewById("WorkDetails");
  943. wobj.reload(true);
  944. }
  945. }
  946. })
  947. } else {
  948. mui.toast("取消提交");
  949. }
  950. })
  951. }
  952. //退回申请
  953. function TH() {
  954. mui.openWindow({
  955. id: 'THsq',
  956. url: 'Work-THsq.html',
  957. show: {
  958. aniShow: 'pop-in'
  959. },
  960. styles: {
  961. popGesture: 'hide'
  962. },
  963. waiting: {
  964. autoShow: true
  965. },
  966. extras: {
  967. name: vText,
  968. token: token
  969. }
  970. });
  971. }
  972. //申请审核
  973. function THSH() {
  974. mui.openWindow({
  975. id: 'Work-THsh',
  976. url: 'Work-THsh.html',
  977. show: {
  978. aniShow: 'pop-in'
  979. },
  980. styles: {
  981. popGesture: 'hide'
  982. },
  983. waiting: {
  984. autoShow: true
  985. },
  986. extras: {
  987. name: vText,
  988. token: token
  989. }
  990. });
  991. }
  992. //强制结案
  993. function QZ() {
  994. mui.openWindow({
  995. id: 'Work-QZja',
  996. url: 'Work-QZja.html',
  997. show: {
  998. aniShow: 'pop-in'
  999. },
  1000. styles: {
  1001. popGesture: 'hide'
  1002. },
  1003. waiting: {
  1004. autoShow: true
  1005. },
  1006. extras: {
  1007. name: vText,
  1008. token: token
  1009. }
  1010. });
  1011. }
  1012. //督办
  1013. function DB() {
  1014. mui.openWindow({
  1015. id: 'Work-DB',
  1016. url: 'Work-DB.html',
  1017. show: {
  1018. aniShow: 'pop-in'
  1019. },
  1020. styles: {
  1021. popGesture: 'hide'
  1022. },
  1023. waiting: {
  1024. autoShow: true
  1025. },
  1026. extras: {
  1027. name: vText,
  1028. token: token
  1029. }
  1030. });
  1031. }
  1032. //监察
  1033. function JC() {
  1034. mui.openWindow({
  1035. id: 'Work-JC',
  1036. url: 'Work-JC.html',
  1037. show: {
  1038. aniShow: 'pop-in'
  1039. },
  1040. styles: {
  1041. popGesture: 'hide'
  1042. },
  1043. waiting: {
  1044. autoShow: true
  1045. },
  1046. extras: {
  1047. name: vText,
  1048. token: token
  1049. }
  1050. });
  1051. }
  1052. //收回
  1053. function BacK() {
  1054. var btnArray = ['否', '是'];
  1055. mui.confirm('确定要回收工单?', '提示', btnArray, function(e) {
  1056. if(e.index == 1) {
  1057. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/TakeBackWorkOrder', {
  1058. data: {
  1059. workorderid: $("#ID").text(),
  1060. token: token
  1061. },
  1062. dataType: 'json', //服务器返回json格式数据
  1063. type: 'post', //HTTP请求类型
  1064. timeout: 10000, //超时时间设置为10秒;
  1065. headers: {
  1066. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  1067. },
  1068. success: function(data) {
  1069. if(data.state.toLowerCase() == "success") {
  1070. mui.toast("回收成功");
  1071. var wobj = plus.webview.getWebviewById("WorkDetails");
  1072. wobj.reload(true);
  1073. }
  1074. }
  1075. })
  1076. } else {
  1077. mui.toast("取消");
  1078. }
  1079. })
  1080. }
  1081. //回退
  1082. function HT() {
  1083. mui.openWindow({
  1084. id: 'Work-HT',
  1085. url: 'Work-HT.html',
  1086. show: {
  1087. aniShow: 'pop-in'
  1088. },
  1089. styles: {
  1090. popGesture: 'hide'
  1091. },
  1092. waiting: {
  1093. autoShow: true
  1094. },
  1095. extras: {
  1096. name: vText,
  1097. token: token
  1098. }
  1099. });
  1100. }
  1101. //领导审批
  1102. function LD() {
  1103. mui.openWindow({
  1104. id: 'Work-LD.html',
  1105. url: 'Work-LD.html',
  1106. show: {
  1107. aniShow: 'pop-in'
  1108. },
  1109. styles: {
  1110. popGesture: 'hide'
  1111. },
  1112. waiting: {
  1113. autoShow: true
  1114. },
  1115. extras: {
  1116. name: vText,
  1117. token: token
  1118. }
  1119. });
  1120. }
  1121. //市长批示
  1122. function SZ() {
  1123. mui.openWindow({
  1124. id: 'Work-SZ',
  1125. url: 'Work-SZ.html',
  1126. show: {
  1127. aniShow: 'pop-in'
  1128. },
  1129. styles: {
  1130. popGesture: 'hide'
  1131. },
  1132. waiting: {
  1133. autoShow: true
  1134. },
  1135. extras: {
  1136. name: vText,
  1137. token: token
  1138. }
  1139. });
  1140. }
  1141. $(".Tap").on('tap', function() {
  1142. createDownload();
  1143. })
  1144. })
  1145. </script>
  1146. </body>
  1147. </html>