商丘宁陵县12345_前端

WorkDetails.html 28KB

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