虞城12345_前端

WorkDetails.html 23KB

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