虞城12345_前端

WorkYjbDetails.html 27KB

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