Нет описания

WorkDatil.html 65KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259
  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.0">
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  10. <link href="../css/WorkOrder/Search.css" rel="stylesheet">
  11. <link href="../css/init.css" rel="stylesheet" />
  12. <script src="../css/laydate/laydate.js"></script>
  13. <link href="../css/WorkOrder/seeProjectDetail.css" rel="stylesheet" />
  14. <script src="../My97DatePicker/WdatePicker.js"></script>
  15. <style>
  16. .ld-service li {
  17. float: left;
  18. font-size: 14px;
  19. color: #000;
  20. padding: 5px 15px;
  21. cursor: pointer;
  22. }
  23. .cr-click {
  24. border-bottom: 2px solid #00a1cb;
  25. }
  26. .Shows {
  27. display: block !important;
  28. }
  29. .complain {
  30. display: none;
  31. }
  32. .Borders {
  33. border: 1px solid #d7d7d7;
  34. }
  35. .form-group {
  36. margin-top: 10px;
  37. }
  38. .Table {
  39. width: 100%;
  40. }
  41. tbody {
  42. border: 1px solid #ccc;
  43. }
  44. .Table th {
  45. width: 7%;
  46. padding: 5px 8px 10px 0;
  47. text-align: right;
  48. }
  49. .Table td {
  50. padding: 6px;
  51. }
  52. .bor_bootm {
  53. border-bottom: 1px solid #ccc;
  54. }
  55. .datil_ul {
  56. padding-left: 0;
  57. }
  58. .datil_ul li {
  59. width: 25%;
  60. padding: 5px;
  61. float: left;
  62. }
  63. .wh_btn input {
  64. background: rgb(0, 161, 203);
  65. }
  66. .XGXX {
  67. margin-left: 0;
  68. }
  69. /*.authority{
  70. display: none;
  71. }*/
  72. /*.layui-layer-phimg img{
  73. width: 100% !important;
  74. height: auto !important;
  75. }*/
  76. .layui-layer-imguide {
  77. display: block !important;
  78. }
  79. .gray-bg {
  80. overflow: auto;
  81. }
  82. .img-box .img_mask i {
  83. position: absolute;
  84. right: 5px;
  85. top: 5px;
  86. display: inline-block;
  87. width: 13px;
  88. height: 12px;
  89. cursor: pointer;
  90. color: #fff;
  91. }
  92. .tdWidth td {
  93. width: 20%;
  94. }
  95. </style>
  96. </head>
  97. <body class="gray-bg">
  98. <div class="wrapper wrapper-content animated fadeInRight">
  99. <ul class="ld-service clearfix">
  100. <li itemtype="0" class="cr-click" itemtype="0">工单信息</li>
  101. <li itemtype="1" itemtype="1">交办信息</li>
  102. <li itemtype="2" itemtype="2">领导关注</li>
  103. <li itemtype="3" itemtype="3">办理情况</li>
  104. <li itemtype="3" itemtype="3">延时审核</li>
  105. <li itemtype="3" itemtype="3">退回审核</li>
  106. <li itemtype="4" itemtype="4">回访信息</li>
  107. <li itemtype="7" itemtype="7">办理过程</li>
  108. </ul>
  109. <div class="Content_box">
  110. <!--诉求信息-->
  111. <div class="complain Shows DCL">
  112. <div style="width: 100%;padding: 10px;">
  113. <table class="Table" border="0" cellspacing="0" cellpadding="0">
  114. <tbody>
  115. <tr class="bor_bootm tdWidth">
  116. <th>名字:</th>
  117. <td><span class="F_CusName"></span></td>
  118. <th>来源:</th>
  119. <td><span class="LY"></span></td>
  120. <!-- <th>来电号码:</th>
  121. <td><span class="F_ConPhone"></span></td> -->
  122. <th>联系号码:</th>
  123. <td><span class="F_CusPhone"></span></td>
  124. <th></th>
  125. <td></td>
  126. </tr>
  127. <tr>
  128. <th>标题:</th>
  129. <td colspan="7">
  130. <span class="F_ComTitle"></span>
  131. </td>
  132. </tr>
  133. <tr>
  134. <th>内容:</th>
  135. <td colspan="7">
  136. <span class="F_ComContent"></span>
  137. </td>
  138. </tr>
  139. <tr>
  140. <th>附件:</th>
  141. <td colspan="7">
  142. <div class="FJ file_imgs">
  143. </div>
  144. </td>
  145. </tr>
  146. <tr class="bor_bootm">
  147. <th>事件地址:</th>
  148. <td colspan="7">
  149. <span class="AreaName" style="margin-right: 10px;"></span>
  150. </td>
  151. </tr>
  152. <tr class="tdWidth">
  153. <th>类型:</th>
  154. <td>
  155. <span class="LX"></span>
  156. </td>
  157. <th>紧急程度:</th>
  158. <td>
  159. <span class="CD"></span>
  160. </td>
  161. <th>主题词:</th>
  162. <td><span class="subjectWords"></span></td>
  163. <th>密级:</th>
  164. <td>
  165. <span class="MJ"></span>
  166. </td>
  167. </tr>
  168. <tr>
  169. <th>郑州市满意度:</th>
  170. <td colspan="7">
  171. <span class="satisfaction"></span>
  172. </td>
  173. </tr>
  174. <tr class="bor_bootm">
  175. <th>备注:</th>
  176. <td>
  177. <span class="F_FinalOpinion"></span>
  178. </td>
  179. <th>退回原因:</th>
  180. <td>
  181. <span class="backreason"></span>
  182. </td>
  183. </tr>
  184. </tbody>
  185. </table>
  186. </div>
  187. <div style="font-weight: bold;">&nbsp;&nbsp;&nbsp;&nbsp;办理情况</div>
  188. <div style="width: 100%;padding: 10px;">
  189. <table class="Table" border="" cellspacing="0" cellpadding="0">
  190. <theard>
  191. <tr>
  192. <td class="text-center" style="min-width:80px;">办理责任人</td>
  193. <td class="text-center" style="min-width:80px;">联系方式</td>
  194. <td class="text-center" style="min-width:80px;">职务</td>
  195. <td class="text-center" style="min-width:80px;">二级单位处理结果</td>
  196. <td class="text-center" style="min-width:80px;">处理结果</td>
  197. <td class="text-center" style="min-width:80px;">单位</td>
  198. <td class="text-center" style="min-width:80px;">办理时间</td>
  199. <td class="text-center" style="min-width:80px;">附件</td>
  200. <td class="text-center" style="min-width:80px;">扫描件</td>
  201. </tr>
  202. </theard>
  203. <tbody class="BLQK">
  204. </tbody>
  205. </table>
  206. </div>
  207. <div style="font-weight: bold;">&nbsp;&nbsp;&nbsp;&nbsp;回访内容</div>
  208. <div style="width: 100%;padding: 10px;">
  209. <table class="Table" border="" cellspacing="0" cellpadding="0">
  210. <theard>
  211. <tr>
  212. <td class="text-center" style="min-width:50px;">次数</td>
  213. <td class="text-center" style="min-width:100px;">回访人</td>
  214. <td class="text-center" style="min-width:100px;">回访方式</td>
  215. <td class="text-center" style="min-width:100px;">回访内容</td>
  216. <td class="text-center" style="min-width:100px;">回访结果</td>
  217. <td class="text-center" style="min-width:100px;">操作时间</td>
  218. <td class="text-center authority" style="min-width:100px;">操作</td>
  219. </tr>
  220. </theard>
  221. <tbody class="HGXX">
  222. </tbody>
  223. </table>
  224. </div>
  225. </div>
  226. <!--交办信息-->
  227. <div class="complain DCL">
  228. <div style="width: 100%;padding: 10px;">
  229. <table class="Table" border="" cellspacing="0" cellpadding="0">
  230. <theard>
  231. <tr>
  232. <td class="text-center" style="width:60px;">次数</td>
  233. <td class="text-center" style="width:114px;">交办时间</td>
  234. <td class="text-center" style="width:114px;">办理时限</td>
  235. <td class="text-center" style="min-width:80px;">承办单位</td>
  236. <td class="text-center" style="min-width: 200px;">交办意见</td>
  237. <td class="text-center authority" style="min-width: 100px;">操作</td>
  238. </tr>
  239. </theard>
  240. <tbody class="JBXX">
  241. </tbody>
  242. </table>
  243. </div>
  244. </div>
  245. <!--领导关注-->
  246. <div class="complain DCL">
  247. <div style="width: 100%;padding: 10px;">
  248. <div style="text-align: center; ">
  249. <table class="Table" border="" cellspacing="0" cellpadding="0">
  250. <theard>
  251. <tr>
  252. <td class="text-center" style="min-width:100px;">备注人</td>
  253. <td class="text-center" style="min-width:100px;">备注</td>
  254. <td class="text-center" style="min-width:100px;">备注时间</td>
  255. <!-- <td class="text-center" style="min-width:100px;">附件</td> -->
  256. <!-- <td class="text-center authority" style="min-width:100px;">操作</td> -->
  257. </tr>
  258. </theard>
  259. <tbody class="LDPS">
  260. </tbody>
  261. </table>
  262. </div>
  263. </div>
  264. </div>
  265. <!--办理情况-->
  266. <div class="complain DCL ">
  267. <div style="width: 100%;padding: 10px;">
  268. <table class="Table" border="" cellspacing="0" cellpadding="0">
  269. <theard>
  270. <tr>
  271. <td class="text-center" style="min-width:80px;">办理责任人</td>
  272. <td class="text-center" style="min-width:80px;">联系方式</td>
  273. <td class="text-center" style="min-width:80px;">职务</td>
  274. <td class="text-center" style="min-width:80px;">二级单位处理结果</td>
  275. <td class="text-center" style="min-width:80px;">处理结果</td>
  276. <td class="text-center" style="min-width:80px;">单位</td>
  277. <td class="text-center" style="min-width:80px;">办理时间</td>
  278. <td class="text-center" style="min-width:80px;">附件</td>
  279. <td class="text-center" style="min-width:80px;">扫描件</td>
  280. <!--<td class="text-center authority" style="min-width:80px;">操作</td>-->
  281. </tr>
  282. </theard>
  283. <tbody class="BLQK">
  284. </tbody>
  285. </table>
  286. </div>
  287. </div>
  288. <!--延时情况-->
  289. <div class="complain DCL ">
  290. <div style="width: 100%;padding: 10px;">
  291. <table class="Table" border="" cellspacing="0" cellpadding="0">
  292. <theard>
  293. <tr>
  294. <td class="text-center" style="min-width:100px;">次数</td>
  295. <td class="text-center" style="min-width:100px;">状态</td>
  296. <td class="text-center" style="min-width:100px;">申请时间</td>
  297. <td class="text-center" style="min-width:100px;">申请原因</td>
  298. <td class="text-center" style="min-width:100px;">审核时间</td>
  299. <td class="text-center" style="min-width:80px;">审核意见</td>
  300. <td class="text-center authority" style="min-width:100px;">操作</td>
  301. </tr>
  302. </theard>
  303. <tbody class="YSSHS">
  304. </tbody>
  305. </table>
  306. </div>
  307. </div>
  308. <!--退回审核-->
  309. <div class="complain DCL ">
  310. <div style="width: 100%;padding: 10px;">
  311. <table class="Table" border="" cellspacing="0" cellpadding="0">
  312. <theard>
  313. <tr>
  314. <td class="text-center" style="min-width:100px;">次数</td>
  315. <td class="text-center" style="min-width:100px;">申请时间</td>
  316. <td class="text-center" style="min-width:100px;">申请原因</td>
  317. <td class="text-center" style="min-width:100px;">状态</td>
  318. <td class="text-center" style="min-width:100px;">审核时间</td>
  319. <td class="text-center" style="min-width:80px;">审核意见</td>
  320. <td class="text-center authority" style="min-width:100px;">操作</td>
  321. </tr>
  322. </theard>
  323. <tbody class="YTHHS">
  324. </tbody>
  325. </table>
  326. </div>
  327. </div>
  328. <!--回访内容-->
  329. <div class="complain DCL">
  330. <div style="width: 100%;padding: 10px;">
  331. <table class="Table" border="" cellspacing="0" cellpadding="0">
  332. <theard>
  333. <tr>
  334. <td class="text-center" style="min-width:50px;">次数</td>
  335. <td class="text-center" style="min-width:100px;">回访人</td>
  336. <td class="text-center" style="min-width:100px;">回访方式</td>
  337. <td class="text-center" style="min-width:100px;">回访内容</td>
  338. <td class="text-center" style="min-width:100px;">回访结果</td>
  339. <td class="text-center" style="min-width:100px;">操作时间</td>
  340. <td class="text-center authority" style="min-width:100px;">操作</td>
  341. </tr>
  342. </theard>
  343. <tbody class="HGXX">
  344. </tbody>
  345. </table>
  346. </div>
  347. </div>
  348. <!--办理过程-->
  349. <div class="complain DCL " id="BLGC">
  350. <div style="width: 100%;padding: 10px;">
  351. <table class="Table" border="" cellspacing="0" cellpadding="0">
  352. <theard>
  353. <tr>
  354. <td class="text-center" style="min-width:50px;">序号</td>
  355. <td class="text-center" style="min-width:100px;">事项</td>
  356. <td class="text-center" style="min-width:100px;">操作时间</td>
  357. </tr>
  358. </theard>
  359. <tbody id="BLGC_">
  360. </tbody>
  361. </table>
  362. </div>
  363. </div>
  364. <div class="clearfix">
  365. <ul class="clearfix datil_ul">
  366. <li>
  367. 单号:
  368. <span class="DH"></span>
  369. </li>
  370. <li>
  371. 状态:
  372. <span class='ZT'></span>
  373. </li>
  374. <li>
  375. 受理人:
  376. <span class="SL"></span>
  377. </li>
  378. <li>
  379. 处理方式:
  380. <span class="CLFS"></span>
  381. </li>
  382. <li>
  383. 提交时间:
  384. <span class="submitTime"></span>
  385. </li>
  386. <li>
  387. 办理时间:
  388. <span class="SLHJ"></span>
  389. </li>
  390. <li>
  391. 结案时间:
  392. <span class="lawsuitTime"></span>
  393. </li>
  394. </ul>
  395. <div class="clearfix wh_btn" style="width:100%;text-align:center;margin:10px 0;">
  396. <input type="hidden" class="hidWid" />
  397. &nbsp;&nbsp;<input type="button" class="change release authority" value="修改" />
  398. &nbsp;&nbsp;<input type="button" value="打印预览" class="print" />
  399. &nbsp;&nbsp;<input type="button" value="关闭" class="closexq" />
  400. </div>
  401. <input type="hidden" id="Change" />
  402. </div>
  403. </div>
  404. </div>
  405. <script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
  406. <script src="../js/mousewheel/jquery.mousewheel.min.js"></script>
  407. <script src="../js/WorkOrder/jquery.drag.js"></script>
  408. <script>
  409. var wid = helper.request.queryString("wid");
  410. var printType = helper.request.queryString("printType");
  411. $(document).ready(function () {
  412. if (wid) {
  413. load();
  414. $("#Change").val(wid);
  415. //预览
  416. $(".print").click(function () {
  417. layer.open({
  418. type: 2,
  419. content: "PrintPreview-1.html?wid=" + wid + "&printType=" +
  420. printType, //iframe的url,no代表不显示滚动条
  421. title: '打印/导出',
  422. area: ['788.8px', '90%'], //宽高
  423. });
  424. //window.location.href = "PrintPreview-1.html?wid=" + wid;
  425. })
  426. //关闭
  427. $(".closexq").click(function () {
  428. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  429. parent.layer.close(index); //再执行关闭
  430. })
  431. }
  432. //弹屏右侧切换效果
  433. $(".ld-service li").click(function () {
  434. $(this).addClass("cr-click").siblings().removeClass("cr-click");
  435. var index = $(this).index();
  436. var ss = $(this).attr("itemtype");
  437. $(".Content_box").find(".complain").eq(index).addClass("Shows").siblings().removeClass(
  438. "Shows");
  439. });
  440. function load() {
  441. $.ajax({
  442. type: "get",
  443. url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrder",
  444. dataType: 'json',
  445. async: false,
  446. data: {
  447. workorderid: wid,
  448. token: $.cookie("token")
  449. },
  450. success: function (result) {
  451. if (result.state.toLowerCase() == "success") {
  452. var Data = result.data.data;
  453. var State = Data[0].F_WorkState;
  454. var CLFS = Data[0].F_IsResult;
  455. var isprotect = Data[0].isprotect;
  456. var level = Data[0].F_Level;
  457. $(".F_CusName").text(Data[0].F_CusName);
  458. $(".F_ConPhone").text(Data[0].F_CusPhone);
  459. $(".F_CusPhone").text(Data[0].F_ConPhone);
  460. $(".F_ComTitle").text(Data[0].F_ComTitle);
  461. $('.F_ComContent').text(Data[0].F_ComContent);
  462. $('.F_SourceAddress').text(Data[0].F_SourceAddress);
  463. $(".store_Lng").val(Data[0].F_Longitude);
  464. $(".store_Lat").val(Data[0].F_Latitude);
  465. $('.F_FinalOpinion').text(Data[0].F_FinalOpinion);
  466. $('.backreason').text(Data[0].F_Backreason);
  467. $('.LRSJ').text(Data[0].F_CreateTime); //录入时间
  468. $('.submitTime').text(Data[0].F_SubmitTime); //提交时间
  469. $('.SLHJ').text(Data[0].F_DealTime); //办理时间
  470. $('.lawsuitTime').text(Data[0].F_CloseTime); //结案时间
  471. $('.SL').text(Data[0].UserName);
  472. $(".DH").text(Data[0].F_WorkOrderId);
  473. $(".LY").text(Data[0].SourceName);
  474. $(".subjectWords").text(Data[0].KeyName);
  475. $(".LX").text(Data[0].TypeName1);
  476. $(".Result").text(Data[0].F_Result);
  477. $(".AreaName").text(Data[0].AreaName + "--" + Data[0].F_SourceAddress);
  478. if (Data[0].F_Satisfaction) {
  479. if (Data[0].F_Satisfaction === 0) {
  480. $(".satisfaction").text("不满意")
  481. } else if (Data[0].F_Satisfaction === 1) {
  482. $(".satisfaction").text("基本满意")
  483. } else if (Data[0].F_Satisfaction === 2) {
  484. $(".satisfaction").text("满意")
  485. } else {
  486. $(".satisfaction").text("")
  487. }
  488. }
  489. //附件
  490. var HTML;
  491. $(Data[0].File).each(function (i, v) {
  492. // HTML = '<a style="margin-right:5px;" href="' + n.F_FileUrl + '" download="' + n.F_FileName.substring(19)+ '">' + n.F_FileName.substring(19) + '</a>'
  493. // $(HTML).appendTo($('.FJ'));
  494. var $list = $(".FJ");
  495. if (v.F_FileType == ".jpg" || v.F_FileType == ".png" || v
  496. .F_FileType == ".image") {
  497. //原来的图片
  498. var $li = $(
  499. //<i class="glyphicon glyphicon-download-alt" aria-hidden="true"></i>
  500. '<li><span class="img_mask"><a href="' + v
  501. .F_FileUrl +
  502. '" download="w3logo" title="点击下载"></a></span>' +
  503. '<img layer-src="' + v.F_FileUrl + '" alt="' + v
  504. .F_FileName + '" src="' + v.F_FileUrl +
  505. '" title="图片"/>' +
  506. // '<span class="file_name">' + v.F_FileName + '</span>' +
  507. '</li>'
  508. );
  509. $list.append($li);
  510. } else {
  511. var $liFile = $(
  512. //<i class="glyphicon glyphicon-download-alt" aria-hidden="true"></i>
  513. '<li><span class="img_mask"><a href="' + v
  514. .F_FileUrl +
  515. '" download="w3logo" title="点击下载"> <i class="fa fa-download" aria-hidden="true"></i></a></span>' +
  516. '<div class="noThumb" title="文件"><i class="glyphicon glyphicon-paperclip"></i><p>无法预览</p></div>' +
  517. // '<span class="file_name">' + v.F_FileName + '</span>' +
  518. '</li>'
  519. );
  520. $list.append($liFile);
  521. }
  522. })
  523. layer.photos({
  524. photos: '.FJ',
  525. anim: 5, //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
  526. title: '查看图片',
  527. move: '.layui-layer-title',
  528. shadeClose: false,
  529. closeBtn: 1,
  530. area: ['80%', '90%'],
  531. tab: function (pic, layero) {
  532. $('.layui-layer-content').on("mousewheel",
  533. function (e, d) {
  534. helper.methods.zoomImg($(
  535. '#layui-layer-photos').find(
  536. 'img[alt="' + pic.alt + '"]'
  537. ), d);
  538. $('#layui-layer-photos').find(
  539. 'img[alt="' + pic.alt + '"]')
  540. .dragging({
  541. move: "both", //拖动方向,x y both
  542. randomPosition: false //初始位置是否随机
  543. });
  544. return false;
  545. });
  546. helper.methods.initLayerPhotos(
  547. '#layui-layer-photos', pic, layero);
  548. },
  549. });
  550. if (State == 0) {
  551. $('.ZT').text("新工单");
  552. } else if (State == 1) {
  553. $('.ZT').text("待交办");
  554. } else if (State == 2) {
  555. $('.ZT').text("待查收");
  556. } else if (State == 3) {
  557. $('.ZT').text("退回审核中");
  558. } else if (State == 4) {
  559. $('.ZT').text("办理中");
  560. } else if (State == 5) {
  561. $('.ZT').text("延时审核中");
  562. } else if (State == 6) {
  563. $('.ZT').text("已办理");
  564. } else if (State == 7) {
  565. $('.ZT').text("已回访");
  566. } else if (State == 8) {
  567. $('.ZT').text("重办中");
  568. } else if (State == 9) {
  569. $('.ZT').text("待回传");
  570. } else if (State == 10) {
  571. $('.ZT').text("待审核");
  572. } else if (State == 11) {
  573. $('.ZT').text("重办待交办");
  574. } else if (State == 13) {
  575. $('.ZT').text("重办驳回");
  576. } else if (State == 13) {
  577. $('.ZT').text("已结案");
  578. }
  579. //办理方式
  580. if (CLFS == 0) {
  581. $('.CLFS').text("网络转办");
  582. } else {
  583. $('.CLFS').text("当即办理");
  584. }
  585. //密级程度
  586. if (Data[0].F_IsProtect == 0) {
  587. $('.MJ').text("普通");
  588. } else {
  589. $('.MJ').text("保密");
  590. }
  591. //紧急程度
  592. if (Data[0].F_Level == 1) {
  593. $('.CD').text("普通");
  594. } else if (Data[0].F_Level == 2) {
  595. $('.CD').text("紧急");
  596. }
  597. //办理情况
  598. var htmls = '';
  599. if (result.data.bldata.length < 0) {
  600. htmls = '<tr>' +
  601. '<td class="text-center">' + n.UserName + '</td>' +
  602. '</tr>';
  603. }
  604. $(".BLQK").empty();
  605. //console.log(result.data.bldata);
  606. $(result.data.bldata).each(function (i, n) {
  607. //类型
  608. var bval = n.F_Type;
  609. switch (bval + '') {
  610. case '1':
  611. bval = '主办';
  612. break;
  613. case '2':
  614. bval = '协办';
  615. break;
  616. }
  617. //是和否有处理结果
  618. var isProResultValue = n.F_IsProResult + "";
  619. switch (isProResultValue) {
  620. case "0":
  621. isProResultValue = "默认";
  622. break;
  623. case "1":
  624. isProResultValue = "是";
  625. break;
  626. case "2":
  627. isProResultValue = "否";
  628. break;
  629. }
  630. //是否满意
  631. var isSatisfiedValue = n.F_IsSatisfied + "";
  632. switch (isSatisfiedValue) {
  633. case "0":
  634. isSatisfiedValue = "未评价";
  635. break;
  636. case "1":
  637. isSatisfiedValue = "满意";
  638. break;
  639. case "2":
  640. isSatisfiedValue = "基本满意";
  641. break;
  642. case "3":
  643. isSatisfiedValue = "不满意";
  644. break;
  645. }
  646. //沟通时间
  647. var connectTimeValue = n.F_ConnectTime;
  648. switch (connectTimeValue) {
  649. case null:
  650. connectTimeValue = "";
  651. break;
  652. default:
  653. connectTimeValue = n.F_ConnectTime;
  654. }
  655. //职务
  656. var dutiesValue
  657. switch (n.F_Duties) {
  658. case "":
  659. dutiesValue = ""
  660. break;
  661. case null:
  662. dutiesValue = ""
  663. break;
  664. default:
  665. dutiesValue = n.F_Duties
  666. break;
  667. }
  668. //处理情况
  669. var situationValue
  670. switch (n.F_Situation) {
  671. case "":
  672. situationValue = ""
  673. break;
  674. case null:
  675. situationValue = ""
  676. break;
  677. default:
  678. situationValue = n.F_Situation
  679. break;
  680. }
  681. htmls += '<tr>' +
  682. '<td class="text-center">' + n.F_DealUser + '</td>' +
  683. '<td class="text-center">' + n.F_DealUserContact +
  684. '</td>' +
  685. '<td class="text-center">' + dutiesValue + '</td>' +
  686. '<td class="text-center">' + situationValue + '</td>' +
  687. '<td class="text-center">' + result.data.data[0]
  688. .F_NewResult + '</td>' +
  689. '<td class="text-center">' + n.DeptName + '</td>' +
  690. '<td class="text-center">' + n.F_CreateTime + '</td>' +
  691. '<td class="text-center">'
  692. //办理情况附件
  693. var FileHtml;
  694. $(n.File).each(function (j, m) {
  695. if (m.F_FileType == ".jpg" || m.F_FileType ==
  696. ".png") {
  697. FileHtml =
  698. '<img style="width:15px; height:15px" border="0" src="' +
  699. m.F_FileUrl + '" alt="' + m.F_FileName +
  700. '"></td>';
  701. } else {
  702. FileHtml = m.F_FileName.substring(19);
  703. }
  704. htmls +=
  705. '<div><a style="margin-right:5px;" target="view_window" href="' +
  706. m.F_FileUrl + '" download="' + m
  707. .F_FileName + '">' + m.F_FileName.substring(
  708. 19) + '</a></div>';
  709. })
  710. htmls += '</td><td class="text-center">'
  711. var scanFileHtml
  712. $(result.data.data[0].Files).each(function (j, m) {
  713. if (m.F_FileType == ".jpg" || m.F_FileType ==
  714. ".png") {
  715. scanFileHtml =
  716. '<img style="width:15px; height:15px" border="0" src="' +
  717. m.F_FileUrl + '" alt="' + m.F_FileName +
  718. '"></td>';
  719. } else {
  720. scanFileHtml = m.F_FileName.substring(19);
  721. }
  722. htmls +=
  723. '<div><a style="margin-right:5px;" target="view_window" href="' +
  724. m.F_FileUrl + '" download="' + m
  725. .F_FileName + '">' + m.F_FileName.substring(
  726. 19) + '</a></div>';
  727. })
  728. htmls += '</td></tr>';
  729. })
  730. $(htmls).appendTo($(".BLQK"));
  731. //三级办理情况
  732. var SJhtmls = '';
  733. if (result.data.ejbldata.length < 0) {
  734. SJhtmls = '<tr>' +
  735. '<td class="text-center">' + n.UserName + '</td>' +
  736. '</tr>';
  737. }
  738. $(result.data.ejbldata).each(function (i, n) {
  739. var bval = n.F_Type;
  740. switch (bval + '') {
  741. case '1':
  742. bval = '主办';
  743. break;
  744. case '2':
  745. bval = '协办';
  746. break;
  747. }
  748. //是否有处理结果
  749. var isProResultValue = n.F_IsProResult + "";
  750. switch (isProResultValue) {
  751. case "0":
  752. isProResultValue = "默认";
  753. break;
  754. case "1":
  755. isProResultValue = "是";
  756. break;
  757. case "2":
  758. isProResultValue = "否";
  759. break;
  760. }
  761. //是否满意
  762. var isSatisfiedValue = n.F_IsSatisfied + "";
  763. switch (isSatisfiedValue) {
  764. case "0":
  765. isSatisfiedValue = "未评价";
  766. break;
  767. case "1":
  768. isSatisfiedValue = "满意";
  769. break;
  770. case "2":
  771. isSatisfiedValue = "基本满意";
  772. break;
  773. case "3":
  774. isSatisfiedValue = "不满意";
  775. break;
  776. }
  777. //沟通时间
  778. var connectTimeValue = n.F_ConnectTime;
  779. switch (connectTimeValue) {
  780. case null:
  781. connectTimeValue = "";
  782. break;
  783. default:
  784. connectTimeValue = n.F_ConnectTime;
  785. }
  786. //职务
  787. var dutiesValue
  788. switch (n.F_Duties) {
  789. case "":
  790. dutiesValue = ""
  791. break;
  792. case null:
  793. dutiesValue = ""
  794. break;
  795. default:
  796. dutiesValue = n.F_Duties
  797. break;
  798. }
  799. //处理情况
  800. var situationValue
  801. switch (n.F_Situation) {
  802. case "":
  803. situationValue = ""
  804. break;
  805. case null:
  806. situationValue = ""
  807. break;
  808. default:
  809. situationValue = n.F_Situation
  810. break;
  811. }
  812. SJhtmls += '<tr>' +
  813. '<td class="text-center">' + n.F_DealUser + '</td>' +
  814. '<td class="text-center">' + n.F_DealUserContact +
  815. '</td>' +
  816. '<td class="text-center">' + dutiesValue + '</td>' +
  817. '<td class="text-center">' + situationValue + '</td>' +
  818. '<td class="text-center">' + n.DeptName + '</td>' +
  819. '<td class="text-center" data-formatter="shtype">' +
  820. bval + '</td>' +
  821. '<td class="text-center">' + n.F_Result + '</td>' +
  822. '<td class="text-center">' + n.F_CreateTime + '</td>' +
  823. '<td class="text-center">' + isProResultValue +
  824. '</td>' +
  825. '<td class="text-center">' + n.F_ProSituation +
  826. '</td>' +
  827. '<td class="text-center">' + connectTimeValue +
  828. '</td>' +
  829. '<td class="text-center">' + n.F_ConnectMode + '</td>' +
  830. '<td class="text-center">' + isSatisfiedValue +
  831. '</td>' +
  832. '<td class="text-center">'
  833. //办理情况附件
  834. var FileHtml;
  835. $(n.File).each(function (j, m) {
  836. if (m.F_FileType == ".jpg" || m.F_FileType ==
  837. ".png") {
  838. FileHtml =
  839. '<img style="width:15px; height:15px" border="0" src="' +
  840. m.F_FileUrl + '" alt="' + m.F_FileName +
  841. '">'
  842. } else {
  843. FileHtml = m.F_FileName.substring(19)
  844. }
  845. SJhtmls +=
  846. '<div><a style="margin-right:5px;" target="view_window" href="' +
  847. m.F_FileUrl + '" download="' + m
  848. .F_FileName + '">' + m.F_FileName.substring(
  849. 19) + '</a></div>';
  850. })
  851. SJhtmls += '</tr>'
  852. })
  853. $(SJhtmls).appendTo($(".SJBLQK"));
  854. //回访内容
  855. var htmlss = '';
  856. if (result.data.hfdata.length < 0) {
  857. htmlss = '<tr>' +
  858. '<td class="text-center">' + n.UserName + '</td>' +
  859. '</tr>';
  860. } else {
  861. $(".HGXX").empty();
  862. $(result.data.hfdata).each(function (i, n) {
  863. var a;
  864. var b;
  865. if (n.F_IsSatisfie == 0) {
  866. a = "不满意";
  867. } else if (n.F_IsSatisfie == 1) {
  868. a = "满意";
  869. } else if (n.F_IsSatisfie == 2) {
  870. a = "基本满意";
  871. }
  872. if (n.F_Type == 0) {
  873. b = "电话";
  874. } else if (n.F_Type == 1) {
  875. b = "微信";
  876. } else if (n.F_Type == 2) {
  877. b = "APP";
  878. } else if (n.F_Type == 3) {
  879. b = "网站";
  880. } else if (n.F_Type == 4) {
  881. b = "微博";
  882. } else if (n.F_Type == 5) {
  883. b = "信箱";
  884. }
  885. htmlss += '<tr>' +
  886. '<td class="text-center">' + (i + 1) + '</td>' +
  887. '<td class="text-center">' + n.F_VisitUser +
  888. '</td>' +
  889. '<td class="text-center">' + b + '</td>' +
  890. '<td class="text-center">' + n.F_Result + '</td>' +
  891. '<td class="text-center">' + a + '</td>' +
  892. '<td class="text-center">' + n.F_CreateTime +
  893. '</td>' +
  894. '<td class="text-center authority">' +
  895. '<botton class="btns HFXG " index="' + n.F_Id +
  896. '" visituser="' + n.F_VisitUser + '"' +
  897. 'result="' + n.F_Result + '" callid="" type="' + n
  898. .F_Type + '" issatisfie="' + n.F_IsSatisfie +
  899. '">修改</botton>' +
  900. '</td>' +
  901. '</tr>';
  902. })
  903. $(htmlss).appendTo($(".HGXX"));
  904. //交办信息
  905. var jbxx = '';
  906. $(".JBXX").empty();
  907. $(result.data.jbdata).each(function (i, n) {
  908. //debugger;
  909. var OtherDeptName = n.OtherDeptName == null ? '-' : n
  910. .OtherDeptName;
  911. var StandardNames = n.StandardNames == null ? '-' : n
  912. .StandardNames;
  913. jbxx += '<tr>' +
  914. '<td class="text-center">' + (i + 1) + '</td>' +
  915. '<td class="text-center">' + n.F_CreateTime +
  916. '</td>' +
  917. '<td class="text-center">' + n.F_LimitTime +
  918. '</td>' +
  919. '<td class="text-center">' + n.DeptName + '</td>' +
  920. '<td class="text-center">' + n.F_AssignedOpinion +
  921. '</td>' +
  922. '<td class="text-center authority"><botton class="btns XGXX " data_time="' +
  923. n.F_LimitTime + '" data_Opinio="' + n
  924. .F_AssignedOpinion + '" index="' + n.F_Id +
  925. '">修改</botton></td>' +
  926. '</tr>';
  927. })
  928. $(jbxx).appendTo($(".JBXX"));
  929. //领导关注
  930. $(".LDPS").empty();
  931. $(result.data.psdata).each(function (i, n) {
  932. var str = '<tr>' +
  933. '<td class="text-center">' + n.F_BatchReason +
  934. '</td>' +
  935. '<td class="text-center">' + n.F_SuperOpinion +
  936. '</td>' +
  937. '<td class="text-center">' + n.F_CreateTime
  938. // '</td>' +
  939. // '<td class="text-center">';
  940. //办理情况附件
  941. // $(n.File).each(function (j, m) {
  942. // str +=
  943. // '<a style="margin-right:5px;" target="view_window" href="' +
  944. // m.F_FileUrl + '" download="' + m
  945. // .F_FileUrl + '">' + m.F_FileName
  946. // .substring(19) + '</a>';
  947. // })
  948. str += '</td>' +
  949. // '<td class="text-center authority"><botton class="btns LDPSS " superuser="' +
  950. // n.F_BatchReason + '" superopinion="' + n
  951. // .F_SuperOpinion + '" type="' + n.F_Type +
  952. // '" index="' + n.F_Id + '">修改</botton></td>' +
  953. '</tr>';
  954. $(str).appendTo($(".LDPS"));
  955. })
  956. //督办信息
  957. var htmlsss = '';
  958. if (result.data.dbdata.length < 0) {
  959. htmlsss = '<tr>' +
  960. '<td class="text-center">' + n.UserName + '</td>' +
  961. '</tr>';
  962. } else {
  963. $(".DBXX").empty();
  964. $(result.data.dbdata).each(function (i, n) {
  965. htmlsss = htmlsss + '<tr>' +
  966. '<td class="text-center">' + (i + 1) + '</td>' +
  967. '<td class="text-center">' + n.UserName +
  968. '</td>' +
  969. '<td class="text-center">' + n.F_Content +
  970. '</td>' +
  971. '<td class="text-center">' + n.F_CreateTime +
  972. '</td>' +
  973. '</tr>';
  974. })
  975. $(htmlsss).appendTo($(".DBXX"));
  976. //监察
  977. var html_ = '';
  978. $(".JC").empty();
  979. $(result.data.jcdata).each(function (i, n) {
  980. html_ += '<tr>' +
  981. '<td class="text-center">' + (i + 1) + '</td>' +
  982. '<td class="text-center">' + n.UserName +
  983. '</td>' +
  984. '<td class="text-center">' + n.F_Content +
  985. '</td>' +
  986. '<td class="text-center">' + n.F_CreateTime +
  987. '</td>' +
  988. '</tr>';
  989. })
  990. $(html_).appendTo($(".JC"));
  991. //延时审核
  992. var Ysh = '';
  993. $(".YSSHS").empty();
  994. $(result.data.ysdata).each(function (i, n) {
  995. var a = '未审核';
  996. if (n.F_IsAudit == '1') {
  997. a = '同意';
  998. }
  999. if (n.F_IsAudit == '2') {
  1000. a = '拒绝';
  1001. }
  1002. Ysh += '<tr>' +
  1003. '<td class="text-center">' + (i + 1) + '</td>' +
  1004. '<td class="text-center">' + a + '</td>' +
  1005. '<td class="text-center">' + n.F_NewTime +
  1006. '</td>' +
  1007. '<td class="text-center">' + n.F_Reason +
  1008. '</td>' +
  1009. '<td class="text-center">' + n.F_AgreeTime +
  1010. '</td>' +
  1011. '<td class="text-center">' + n.F_RefuseReason +
  1012. '</td>' +
  1013. '<td class="text-center authority"><botton class="btns LYSSH " index="' +
  1014. n.F_Id + '" reason="' + n.F_RefuseReason +
  1015. '" >修改</botton></td>' +
  1016. '</tr>';
  1017. })
  1018. $(Ysh).appendTo($(".YSSHS"));
  1019. //退回审核
  1020. var Ths = '';
  1021. $(".YTHHS").empty();
  1022. $(result.data.thdata).each(function (i, n) {
  1023. var a = '未审核';
  1024. var AuditTime;
  1025. var AuditReason;
  1026. if (n.F_IsAudit == '1') {
  1027. a = '同意';
  1028. }
  1029. if (n.F_IsAudit == '2') {
  1030. a = '拒绝';
  1031. }
  1032. if (n.F_AuditTime == null) {
  1033. AuditTime = "";
  1034. } else {
  1035. AuditTime = n.F_AuditTime
  1036. }
  1037. if (n.F_AuditReason == null) {
  1038. AuditReason = '';
  1039. } else {
  1040. AuditReason = n.F_AuditReason
  1041. }
  1042. Ths += '<tr>' +
  1043. '<td class="text-center">' + (i + 1) + '</td>' +
  1044. '<td class="text-center">' + n.F_CreateTime +
  1045. '</td>' +
  1046. '<td class="text-center">' + n.F_Result +
  1047. '</td>' +
  1048. '<td class="text-center">' + a + '</td>' +
  1049. '<td class="text-center">' + AuditTime +
  1050. '</td>' +
  1051. '<td class="text-center">' + AuditReason +
  1052. '</td>' +
  1053. '<td class="text-center authority"><botton class="btns LTHSH " index="' +
  1054. n.F_Id + '" reason="' + n.F_AuditReason +
  1055. '" >修改</botton></td>' +
  1056. '</tr>';
  1057. })
  1058. $(Ths).appendTo($(".YTHHS"));
  1059. //办理过程
  1060. $("#BLGC_").empty();
  1061. if ($.cookie('code') != 'WLDW' && $.cookie('code') !=
  1062. 'EJWLDW') {
  1063. $(result.data.gcdata).each(function (i, n) {
  1064. var html = '<tr>' +
  1065. '<td class="text-center">' + (i + 1) +
  1066. '</td>' +
  1067. '<td class="text-center">' + n.F_Message +
  1068. '</td>' +
  1069. '<td class="text-center">' + n
  1070. .F_CreateTime + '</td>' +
  1071. '</tr>';
  1072. $(html).appendTo($("#BLGC_"));
  1073. });
  1074. }
  1075. }
  1076. }
  1077. //转媒体按钮显示或隐藏
  1078. if (result.data.issend == '1') {
  1079. $(".mediaTransfer").show();
  1080. } else {
  1081. $(".mediaTransfer").hide();
  1082. }
  1083. //修改按钮显示或隐藏
  1084. if (result.data.isedit == '1' || $.cookie("code") == "ZXLD") {
  1085. $(".authority").show();
  1086. } else {
  1087. $(".authority").hide();
  1088. }
  1089. //修改交办意见
  1090. $('.XGXX').click(function () {
  1091. var index = $(this).attr('index');
  1092. layer.open({
  1093. type: 2,
  1094. content: "../CommonHtml/XGjiaoban.html?wid=" +
  1095. index, //iframe的url,no代表不显示滚动条
  1096. title: '修改交办信息',
  1097. area: ['48%', '60%'], //宽高
  1098. });
  1099. //window.location.href = "../CommonHtml/XGjiaoban1.html?id=" + index + "&wid=" + wid; //iframe的url,no代表不显示滚动条
  1100. })
  1101. //修改回访意见
  1102. $(".HFXG").click(function () {
  1103. var index = $(this).attr('index');
  1104. layer.open({
  1105. type: 2,
  1106. content: "../CommonHtml/XGHF.html?wid=" +
  1107. index, //iframe的url,no代表不显示滚动条
  1108. title: '修改回访信息',
  1109. area: ['58%', '60%'], //宽高
  1110. });
  1111. //window.location.href = "../CommonHtml/XGHF.html?wid=" + index; //iframe的url,no代表不显示滚动条
  1112. });
  1113. //修改回退信息
  1114. $(".HtxxBtn").click(function () {
  1115. var index = $(this).attr('index');
  1116. layer.open({
  1117. type: 2,
  1118. content: "../CommonHtml/BackDatil.html?wid=" +
  1119. index + '&tab=0', //iframe的url,no代表不显示滚动条
  1120. title: '修改回退信息',
  1121. area: ['58%', '60%'], //宽高
  1122. })
  1123. //window.location.href = "../CommonHtml/BackDatil.html?wid=" + index+'&tab=0'
  1124. })
  1125. //修改审核延时
  1126. $(".LYSSH").click(function () {
  1127. var index = $(this).attr('index');
  1128. layer.open({
  1129. type: 2,
  1130. content: "../CommonHtml/YSSH.html?wid=" +
  1131. index, //iframe的url,no代表不显示滚动条
  1132. title: '修改延时审核',
  1133. area: ['58%', '60%'], //宽高
  1134. })
  1135. //window.location.href = "../CommonHtml/YSSH.html?wid=" + index;
  1136. })
  1137. //修改退回审核
  1138. $(".LTHSH").click(function () {
  1139. var index = $(this).attr('index');
  1140. layer.open({
  1141. type: 2,
  1142. content: "../CommonHtml/lSHTH.html?wid=" +
  1143. index, //iframe的url,no代表不显示滚动条
  1144. title: '修改退回审核',
  1145. area: ['58%', '60%'], //宽高
  1146. })
  1147. //window.location.href = "../CommonHtml/lSHTH.html?wid=" + index;
  1148. })
  1149. }
  1150. }
  1151. })
  1152. }
  1153. //转媒体
  1154. $('.mediaTransfer').click(function () {
  1155. layer.open({
  1156. content: '是否要转媒体?',
  1157. btn: ['是', '否'],
  1158. yes: function (index, layero) {
  1159. $.post(huayi.config.callcenter_url + "WorkOrder/ReleaseWorkOrder", {
  1160. workorderid: wid, //工单编号
  1161. isrelease: 1, //(0撤回,1转媒体)
  1162. token: $.cookie("token")
  1163. }, function (result) {
  1164. var data = JSON.parse(result);
  1165. if (data.state == "success") {
  1166. $(".mediaTransfer").hide();
  1167. var index = parent.layer.getFrameIndex(window
  1168. .name); //先得到当前iframe层的索引
  1169. parent.layer.close(index); //再执行关闭
  1170. parent.$('#orderlist').bootstrapTable('refresh');
  1171. parent.layer.msg("转媒体成功");
  1172. }
  1173. })
  1174. }
  1175. })
  1176. });
  1177. //修改
  1178. $(".change").click(function () {
  1179. var str = $("#Change").val();
  1180. layer.open({
  1181. type: 2,
  1182. content: "../CommonHtml/XGwordel.html?wid=" + str, //iframe的url,no代表不显示滚动条
  1183. title: '修改交办信息',
  1184. area: ['80%', '80%'], //宽高
  1185. })
  1186. // layer.open({
  1187. // type: 2,
  1188. // content: "../CommonHtml/XGwordel.html?wid=" + str, //iframe的url,no代表不显示滚动条
  1189. // title: '编辑工单',
  1190. // area: ['96%', '80%'], //宽高
  1191. // window.location.href = "../CommonHtml/XGwordel.html?wid=" + str;
  1192. // });
  1193. })
  1194. });
  1195. </script>
  1196. </body>
  1197. </html>