商丘12345 前端

WorkDetails.html 27KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241
  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. $('<li class=" mui-media mui-col-xs-4">' +
  618. '<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>' +
  619. '</li>').appendTo(".mui-grid-9")
  620. }
  621. }
  622. //图片展示
  623. if(Data[0].File) {
  624. $(Data[0].File).each(function(i, n) {
  625. if(n.F_FileType == '.jpg'||n.F_FileType == '.png') {
  626. $('<div class="img-box"><img src="' + n.F_FileUrl + '" alt="" class="image-item" data-preview-src="" data-preview-group="1" /><div>').appendTo("#image-list");
  627. $(".image-list").show();
  628. } else if(n.F_FileType == '.docx') {
  629. mui.toast('猜猜我是谁')
  630. }
  631. })
  632. }
  633. $(".Biaoqian").on("tap", function() {
  634. var a = $(this).attr("index");
  635. if(a == 14) {
  636. YS(); //延时
  637. } else if(a == 11) {
  638. CS(); //查收
  639. } else if(a == 12) {
  640. TH(); //退回
  641. } else if(a == 13) {
  642. Bl(); //办理
  643. //领导权限
  644. } else if(a == 15) {
  645. THSH(); //退回审核
  646. } else if(a == 17) {
  647. YSsh(); //延时审核
  648. } else if(a == 22) {
  649. QZ(); //强制结案
  650. } else if(a == 21) {
  651. HT(); //回退
  652. } else if(a == 5) {
  653. JB(); //交办
  654. } else if(a == 6) {
  655. LD(); //领导批示
  656. } else if(a == 7) {
  657. SZ(); //市长批示
  658. } else if(a == 8) {
  659. DB(); //督办
  660. } else if(a == 9) {
  661. JC(); //监察
  662. } else if(a == 10) {
  663. BacK(); //回收
  664. } else if(a == 1) {
  665. CK(); //查看
  666. } else if(a == 2) {
  667. BJ(); //编辑
  668. } else if(a == 18) {
  669. CB(); //重办
  670. } else if(a == 23) {
  671. PD(); //派单
  672. } else if(a ==19) {
  673. JAn(); //结案
  674. }else if(a == 3) {
  675. move(); //删除
  676. }else if(a == 4) {
  677. tj(); //提交
  678. }
  679. })
  680. },
  681. error: function(xhr, type, errorThrown) {
  682. //异常处理;
  683. }
  684. });
  685. //交办
  686. function JB() {
  687. mui.openWindow({
  688. id: 'Work-jiaoban',
  689. url: 'Work-jiaoban.html',
  690. show: {
  691. aniShow: 'pop-in'
  692. },
  693. styles: {
  694. popGesture: 'hide'
  695. },
  696. waiting: {
  697. autoShow: true
  698. },
  699. extras: {
  700. name: vText,
  701. token: token
  702. }
  703. });
  704. }
  705. // function JB() {
  706. // var nwaiting = plus.nativeUI.showWaiting();
  707. // webviewShow = plus.webview.create("Work-jiaoban.html"); //后台创建webview并打开show.html
  708. // webviewShow.addEventListener("loaded", function() { //注册新webview的载入完成事件
  709. // nwaiting.close(); //新webview的载入完毕后关闭等待框
  710. // webviewShow.show("slide-in-right", 300); //把新webview窗体显示出来,显示动画效果为速度300毫秒的右侧移入动画
  711. // wobj.reload(true);
  712. // }, false);
  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 JAn() {
  756. mui.openWindow({
  757. id: 'work-JieAn',
  758. url: 'Work-JieAn.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. function BJ() {
  775. mui.openWindow({
  776. id: 'bianji',
  777. url: 'Work-bianji.html',
  778. show: {
  779. aniShow: 'pop-in'
  780. },
  781. styles: {
  782. popGesture: 'hide'
  783. },
  784. waiting: {
  785. autoShow: true
  786. },
  787. extras: {
  788. name: vText,
  789. token: token
  790. }
  791. });
  792. }
  793. //查看
  794. function CK() {
  795. mui.openWindow({
  796. id: 'Work-yijian',
  797. url: 'Work-yijian.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. }
  810. });
  811. }
  812. //办理工单
  813. function Bl() {
  814. mui.openWindow({
  815. id: 'Work-banli',
  816. url: 'Work-banli.html',
  817. show: {
  818. aniShow: 'pop-in'
  819. },
  820. styles: {
  821. popGesture: 'hide'
  822. },
  823. waiting: {
  824. autoShow: true
  825. },
  826. extras: {
  827. name: vText,
  828. token: token
  829. }
  830. });
  831. }
  832. //延时申请
  833. function YS() {
  834. mui.openWindow({
  835. id: 'Work-YSsq',
  836. url: 'Work-YSsq.html',
  837. show: {
  838. aniShow: 'pop-in'
  839. },
  840. styles: {
  841. popGesture: 'hide'
  842. },
  843. waiting: {
  844. autoShow: true
  845. },
  846. extras: {
  847. name: vText,
  848. token: token
  849. }
  850. });
  851. }
  852. //延时审核
  853. function YSsh() {
  854. mui.openWindow({
  855. id: 'Work-YSsh',
  856. url: 'Work-YSsh.html',
  857. show: {
  858. aniShow: 'pop-in'
  859. },
  860. styles: {
  861. popGesture: 'hide'
  862. },
  863. waiting: {
  864. autoShow: true
  865. },
  866. extras: {
  867. name: vText,
  868. token: token
  869. }
  870. });
  871. }
  872. //查收工单
  873. function CS() {
  874. var btnArray = ['否', '是'];
  875. mui.confirm('确定要查收工单?', '提示', btnArray, function(e) {
  876. if(e.index == 1) {
  877. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/ReceiveWorkOrder', {
  878. data: {
  879. workorderid: $("#ID").text(),
  880. token: token
  881. },
  882. dataType: 'json', //服务器返回json格式数据
  883. type: 'post', //HTTP请求类型
  884. timeout: 10000, //超时时间设置为10秒;
  885. headers: {
  886. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  887. },
  888. success: function(data) {
  889. if(data.state.toLowerCase() == "success") {
  890. mui.toast("查收成功");
  891. var wobj = plus.webview.getWebviewById("WorkDetails");
  892. wobj.reload(true);
  893. }
  894. }
  895. })
  896. } else {
  897. mui.toast("取消查收");
  898. }
  899. })
  900. }
  901. //删除
  902. function move() {
  903. var btnArray = ['否', '是'];
  904. mui.confirm('确定要删除工单?', '提示', btnArray, function(f) {
  905. if(f.index == 1) {
  906. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/DelWorkOrder', {
  907. data: {
  908. ids: $("#ID").text(),
  909. token: token
  910. },
  911. dataType: 'json', //服务器返回json格式数据
  912. type: 'post', //HTTP请求类型
  913. timeout: 10000, //超时时间设置为10秒;
  914. headers: {
  915. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  916. },
  917. success: function(data) {
  918. if(data.state.toLowerCase() == "success") {
  919. mui.toast("删除成功");
  920. var wobj = plus.webview.getWebviewById("WorkDetails");
  921. wobj.reload(true);
  922. }
  923. }
  924. })
  925. } else {
  926. mui.toast("取消删除");
  927. }
  928. })
  929. }
  930. //提交
  931. function tj() {
  932. var btnArray = ['否', '是'];
  933. mui.confirm('确定提交工单?', '提示', btnArray, function(h) {
  934. if(h.index == 1) {
  935. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/SubmitWorkOrder', {
  936. data: {
  937. ids: $("#ID").text(),
  938. token: token
  939. },
  940. dataType: 'json', //服务器返回json格式数据
  941. type: 'post', //HTTP请求类型
  942. timeout: 10000, //超时时间设置为10秒;
  943. headers: {
  944. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  945. },
  946. success: function(data) {
  947. if(data.state.toLowerCase() == "success") {
  948. mui.toast("提交成功");
  949. var wobj = plus.webview.getWebviewById("WorkDetails");
  950. wobj.reload(true);
  951. }
  952. }
  953. })
  954. } else {
  955. mui.toast("取消提交");
  956. }
  957. })
  958. }
  959. //退回申请
  960. function TH() {
  961. mui.openWindow({
  962. id: 'THsq',
  963. url: 'Work-THsq.html',
  964. show: {
  965. aniShow: 'pop-in'
  966. },
  967. styles: {
  968. popGesture: 'hide'
  969. },
  970. waiting: {
  971. autoShow: true
  972. },
  973. extras: {
  974. name: vText,
  975. token: token
  976. }
  977. });
  978. }
  979. //申请审核
  980. function THSH() {
  981. mui.openWindow({
  982. id: 'Work-THsh',
  983. url: 'Work-THsh.html',
  984. show: {
  985. aniShow: 'pop-in'
  986. },
  987. styles: {
  988. popGesture: 'hide'
  989. },
  990. waiting: {
  991. autoShow: true
  992. },
  993. extras: {
  994. name: vText,
  995. token: token
  996. }
  997. });
  998. }
  999. //强制结案
  1000. function QZ() {
  1001. mui.openWindow({
  1002. id: 'Work-QZja',
  1003. url: 'Work-QZja.html',
  1004. show: {
  1005. aniShow: 'pop-in'
  1006. },
  1007. styles: {
  1008. popGesture: 'hide'
  1009. },
  1010. waiting: {
  1011. autoShow: true
  1012. },
  1013. extras: {
  1014. name: vText,
  1015. token: token
  1016. }
  1017. });
  1018. }
  1019. //督办
  1020. function DB() {
  1021. mui.openWindow({
  1022. id: 'Work-DB',
  1023. url: 'Work-DB.html',
  1024. show: {
  1025. aniShow: 'pop-in'
  1026. },
  1027. styles: {
  1028. popGesture: 'hide'
  1029. },
  1030. waiting: {
  1031. autoShow: true
  1032. },
  1033. extras: {
  1034. name: vText,
  1035. token: token
  1036. }
  1037. });
  1038. }
  1039. //监察
  1040. function JC() {
  1041. mui.openWindow({
  1042. id: 'Work-JC',
  1043. url: 'Work-JC.html',
  1044. show: {
  1045. aniShow: 'pop-in'
  1046. },
  1047. styles: {
  1048. popGesture: 'hide'
  1049. },
  1050. waiting: {
  1051. autoShow: true
  1052. },
  1053. extras: {
  1054. name: vText,
  1055. token: token
  1056. }
  1057. });
  1058. }
  1059. //收回
  1060. function BacK() {
  1061. var btnArray = ['否', '是'];
  1062. mui.confirm('确定要回收工单?', '提示', btnArray, function(e) {
  1063. if(e.index == 1) {
  1064. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/TakeBackWorkOrder', {
  1065. data: {
  1066. workorderid: $("#ID").text(),
  1067. token: token
  1068. },
  1069. dataType: 'json', //服务器返回json格式数据
  1070. type: 'post', //HTTP请求类型
  1071. timeout: 10000, //超时时间设置为10秒;
  1072. headers: {
  1073. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  1074. },
  1075. success: function(data) {
  1076. if(data.state.toLowerCase() == "success") {
  1077. mui.toast("回收成功");
  1078. var wobj = plus.webview.getWebviewById("WorkDetails");
  1079. wobj.reload(true);
  1080. }
  1081. }
  1082. })
  1083. } else {
  1084. mui.toast("取消");
  1085. }
  1086. })
  1087. }
  1088. //回退
  1089. function HT() {
  1090. mui.openWindow({
  1091. id: 'Work-HT',
  1092. url: 'Work-HT.html',
  1093. show: {
  1094. aniShow: 'pop-in'
  1095. },
  1096. styles: {
  1097. popGesture: 'hide'
  1098. },
  1099. waiting: {
  1100. autoShow: true
  1101. },
  1102. extras: {
  1103. name: vText,
  1104. token: token
  1105. }
  1106. });
  1107. }
  1108. //领导审批
  1109. function LD() {
  1110. mui.openWindow({
  1111. id: 'Work-LD.html',
  1112. url: 'Work-LD.html',
  1113. show: {
  1114. aniShow: 'pop-in'
  1115. },
  1116. styles: {
  1117. popGesture: 'hide'
  1118. },
  1119. waiting: {
  1120. autoShow: true
  1121. },
  1122. extras: {
  1123. name: vText,
  1124. token: token
  1125. }
  1126. });
  1127. }
  1128. //市长批示
  1129. function SZ() {
  1130. mui.openWindow({
  1131. id: 'Work-SZ',
  1132. url: 'Work-SZ.html',
  1133. show: {
  1134. aniShow: 'pop-in'
  1135. },
  1136. styles: {
  1137. popGesture: 'hide'
  1138. },
  1139. waiting: {
  1140. autoShow: true
  1141. },
  1142. extras: {
  1143. name: vText,
  1144. token: token
  1145. }
  1146. });
  1147. }
  1148. $(".Tap").on('tap', function() {
  1149. createDownload();
  1150. })
  1151. })
  1152. </script>
  1153. </body>
  1154. </html>