説明なし

WorkDatil.html 65KB

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