濮阳12345web

WorkOrderDispose.html 56KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192
  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. <script src="../My97DatePicker/WdatePicker.js"></script>
  14. <!--<script src="../js/WorkOrder/WorkOrder.js"></script>-->
  15. <style>
  16. table td {
  17. word-break: break-all;
  18. word-wrap: break-word;
  19. }
  20. .ld-service li {
  21. float: left;
  22. font-size: 14px;
  23. color: #000;
  24. padding: 5px 15px;
  25. cursor: pointer;
  26. border-bottom: 1px solid #ccc;
  27. }
  28. .cr-click {
  29. border: 1px solid #ccc;
  30. background-color: #fff;
  31. border-bottom: none !important;
  32. border-bottom-left-radius: 5px;
  33. border-bottom-right-radius: 5px;
  34. }
  35. .Shows {
  36. display: block !important;
  37. }
  38. .complain {
  39. display: none;
  40. }
  41. th {
  42. padding: 5px;
  43. text-align: center;
  44. }
  45. .Borders {
  46. border: 1px solid #d7d7d7;
  47. }
  48. .form-group {
  49. margin-top: 10px;
  50. }
  51. </style>
  52. </head>
  53. <body class="gray-bg">
  54. <div class="wrapper wrapper-content animated fadeInRight">
  55. <div class="daoHang clearfix">
  56. <div class="dhLeft">
  57. <sapn>
  58. <i class="syIcon"></i>位置:
  59. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  60. <a href="javaScript:;">工单管理</a>&gt;
  61. <a href="" class="nowPosition">工单处理</a>
  62. </sapn>
  63. </div>
  64. <div class="dhRight">
  65. <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
  66. </div>
  67. </div>
  68. <ul class="ld-service clearfix">
  69. <li itemtype="0" class="cr-click" itemtype="0">处理待办</li>
  70. <li itemtype="1" itemtype="1">今天已处理</li>
  71. <li itemtype="2" itemtype="2">历史查询</li>
  72. </ul>
  73. <div class="Content_box">
  74. <!--待处理/-->
  75. <div class="complain Shows DCL">
  76. <div class="th-box">
  77. <div class="th-bar">
  78. <div class="seach-box">
  79. <ul>
  80. <li>
  81. 状态:
  82. <select name="" id="States" class="selects">
  83. <option selected="selected" value="">请选择</option>
  84. <option value="18">登记中</option>
  85. <option value="25">回退</option>
  86. <option value="26">反馈</option>
  87. </select>
  88. </li>
  89. <li>
  90. 登记时间:
  91. <input class="photo x-color inputs laydate-icon" type="text" id="startTimes" />-
  92. <input class="photo x-color inputs laydate-icon" type="text" id="endTimes" />
  93. </li>
  94. <li>
  95. <a class="sc_btn btns db">搜索</a>
  96. </li>
  97. </ul>
  98. </div>
  99. </div>
  100. </div>
  101. <div style="width: 100%;padding: 10px;">
  102. <table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  103. <thead>
  104. <tr>
  105. <th data-field="F_WorkOrderId" data-align="center">登记编号</th>
  106. <th data-field="F_RegDate" data-align="center">登记时间</th>
  107. <!--<th data-field="UserName" data-align="center">登记人</th>-->
  108. <th data-field="F_UserCode" data-align="center">登记人</th>
  109. <th data-field="SourceName" data-align="center">信息来源</th>
  110. <th data-field="TypeName" data-align="center">信息类别</th>
  111. <th data-field="DeptName" data-align="center">交办单位</th>
  112. <th data-field="WorkStateName" data-align="center">状态</th>
  113. <th data-field="F_ComContent" data-align="center" data-formatter="ComContent">内容摘要</th>
  114. <th data-field="FilePath" data-formatter="setCode">录音文件</th>
  115. <th data-field="WorkOrderID" data-formatter="Dispose" data-align="center">操作</th>
  116. </tr>
  117. </thead>
  118. </table>
  119. </div>
  120. </div>
  121. <!--今天已处理/-->
  122. <div class="complain TDCL">
  123. <div style="width: 100%;padding: 10px;">
  124. <table id="daylist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  125. <thead>
  126. <tr>
  127. <th data-field="F_WorkOrderId" data-align="center">登记编号</th>
  128. <th data-field="F_RegDate" data-align="center">登记时间</th>
  129. <!--<th data-field="UserName" data-align="center">登记人</th>-->
  130. <th data-field="F_UserCode" data-align="center">登记人</th>
  131. <th data-field="SourceName" data-align="center">信息来源</th>
  132. <th data-field="TypeName" data-align="center">信息类别</th>
  133. <th data-field="DeptName" data-align="center">交办单位</th>
  134. <th data-field="WorkStateName" data-align="center">状态</th>
  135. <th data-field="F_ComContent" data-align="center" data-formatter="ComContent">内容摘要</th>
  136. <th data-field="FilePath" data-formatter="setCode">录音文件</th>
  137. <th data-field="WorkOrderID" data-formatter="Disposes" data-align="center">操作</th>
  138. </tr>
  139. </thead>
  140. </table>
  141. </div>
  142. </div>
  143. <!--历史查询/-->
  144. <div class="complain LSCX">
  145. <div class="th-box">
  146. <div class="th-bar">
  147. <div class="seach-box">
  148. <ul>
  149. <li>
  150. 状态:
  151. <select name="" id="State" class="selects">
  152. <option value=""></option>
  153. </select>
  154. </li>
  155. <li>
  156. 登记时间:
  157. <input class="photo x-color inputs laydate-icon" type="text" id="startTime" />-
  158. <input class="photo x-color inputs laydate-icon" type="text" id="endTime" />
  159. </li>
  160. <li>
  161. <a class="sc_btn btns ss">搜索</a>
  162. </li>
  163. </ul>
  164. </div>
  165. </div>
  166. </div>
  167. <div style="width: 100%;padding: 10px;">
  168. <table id="Historylist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  169. <thead>
  170. <tr>
  171. <th data-field="F_WorkOrderId" data-align="center">登记编号</th>
  172. <th data-field="F_RegDate" data-align="center">登记时间</th>
  173. <!--<th data-field="UserName" data-align="center">登记人</th>-->
  174. <th data-field="F_UserCode" data-align="center">登记人</th>
  175. <th data-field="SourceName" data-align="center">信息来源</th>
  176. <th data-field="TypeName" data-align="center">信息类别</th>
  177. <th data-field="DeptName" data-align="center">交办单位</th>
  178. <th data-field="WorkStateName" data-align="center">状态</th>
  179. <th data-field="F_ComContent" data-align="center" data-formatter="ComContent">内容摘要</th>
  180. <th data-field="FilePath" data-formatter="setCode">录音文件</th>
  181. <th data-field="WorkOrderID" data-formatter="Disposes" data-align="center">操作</th>
  182. </tr>
  183. </thead>
  184. </table>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. <div class="t-shade">
  190. <!--办理-->
  191. <div class="shade_k clgd ">
  192. <div class="shade_title">
  193. <span>办理<srong class="cknum"></srong></span>
  194. <span class="setwin"><a>x</a></span>
  195. </div>
  196. <div class="shade_content" style="height: 500px;">
  197. <div style="padding: 10px;" class="tj_content clearFix">
  198. <div class="baseinfo" style="display:block;">
  199. <div>
  200. <span>【基本信息】</span>
  201. <div class="box_content">
  202. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  203. <tr>
  204. <th>登记编号:</th>
  205. <td><span class="djbh"></span></td>
  206. <th>登记日期:</th>
  207. <td><span class="djrq"></span></td>
  208. <th>状态:</th>
  209. <td><span class="zt"></span></td>
  210. </tr>
  211. <tr>
  212. <th>信息来源:</th>
  213. <td><span class="xxly"></span></td>
  214. <th>录音文件:</th>
  215. <td><span class="lywj"></span></td>
  216. <th>登记人:</th>
  217. <td><span class="djr"></span></td>
  218. </tr>
  219. <tr>
  220. <th>形式分类:</th>
  221. <td><span class="xsfl"></span></td>
  222. <th>内容大类:</th>
  223. <td><span class="nrdl"></span></td>
  224. <th>内容小类:</th>
  225. <td><span class="nrxl"></span></td>
  226. </tr>
  227. <tr>
  228. <th>反映区域:</th>
  229. <td><span class="qy"></span></td>
  230. <th>事发地址:</th>
  231. <td colspan="3"><span class="sfdz"></span></td>
  232. </tr>
  233. </table>
  234. </div>
  235. </div>
  236. <div>
  237. <span>【联系人信息】</span>
  238. <div class="lxr clearFix box_content">
  239. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  240. <tr>
  241. <th>投诉人姓名:</th>
  242. <td>
  243. <span class="tsrname"></span>
  244. </td>
  245. <th>投诉人电话:</th>
  246. <td><span class="tsrphone"></span></td>
  247. <th>投诉人性别:</th>
  248. <td><span class="tsrsex"></span></td>
  249. <th>投诉人地址:</th>
  250. <td><span class="tsrdz"></span></td>
  251. </tr>
  252. <tr>
  253. <th>联系人姓名:</th>
  254. <td><span class="lxrname"></span></td>
  255. <th>联系人电话:</th>
  256. <td><span class="lxrphone"></span></td>
  257. <th>邮编:</th>
  258. <td><span class="yb"></span></td>
  259. <th>Email:</th>
  260. <td><span class='yj'></span></td>
  261. </tr>
  262. </table>
  263. </div>
  264. </div>
  265. <div>
  266. <div>
  267. <span>【情况摘要】</span>
  268. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  269. <tr>
  270. <th style="width:200px;">标题:</th>
  271. <td><span class="bt"></span></td>
  272. </tr>
  273. <tr>
  274. <th>内容:</th>
  275. <td><span class="qkzy"></span></td>
  276. </tr>
  277. </table>
  278. </div>
  279. </div>
  280. <div>
  281. <div>
  282. <span>【处理结果】</span>
  283. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  284. <tr>
  285. <td><span class="cljg"></span></td>
  286. </tr>
  287. </table>
  288. </div>
  289. </div>
  290. <!--呈批信息-->
  291. <div class="cpjg_box" style="display:none;margin:10px 0;">
  292. <div>
  293. <span>【呈批结果】</span>
  294. <table id="cpjg" class="Borders" style="width: 100%;margin-top:5px;" border="1" cellspacing="0" cellpadding="0"></table>
  295. </div>
  296. </div>
  297. <!--交办记录-->
  298. <div class="jbjl_box" style="display:none;margin:10px 0;">
  299. <div>
  300. <span>【交办记录】</span>
  301. <table id="jbjl" class="Borders" style="width: 100%;margin-top:5px;" border="1" cellspacing="0" cellpadding="0"></table>
  302. </div>
  303. </div>
  304. <!--反馈信息-->
  305. <div class="fkxx_box" style="display:none;margin:10px 0;">
  306. <div>
  307. <span>【反馈信息】</span>
  308. <table id="fkxx" class="Borders" style="width: 100%;margin-top:5px;" border="1" cellspacing="0" cellpadding="0"></table>
  309. </div>
  310. </div>
  311. <div class="clearfix wh_btn">
  312. <!--<input type="button" value="修改" style="display:none;" id="xgcl" />-->
  313. <input type="button" value="呈批" class="" id="CP" />
  314. <input type="button" value="办结" class="" id="Wjgd" />
  315. <input type="button" value="打印预览" class="" id="dyyl" />
  316. <input type="button" value="关闭" class="" id="Closexq" />
  317. </div>
  318. </div>
  319. <div class="jbxx_boxs" style="display:none;">
  320. <div>
  321. <span>【交办信息】</span>
  322. <table id="cp_jbjl" class="" style="width: 100%;margin-top:5px;" border="0" cellspacing="0" cellpadding="0">
  323. <tr>
  324. <th style='width:200px;'>登记编号:</th>
  325. <td>
  326. <span class='jb_djbhs'></span>
  327. </td>
  328. </tr>
  329. <tr>
  330. <th>领导批示:</th>
  331. <td>
  332. <textarea data-adaptheight class='jb_ldps'>领导批示</textarea>
  333. </td>
  334. </tr>
  335. </table>
  336. <div class="form-group clearfix">
  337. <span class="">
  338. 交办单位:
  339. </span>
  340. <span class="">
  341. 区域:
  342. <select name="" id="JArea" class="select">
  343. <option selected="selected" value="">请选择</option>
  344. </select>
  345. </span>
  346. <span class="">
  347. 部门类别&nbsp;:
  348. </span>
  349. <span class="">
  350. <select name="" id="Jtype" class="select">
  351. <option selected="selected" value="">请选择</option>
  352. </select>
  353. </span>
  354. <span class="">
  355. 部门&nbsp;&nbsp;:
  356. </span>
  357. <span class="">
  358. <select name="" id="Department" class="select">
  359. <option selected="selected" value="">请选择</option>
  360. </select>
  361. </span>
  362. </div>
  363. <div class="form-group clearfix">
  364. <span class="">
  365. 交办意见:
  366. </span>
  367. <span class="col-sm-12">
  368. <input type="radio" value="1" name="jiaoban" />
  369. 1.<span class="head">请按领导批示认真调查处理,在</span>
  370. <select name="" id="" class="min_select">
  371. <option value=""></option>
  372. </select>
  373. <span class="end">
  374. 个工作日内网络反馈市效能监察投诉中心。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。
  375. </span>
  376. </span>
  377. <span class="col-sm-12">
  378. <input type="radio" value="2" name="jiaoban" />
  379. 2.
  380. <span class="head">请按领导批示认真调查处理,在</span>
  381. <select name="" id="" class="min_select">
  382. <option value=""></option>
  383. </select>
  384. <span class="end">个工作日内通过书面反馈市效能监察投诉中心。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
  385. </span>
  386. <span class="col-sm-12">
  387. <input type="radio" value="3" name="jiaoban" />
  388. 3.
  389. <span class="head">请按领导批示认真调查处理并答复来电人,在</span>
  390. <select name="" id="" class="min_select">
  391. <option value=""></option>
  392. </select>
  393. <span class="end">个工作日内书面反馈市效能监察投诉中心。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
  394. </span>
  395. <span class="col-sm-12">
  396. <input type="radio" value="4" name="jiaoban" checked="checked" />
  397. 4.
  398. <span class="head">请按领导批示认真调查处理并答复来电人,在</span>
  399. <select name="" id="" class="min_select">
  400. <option value=""></option>
  401. </select>
  402. <span class="end">个工作日内通过网络反馈市效能监察投诉中心。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
  403. </span>
  404. <span class="col-sm-12">
  405. <input type="radio" value="5" name="jiaoban" />
  406. 5.
  407. <span class="head">请认真调查处理,在</span>
  408. <select name="" id="" class="min_select">
  409. <option value=""></option>
  410. </select>
  411. <span class="end">个工作日内书面反馈市效能监察投诉中心。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
  412. </span>
  413. </div>
  414. <div class="form-group clearfix">
  415. <span class="">
  416. 备注:<textarea data-adaptheight class="remark"></textarea>
  417. </span>
  418. </div>
  419. </div>
  420. <div class="clearfix wh_btn">
  421. <input type="button" value="呈批" class="" id="JB" />
  422. <input type="button" value="返回" class="" id="JBFH" />
  423. </div>
  424. </div>
  425. <div class="cljg_boxs" style="display:none;">
  426. <div>
  427. <span>【处理结果】</span>
  428. <div class="form-group clearfix">
  429. <span class="">
  430. 处理结果:<textarea data-adaptheight id="result"></textarea>
  431. </span>
  432. </div>
  433. </div>
  434. <div class="clearfix wh_btn">
  435. <input type="button" value="保存" class="" id="CL" />
  436. <input type="button" value="返回" class="" id="CLFH" />
  437. </div>
  438. </div>
  439. </div>
  440. <input type="hidden" id="wids" />
  441. </div>
  442. </div>
  443. <!--录音-->
  444. <div class="shade_k lyxz">
  445. <div class="shade_title">
  446. <span>录音播放与下载<srong class="cknum"></srong></span>
  447. <span class="setwin gbly"><a>x</a></span>
  448. </div>
  449. <div class="shade_content">
  450. <div class="Ly_box audiojs">
  451. </div>
  452. </div>
  453. </div>
  454. </div>
  455. <script src="../js/adjustHeight.js"></script>
  456. <script>
  457. var ldps = '\r\n 窦付明\r\n ' + laydate.now(0, "YYYY.MM.DD");
  458. $(document).ready(function () {
  459. laydate.skin('molv');
  460. laydate({
  461. elem: '#startTimes',
  462. event: 'focus'
  463. });
  464. laydate({
  465. elem: '#endTimes',
  466. event: 'focus'
  467. });
  468. laydate({
  469. elem: '#startTime',
  470. event: 'focus'
  471. });
  472. laydate({
  473. elem: '#endTime',
  474. event: 'focus'
  475. });
  476. //弹屏右侧切换效果
  477. $(".ld-service li").click(function () {
  478. $(this).addClass("cr-click").siblings().removeClass("cr-click");
  479. var index = $(this).index();
  480. var ss = $(this).attr("itemtype");
  481. $(".Content_box").find(".complain").eq(index).addClass("Shows").siblings().removeClass("Shows");
  482. switch (ss) {
  483. case '0': initTable(); break;
  484. case '1': dayTable(); break;
  485. case '2': history(); break;
  486. }
  487. });
  488. //关闭录音弹出
  489. $(".gbly").click(function () {
  490. $(".t-shade").hide();
  491. $(".lyxz").removeClass("cx");
  492. $('audio')[0].pause();
  493. });
  494. //点击关闭详情
  495. $('.setwin').click(function () {
  496. $(".t-shade").hide();
  497. $(".clgd ").hide();
  498. })
  499. $("#Closexq").click(function () {
  500. $(".t-shade").hide();
  501. $(".clgd ").hide();
  502. })
  503. loadStates($("#State"));
  504. //代办搜索
  505. $(".db").click(function () {
  506. initTable();
  507. })
  508. //历史搜索
  509. $(".ss").click(function () {
  510. history();
  511. })
  512. $("#Wjgd").click(function () {
  513. EndWorkOrder();
  514. })
  515. //区域
  516. loadArea($("#JArea"));
  517. $("#JArea").change(function () {
  518. $("#Jtype").empty();
  519. $("#Jtype").append('<option selected="selected" value="">请选择</option>');
  520. $("#Department").empty();
  521. $("#Department").append('<option selected="selected" value="">请选择</option>');
  522. var aid = $("#JArea").val();
  523. if (!aid) { aid = -1; }
  524. $.getJSON(huayi.config.callcenter_url + "Department/GetDeptTypeList", { "token": $.cookie("token"), aid: aid }, function (data) {
  525. if (data.state.toLowerCase() == "success") {
  526. var content = data.data;
  527. $(content).each(function (i, n) {
  528. $("<option value='" + n.F_DeptTypeId + "'>" + n.F_DeptTypeName + "</option>").appendTo($("#Jtype"));
  529. })
  530. }
  531. })
  532. })
  533. $("#Jtype").change(function () {
  534. $("#Department").empty();
  535. $("#Department").append('<option selected="selected" value="">请选择</option>');
  536. var tid = $("#Jtype").val();
  537. if (!tid) { tid = -1; }
  538. $.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", { "token": $.cookie("token"), tid: tid }, function (data) {
  539. if (data.state.toLowerCase() == "success") {
  540. var content = data.data;
  541. $(content).each(function (i, n) {
  542. $("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo($("#Department"));
  543. })
  544. }
  545. })
  546. })
  547. $("#Department").change(function () {
  548. var dw = $("#Department").find("option:selected").text();
  549. if (dw == '请选择') {
  550. $(".jb_ldps").val(ldps);
  551. }
  552. else {
  553. $(".jb_ldps").val("转" + dw + "处理。" + ldps);
  554. }
  555. })
  556. //天数下拉框
  557. $(".min_select").each(function () {
  558. $(this).empty();
  559. for (var i = 1; i <= 10; i++) {
  560. if (i == 5) {
  561. $("<option selected='selected' value='5'>5</option>").appendTo($(this));
  562. }
  563. else {
  564. $("<option value='" + i + "'>" + i + "</option>").appendTo($(this));
  565. }
  566. }
  567. })
  568. //里面的呈批
  569. $("#CP").click(function () {
  570. $(".baseinfo").hide();
  571. $(".jbxx_boxs").show();
  572. })
  573. $("#JB").click(function () {
  574. var workorderid = $("#wids").val();
  575. var remark = $(".bz").val();
  576. var areaid = $("#JArea").val();
  577. var depttype = $("#Jtype").val();
  578. var deptid = $('#Department').val();
  579. var superopinion = $(".jb_ldps").val();
  580. var remark = $("#remark").val();
  581. var obj = $("input[name='jiaoban']:checked");
  582. var opitionid = obj.val();
  583. var day = obj.parent().find("select").val();
  584. var assignedopinion = obj.parent().find(".head").text() + day + obj.parent().find(".end").text();
  585. if (!superopinion) {
  586. layer.confirm('请输入领导批示!', {
  587. btn: ['确定']
  588. });
  589. return;
  590. }
  591. if (!deptid) {
  592. layer.confirm('请选择部门!', {
  593. btn: ['确定']
  594. });
  595. return;
  596. }
  597. if (!opitionid) {
  598. layer.confirm('请选择交办意见!', {
  599. btn: ['确定']
  600. });
  601. return;
  602. }
  603. $.post(huayi.config.callcenter_url + "WorkOrder/UpWorkOrderID", {
  604. workorderid: workorderid,
  605. areaid: areaid,
  606. depttype: depttype,
  607. deptid: deptid,
  608. remark: remark,
  609. opitionid: opitionid,
  610. superopinion: superopinion,
  611. assignedopinion: assignedopinion,
  612. day: day,
  613. token: $.cookie("token")
  614. }, function (data) {
  615. data = JSON.parse(data);
  616. /*验证请求*/
  617. if (data.state == "success") {
  618. $(".t-shade").hide();
  619. $(".clgd ").hide();
  620. layer.msg("呈批成功");
  621. //重新加载
  622. initTable();
  623. }
  624. });
  625. });
  626. $("#JBFH").click(function () {
  627. $(".baseinfo").show();
  628. $(".jbxx_boxs").hide();
  629. })
  630. //里面的修改
  631. $("#xgcl").click(function () {
  632. $(".baseinfo").hide();
  633. $(".cljg_boxs").show();
  634. })
  635. $("#CL").click(function () {
  636. var workorderid = $("#wids").val();
  637. var result = $("#result").val();
  638. if (!result) {
  639. layer.confirm('请输入处理结果!', {
  640. btn: ['确定']
  641. });
  642. return;
  643. }
  644. $.post(huayi.config.callcenter_url + "WorkOrder/UpdateWorkOrderResult", {
  645. workorderid: workorderid,
  646. result: result,
  647. token: $.cookie("token")
  648. }, function (data) {
  649. data = JSON.parse(data);
  650. /*验证请求*/
  651. if (data.state == "success") {
  652. $(".baseinfo").show();
  653. $(".cljg_boxs").hide();
  654. $(".cljg").text(result);
  655. layer.msg("保存成功");
  656. }
  657. });
  658. });
  659. $("#CLFH").click(function () {
  660. $(".baseinfo").show();
  661. $(".cljg_boxs").hide();
  662. })
  663. $("#workorderlist").on("click-row.bs.table", function (e, row, ele) {
  664. $('.success').removeClass('success'); //去除之前选中的行的,选中样式
  665. $(ele).addClass('success'); //添加当前选中的 success样式用于区别
  666. });
  667. $("#daylist").on("click-row.bs.table", function (e, row, ele) {
  668. $('.success').removeClass('success'); //去除之前选中的行的,选中样式
  669. $(ele).addClass('success'); //添加当前选中的 success样式用于区别
  670. });
  671. $("#Historylist").on("click-row.bs.table", function (e, row, ele) {
  672. $('.success').removeClass('success'); //去除之前选中的行的,选中样式
  673. $(ele).addClass('success'); //添加当前选中的 success样式用于区别
  674. });
  675. $("#dyyl").click(function () {
  676. layer.open({
  677. type: 2,
  678. content: "PrintPreview.html?wid=" + $("#wids").val(), //iframe的url,no代表不显示滚动条
  679. title: '打印',
  680. area: ['60%', '80%'], //宽高
  681. });
  682. })
  683. initTable();
  684. })
  685. //表格一
  686. function initTable() {
  687. //先销毁表格
  688. $('#workorderlist').bootstrapTable('destroy');
  689. //初始化表格,动态从服务器加载数据
  690. $("#workorderlist").bootstrapTable({
  691. method: "get", //使用get请求到服务器获取数据
  692. url: huayi.config.callcenter_url + "WorkOrder/GetDealList", //获取数据的Servlet地址
  693. contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
  694. pagination: true, //启动分页
  695. pageSize: 10, //每页显示的记录数
  696. pageNumber: 1, //当前第几页
  697. pageList: [10, 20, 50, 100], //记录数可选列表
  698. search: false, //是否启用查询
  699. showColumns: false, //显示下拉框勾选要显示的列
  700. showRefresh: false, //显示刷新按钮
  701. sidePagination: "server", //表示服务端请求
  702. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  703. //设置为limit可以获取limit, offset, search, sort, order
  704. queryParamsType: "undefined",
  705. queryParams: function queryParams(params) { //设置查询参数
  706. var param = {
  707. page: params.pageNumber,
  708. pagesize: params.pageSize,
  709. tab: 0,
  710. starttime: $("#startTimes").val(),
  711. endtime: $("#endTimes").val(),
  712. state: $('#States').val(),
  713. token: $.cookie("token")
  714. };
  715. return param;
  716. },
  717. onLoadSuccess: function () { //加载成功时执行
  718. //layer.msg("加载成功");
  719. },
  720. onLoadError: function () { //加载失败时执行
  721. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  722. }
  723. });
  724. }
  725. //内容
  726. function ComContent(val) {
  727. if (val) {
  728. var str = '<div '
  729. if (val.length > 10) {
  730. str = str + ' title="' + val + '" ';
  731. val = val.substr(0, 10) + "...";
  732. }
  733. return str + '>' + val + '</div>';
  734. } else {
  735. return '';
  736. }
  737. }
  738. //地址
  739. function SourceAddress(val) {
  740. if (val) {
  741. var str = '<div '
  742. if (val.length > 10) {
  743. str = str + ' title="' + val + '" ';
  744. val = val.substr(0, 10) + "...";
  745. }
  746. return str + '>' + val + '</div>';
  747. } else {
  748. return '';
  749. }
  750. }
  751. //操作
  752. function Dispose(val, row) {
  753. if (row.F_WorkState == "18") {
  754. return '<div class="imgs" >' +
  755. '<a class="xg" onclick="ckxq(' + row.F_WorkOrderId + ')"> 办理 </a>' +
  756. '<a class="xg" onclick="UpWorkOrder(' + row.F_WorkOrderId + ')"> 呈批</a>' +
  757. '<a class="xg" onclick="XG(' + row.F_WorkOrderId + ')"> 修改</a>' +
  758. '<a class="xg" onclick="Move(' + row.F_WorkOrderId + ')"> 删除 </a>' +
  759. '</div>';
  760. } else if (row.F_WorkState == "26" || row.F_WorkState == "25") {
  761. return '<div class="imgs" >' +
  762. '<a class="xg" onclick="ckxq(' + row.F_WorkOrderId + ')"> 办理 </a>' +
  763. '<a class="xg" onclick="XG(' + row.F_WorkOrderId + ')"> 修改</a>' +
  764. '<a class="xg" onclick="Move(' + row.F_WorkOrderId + ')"> 删除 </a>' +
  765. '</div>';
  766. }
  767. }
  768. //加载状态
  769. function loadStates(obj) {
  770. obj.empty();
  771. obj.append('<option selected="selected" value="">请选择</option>');
  772. $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
  773. "token": $.cookie("token"),
  774. id: 5
  775. }, function (data) {
  776. if (data.state.toLowerCase() == "success") {
  777. var content = data.data;
  778. $(content).each(function (i, n) {
  779. var a = "<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>";
  780. $(a).appendTo(obj);
  781. })
  782. }
  783. })
  784. }
  785. //当天处理工单
  786. function dayTable() {
  787. //先销毁表格
  788. $('#daylist').bootstrapTable('destroy');
  789. //初始化表格,动态从服务器加载数据
  790. $("#daylist").bootstrapTable({
  791. method: "get", //使用get请求到服务器获取数据
  792. url: huayi.config.callcenter_url + "WorkOrder/GetDealList", //获取数据的Servlet地址
  793. contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
  794. pagination: true, //启动分页
  795. pageSize: 10, //每页显示的记录数
  796. pageNumber: 1, //当前第几页
  797. pageList: [10, 20, 50, 100], //记录数可选列表
  798. search: false, //是否启用查询
  799. showColumns: false, //显示下拉框勾选要显示的列
  800. showRefresh: false, //显示刷新按钮
  801. sidePagination: "server", //表示服务端请求
  802. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  803. //设置为limit可以获取limit, offset, search, sort, order
  804. queryParamsType: "undefined",
  805. queryParams: function queryParams(params) { //设置查询参数
  806. var param = {
  807. page: params.pageNumber,
  808. pagesize: params.pageSize,
  809. tab: 1,
  810. token: $.cookie("token")
  811. };
  812. return param;
  813. },
  814. onLoadSuccess: function () { //加载成功时执行
  815. //layer.msg("加载成功");
  816. },
  817. onLoadError: function () { //加载失败时执行
  818. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  819. }
  820. });
  821. }
  822. /////////////////////////////////历史查询////////////////
  823. ///历史查询
  824. function history() {
  825. //先销毁表格
  826. $('#Historylist').bootstrapTable('destroy');
  827. //初始化表格,动态从服务器加载数据
  828. $("#Historylist").bootstrapTable({
  829. method: "get", //使用get请求到服务器获取数据
  830. url: huayi.config.callcenter_url + "WorkOrder/GetDealList", //获取数据的Servlet地址
  831. contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
  832. pagination: true, //启动分页
  833. pageSize: 10, //每页显示的记录数
  834. pageNumber: 1, //当前第几页
  835. pageList: [10, 20, 50, 100], //记录数可选列表
  836. search: false, //是否启用查询
  837. showColumns: false, //显示下拉框勾选要显示的列
  838. showRefresh: false, //显示刷新按钮
  839. sidePagination: "server", //表示服务端请求
  840. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  841. //设置为limit可以获取limit, offset, search, sort, order
  842. queryParamsType: "undefined",
  843. queryParams: function queryParams(params) { //设置查询参数
  844. var param = {
  845. page: params.pageNumber,
  846. pagesize: params.pageSize,
  847. tab: 2,
  848. starttime: $("#startTime").val(),
  849. endtime: $("#endTime").val(),
  850. state: $('#State').val(),
  851. token: $.cookie("token")
  852. };
  853. return param;
  854. },
  855. onLoadSuccess: function () { //加载成功时执行
  856. //layer.msg("加载成功");
  857. },
  858. onLoadError: function () { //加载失败时执行
  859. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  860. }
  861. });
  862. }
  863. //操作2
  864. function Disposes(val, row) {
  865. return '<div class="imgs" >' +
  866. '<a class="xg" onclick="ckxqs(' + row.F_WorkOrderId + ')"> 查看详情</a>' +
  867. '</div>';
  868. }
  869. //音频
  870. function setCode(val) {
  871. if (val) {
  872. return '<div class="imgs" style="cursor: pointer;">' +
  873. '<img src="../img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
  874. '</div>';
  875. } else {
  876. return '';
  877. }
  878. }
  879. //录音
  880. function ck(val) {
  881. var path = $(val).attr("item");
  882. $(".t-shade").show();
  883. $(".lyxz").addClass("cx");
  884. $(".Ly_box").empty();
  885. $(".down").attr("href", path);
  886. $('<audio style="width: 100%;"class=" " src="' + path + '" loop="loop" controls="controls" ></audio>').appendTo(".Ly_box");
  887. $('.shade_k').css({
  888. 'top' : $(document).scrollTop() + ($(window).height() - $('.shade_k').height() - 289)/2,
  889. 'left' : ($(window).width()-$('.shade_k').width())/2,
  890. 'position' : 'absolute'
  891. });
  892. }
  893. //查看详情
  894. function ckxqs(str) {
  895. layer.open({
  896. type: 2,
  897. content: "WorkOrderDetail.html?wid=" + str, //iframe的url,no代表不显示滚动条
  898. title: '工单详情',
  899. area: ['85%', '80%'], //宽高
  900. });
  901. }
  902. function ckxq(str) {
  903. $(".jb_ldps").val(ldps);
  904. $("#JArea").val("");
  905. $("#JArea").trigger("change");
  906. $("#wids").val(str);
  907. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
  908. workorderid: str,
  909. "token": $.cookie("token")
  910. }, function (result) {
  911. if (result.state.toLowerCase() == "success") {
  912. var content = result.data;
  913. $(".jb_djbhs").text(content.data[0].F_WorkOrderId);
  914. $("#wids").val(content.data[0].F_WorkOrderId);
  915. $(".bt").text(content.data[0].F_ComTitle);
  916. $(".djbh").text(content.data[0].F_WorkOrderId);
  917. $(".djrq").text(content.data[0].F_RegDate);
  918. $(".xxly").text(content.data[0].SourceName);
  919. //$(".djr").text(content.data[0].UserName);
  920. $(".djr").text(content.data[0].F_UserCode);
  921. $(".zt").text(content.data[0].WorkStateName);
  922. $(".xsfl").text(content.data[0].TypeName1);
  923. $(".nrdl").text(content.data[0].TypeName2);
  924. $(".nrxl").text(content.data[0].TypeName3);
  925. $(".qy").text(content.data[0].AreaName);
  926. $(".sfdz").text(content.data[0].F_SourceAddress);
  927. $('.tsrphone').text(content.data[0].F_ConPhone);
  928. $('.tsrsex').text(content.data[0].F_CusSex);
  929. $('.tsrdz').text(content.data[0].F_CusAddress);
  930. $('.lxrphone').text(content.data[0].F_ConPhone);
  931. $('.qkzy').text(content.data[0].F_ComContent);
  932. if (content.data[0].F_Result) {
  933. var rt = content.data[0].F_Result.replace(/[ ]/g, "&nbsp;").replace(/\ +/g, "&nbsp;").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />");
  934. $(".cljg").html(rt);
  935. }
  936. else {
  937. $(".cljg").html("");
  938. }
  939. $("#result").val(content.data[0].F_Result);
  940. //
  941. if (content.data[0].WorkStateName == "反馈") {
  942. $("#Wjgd").show();
  943. $("#xgcl").show();
  944. } else {
  945. $("#xgcl").hide();
  946. $("#Wjgd").hide();
  947. $("#CP").show();
  948. }
  949. //呈批信息
  950. $("#cpjg").empty();
  951. $(".cpjg_box").hide();
  952. if (content.cpdata.length > 0) {
  953. $(".cpjg_box").show();
  954. }
  955. else {
  956. $(".cpjg_box").hide();
  957. }
  958. $(content.cpdata).each(function (i, n) {
  959. if (n.F_State != '2') {
  960. var ps = '';
  961. if (n.F_SuperOpinion) {
  962. ps = n.F_SuperOpinion.replace(/[ ]/g, "&nbsp;").replace(/\ +/g, "&nbsp;").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />");
  963. }
  964. var html = "<tr><th style='width:200px;'>呈批原因:<td><span class='cpyy'>" + n.F_BatchReason +
  965. "</span></td></th></tr><tr><th>领导批示:<td><span class='ldps'>" +
  966. ps + "</span></td></th></tr>";
  967. $(html).appendTo($("#cpjg"));
  968. } else {
  969. var ps = '';
  970. if (n.F_BackReason) {
  971. ps = n.F_BackReason.replace(/[ ]/g, "&nbsp;").replace(/\ +/g, "&nbsp;").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />");
  972. }
  973. var html = "<tr><th style='width:200px;'>回退类型:<td><span class='cpyy'>" + n.F_BackType +
  974. "</span></td></th></tr><tr><th>回退原因:<td><span class='ldps'>" +
  975. ps + "</span></td></th></tr>";
  976. $(html).appendTo($("#cpjg"));
  977. }
  978. })
  979. //交办信息
  980. $("#jbjl").empty();
  981. $(content.jbdata).each(function (i, n) {
  982. if (n.F_ResultState && n.F_ResultState != '0') {
  983. $(".jbjl_box").show();
  984. var str = '未反馈';
  985. if (n.F_ResultState + '') {
  986. switch (str) {
  987. case '0':
  988. str = '未反馈';
  989. case '1':
  990. str = '按期反馈';
  991. case '2':
  992. str = '逾期反馈';
  993. }
  994. }
  995. var html = '<tr>' +
  996. '<th style="width: 100px;">记录号:</th>' +
  997. '<td><span class="jlh">' + n.F_AssignedId + '</span></td>' +
  998. '<th style="width: 100px;">受理单号:</th>' +
  999. '<td><span class="sldh">' + n.F_WorkOrderId + '</span></td>' +
  1000. '<th style="width: 100px;">交办日期:</th>' +
  1001. '<td><span class="jbrq">' + n.F_SubmitDate + '</span></td>' +
  1002. '<th style="width: 100px;">反馈情况:</th>' +
  1003. '<td><span class="fkqk">' + str + '</span></td>' +
  1004. '<th style="width: 100px;">交办人:</th>' +
  1005. '<td><span class="jbr" >' + n.F_EUserName + '</span></td>' +
  1006. '</tr>' +
  1007. '<tr>' +
  1008. '<th>交办单位:</th>' +
  1009. '<td><span class="jbdw">' + n.DeptName + '</span></td>' +
  1010. '<th>交办意见:</th>' +
  1011. '<td colspan="7"><span class="jbyj">' + n.F_AssignedOpinion + '</span></td>' +
  1012. '</tr>';
  1013. $(html).appendTo($("#jbjl"));
  1014. }
  1015. })
  1016. if (content.cpdata.length <= 0) {
  1017. $(".jbjl_box").hide();
  1018. }
  1019. //反馈信息
  1020. $("#fkxx").empty();
  1021. if (content.fkdata.length > 0) {
  1022. $(".fkxx_box").show();
  1023. }
  1024. else {
  1025. $(".fkxx_box").hide();
  1026. }
  1027. $(content.fkdata).each(function (i, n) {
  1028. var str = '';
  1029. if (n.F_Satisfaction + '') {
  1030. switch (str) {
  1031. case '0':
  1032. str = '满意';
  1033. case '1':
  1034. str = '基本满意';
  1035. case '2':
  1036. str = '不满意';
  1037. }
  1038. }
  1039. var html = '<tr>' +
  1040. '<th style="width: 100px;">承办单位:</th>' +
  1041. '<td><span class="cbdw">' + n.DeptName + '</span></td>' +
  1042. '<th>反馈时间:</th>' +
  1043. '<td><span class="fksj">' + n.F_BackDate + '</span></td>' +
  1044. '<th>用户满意度:</th>' +
  1045. '<td><span class="myd">' + str + '</span></td>' +
  1046. '</tr>' +
  1047. '<tr>' +
  1048. '<th>反馈内容:</th>' +
  1049. '<td colspan="5"><span class="fknr">' + n.F_Result + '</span></td>' +
  1050. '</tr>';
  1051. $(html).appendTo($("#fkxx"));
  1052. })
  1053. $(".t-shade").show();
  1054. $(".clgd ").show();
  1055. $(".baseinfo").show();
  1056. $(".jbxx_boxs").hide();
  1057. $(".cljg_boxs").hide();
  1058. }
  1059. })
  1060. }
  1061. //完结工单
  1062. function EndWorkOrder() {
  1063. layer.confirm('确定要办结吗?', {
  1064. btn: ['是', '否'] //按钮
  1065. }, function () {
  1066. $.post(huayi.config.callcenter_url + "WorkOrder/EndWorkOrder", {
  1067. workorderid: $("#wids").val(),
  1068. "token": $.cookie("token")
  1069. }, function (result) {
  1070. result = JSON.parse(result);
  1071. /*验证请求*/
  1072. if (result.state.toLowerCase() == "success") {
  1073. layer.msg("办结成功");
  1074. $(".t-shade").hide();
  1075. $(".clgd ").hide();
  1076. initTable();
  1077. }
  1078. });
  1079. });
  1080. }
  1081. //删除工单
  1082. function Move(str) {
  1083. layer.confirm('确定删除当前记录?', {
  1084. btn: ['是', '否'] //按钮
  1085. }, function () {
  1086. var arr = [];
  1087. arr.push(str);
  1088. $.post(huayi.config.callcenter_url + "WorkOrder/DelWorkOrder", {
  1089. ids: arr,
  1090. token: $.cookie("token")
  1091. }, function (data) {
  1092. data = JSON.parse(data);
  1093. /*验证请求*/
  1094. if (data.state == "success") {
  1095. layer.msg("删除成功");
  1096. //重新加载
  1097. initTable();
  1098. }
  1099. });
  1100. });
  1101. }
  1102. //呈批
  1103. function UpWorkOrder(strs) {
  1104. layer.confirm('确定要呈批吗?', {
  1105. btn: ['是', '否'] //按钮
  1106. }, function () {
  1107. var ids = []; ids.push(strs);
  1108. $.post(huayi.config.callcenter_url + "WorkOrder/UpWorkOrder", {
  1109. ids: ids,
  1110. token: $.cookie("token")
  1111. }, function (data) {
  1112. data = JSON.parse(data);
  1113. /*验证请求*/
  1114. if (data.state == "success") {
  1115. $(".t-shade").hide();
  1116. $(".clgd ").hide();
  1117. layer.msg("呈批成功");
  1118. //重新加载
  1119. initTable();
  1120. }
  1121. });
  1122. });
  1123. }
  1124. //加载区域
  1125. function loadArea(obj) {
  1126. obj.empty();
  1127. obj.append('<option selected="selected" value="">请选择</option>');
  1128. $.getJSON(huayi.config.callcenter_url + "Department/GetAreaList", {
  1129. "token": $.cookie("token")
  1130. }, function (data) {
  1131. if (data.state.toLowerCase() == "success") {
  1132. var content = data.data;
  1133. $(content).each(function (i, n) {
  1134. $("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo(obj);
  1135. })
  1136. }
  1137. })
  1138. }
  1139. //
  1140. function XG(stg) {
  1141. layer.open({
  1142. type: 2,
  1143. content: "WorkOrderEdit.html?wid=" + stg, //iframe的url,no代表不显示滚动条
  1144. title: '修改',
  1145. area: ['85%', '80%'], //宽高
  1146. });
  1147. }
  1148. </script>
  1149. </body>
  1150. </html>