商丘12345 前端

WorkOrderDispose.html 56KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178
  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= "helper.luyin.view(this)" item="' + val + '" />' +
  874. '</div>';
  875. } else {
  876. return '';
  877. }
  878. }
  879. //查看详情
  880. function ckxqs(str) {
  881. layer.open({
  882. type: 2,
  883. content: "WorkOrderDetail.html?wid=" + str, //iframe的url,no代表不显示滚动条
  884. title: '工单详情',
  885. area: ['85%', '80%'], //宽高
  886. });
  887. }
  888. function ckxq(str) {
  889. $(".jb_ldps").val(ldps);
  890. $("#JArea").val("");
  891. $("#JArea").trigger("change");
  892. $("#wids").val(str);
  893. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
  894. workorderid: str,
  895. "token": $.cookie("token")
  896. }, function (result) {
  897. if (result.state.toLowerCase() == "success") {
  898. var content = result.data;
  899. $(".jb_djbhs").text(content.data[0].F_WorkOrderId);
  900. $("#wids").val(content.data[0].F_WorkOrderId);
  901. $(".bt").text(content.data[0].F_ComTitle);
  902. $(".djbh").text(content.data[0].F_WorkOrderId);
  903. $(".djrq").text(content.data[0].F_RegDate);
  904. $(".xxly").text(content.data[0].SourceName);
  905. //$(".djr").text(content.data[0].UserName);
  906. $(".djr").text(content.data[0].F_UserCode);
  907. $(".zt").text(content.data[0].WorkStateName);
  908. $(".xsfl").text(content.data[0].TypeName1);
  909. $(".nrdl").text(content.data[0].TypeName2);
  910. $(".nrxl").text(content.data[0].TypeName3);
  911. $(".qy").text(content.data[0].AreaName);
  912. $(".sfdz").text(content.data[0].F_SourceAddress);
  913. $('.tsrphone').text(content.data[0].F_ConPhone);
  914. $('.tsrsex').text(content.data[0].F_CusSex);
  915. $('.tsrdz').text(content.data[0].F_CusAddress);
  916. $('.lxrphone').text(content.data[0].F_ConPhone);
  917. $('.qkzy').text(content.data[0].F_ComContent);
  918. if (content.data[0].F_Result) {
  919. var rt = content.data[0].F_Result.replace(/[ ]/g, "&nbsp;").replace(/\ +/g, "&nbsp;").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />");
  920. $(".cljg").html(rt);
  921. }
  922. else {
  923. $(".cljg").html("");
  924. }
  925. $("#result").val(content.data[0].F_Result);
  926. //
  927. if (content.data[0].WorkStateName == "反馈") {
  928. $("#Wjgd").show();
  929. $("#xgcl").show();
  930. } else {
  931. $("#xgcl").hide();
  932. $("#Wjgd").hide();
  933. $("#CP").show();
  934. }
  935. //呈批信息
  936. $("#cpjg").empty();
  937. $(".cpjg_box").hide();
  938. if (content.cpdata.length > 0) {
  939. $(".cpjg_box").show();
  940. }
  941. else {
  942. $(".cpjg_box").hide();
  943. }
  944. $(content.cpdata).each(function (i, n) {
  945. if (n.F_State != '2') {
  946. var ps = '';
  947. if (n.F_SuperOpinion) {
  948. ps = n.F_SuperOpinion.replace(/[ ]/g, "&nbsp;").replace(/\ +/g, "&nbsp;").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />");
  949. }
  950. var html = "<tr><th style='width:200px;'>呈批原因:<td><span class='cpyy'>" + n.F_BatchReason +
  951. "</span></td></th></tr><tr><th>领导批示:<td><span class='ldps'>" +
  952. ps + "</span></td></th></tr>";
  953. $(html).appendTo($("#cpjg"));
  954. } else {
  955. var ps = '';
  956. if (n.F_BackReason) {
  957. ps = n.F_BackReason.replace(/[ ]/g, "&nbsp;").replace(/\ +/g, "&nbsp;").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />");
  958. }
  959. var html = "<tr><th style='width:200px;'>回退类型:<td><span class='cpyy'>" + n.F_BackType +
  960. "</span></td></th></tr><tr><th>回退原因:<td><span class='ldps'>" +
  961. ps + "</span></td></th></tr>";
  962. $(html).appendTo($("#cpjg"));
  963. }
  964. })
  965. //交办信息
  966. $("#jbjl").empty();
  967. $(content.jbdata).each(function (i, n) {
  968. if (n.F_ResultState && n.F_ResultState != '0') {
  969. $(".jbjl_box").show();
  970. var str = '未反馈';
  971. if (n.F_ResultState + '') {
  972. switch (str) {
  973. case '0':
  974. str = '未反馈';
  975. case '1':
  976. str = '按期反馈';
  977. case '2':
  978. str = '逾期反馈';
  979. }
  980. }
  981. var html = '<tr>' +
  982. '<th style="width: 100px;">记录号:</th>' +
  983. '<td><span class="jlh">' + n.F_AssignedId + '</span></td>' +
  984. '<th style="width: 100px;">受理单号:</th>' +
  985. '<td><span class="sldh">' + n.F_WorkOrderId + '</span></td>' +
  986. '<th style="width: 100px;">交办日期:</th>' +
  987. '<td><span class="jbrq">' + n.F_SubmitDate + '</span></td>' +
  988. '<th style="width: 100px;">反馈情况:</th>' +
  989. '<td><span class="fkqk">' + str + '</span></td>' +
  990. '<th style="width: 100px;">交办人:</th>' +
  991. '<td><span class="jbr" >' + n.F_EUserName + '</span></td>' +
  992. '</tr>' +
  993. '<tr>' +
  994. '<th>交办单位:</th>' +
  995. '<td><span class="jbdw">' + n.DeptName + '</span></td>' +
  996. '<th>交办意见:</th>' +
  997. '<td colspan="7"><span class="jbyj">' + n.F_AssignedOpinion + '</span></td>' +
  998. '</tr>';
  999. $(html).appendTo($("#jbjl"));
  1000. }
  1001. })
  1002. if (content.cpdata.length <= 0) {
  1003. $(".jbjl_box").hide();
  1004. }
  1005. //反馈信息
  1006. $("#fkxx").empty();
  1007. if (content.fkdata.length > 0) {
  1008. $(".fkxx_box").show();
  1009. }
  1010. else {
  1011. $(".fkxx_box").hide();
  1012. }
  1013. $(content.fkdata).each(function (i, n) {
  1014. var str = '';
  1015. if (n.F_Satisfaction + '') {
  1016. switch (str) {
  1017. case '0':
  1018. str = '满意';
  1019. case '1':
  1020. str = '基本满意';
  1021. case '2':
  1022. str = '不满意';
  1023. }
  1024. }
  1025. var html = '<tr>' +
  1026. '<th style="width: 100px;">承办单位:</th>' +
  1027. '<td><span class="cbdw">' + n.DeptName + '</span></td>' +
  1028. '<th>反馈时间:</th>' +
  1029. '<td><span class="fksj">' + n.F_BackDate + '</span></td>' +
  1030. '<th>用户满意度:</th>' +
  1031. '<td><span class="myd">' + str + '</span></td>' +
  1032. '</tr>' +
  1033. '<tr>' +
  1034. '<th>反馈内容:</th>' +
  1035. '<td colspan="5"><span class="fknr">' + n.F_Result + '</span></td>' +
  1036. '</tr>';
  1037. $(html).appendTo($("#fkxx"));
  1038. })
  1039. $(".t-shade").show();
  1040. $(".clgd ").show();
  1041. $(".baseinfo").show();
  1042. $(".jbxx_boxs").hide();
  1043. $(".cljg_boxs").hide();
  1044. }
  1045. })
  1046. }
  1047. //完结工单
  1048. function EndWorkOrder() {
  1049. layer.confirm('确定要办结吗?', {
  1050. btn: ['是', '否'] //按钮
  1051. }, function () {
  1052. $.post(huayi.config.callcenter_url + "WorkOrder/EndWorkOrder", {
  1053. workorderid: $("#wids").val(),
  1054. "token": $.cookie("token")
  1055. }, function (result) {
  1056. result = JSON.parse(result);
  1057. /*验证请求*/
  1058. if (result.state.toLowerCase() == "success") {
  1059. layer.msg("办结成功");
  1060. $(".t-shade").hide();
  1061. $(".clgd ").hide();
  1062. initTable();
  1063. }
  1064. });
  1065. });
  1066. }
  1067. //删除工单
  1068. function Move(str) {
  1069. layer.confirm('确定删除当前记录?', {
  1070. btn: ['是', '否'] //按钮
  1071. }, function () {
  1072. var arr = [];
  1073. arr.push(str);
  1074. $.post(huayi.config.callcenter_url + "WorkOrder/DelWorkOrder", {
  1075. ids: arr,
  1076. token: $.cookie("token")
  1077. }, function (data) {
  1078. data = JSON.parse(data);
  1079. /*验证请求*/
  1080. if (data.state == "success") {
  1081. layer.msg("删除成功");
  1082. //重新加载
  1083. initTable();
  1084. }
  1085. });
  1086. });
  1087. }
  1088. //呈批
  1089. function UpWorkOrder(strs) {
  1090. layer.confirm('确定要呈批吗?', {
  1091. btn: ['是', '否'] //按钮
  1092. }, function () {
  1093. var ids = []; ids.push(strs);
  1094. $.post(huayi.config.callcenter_url + "WorkOrder/UpWorkOrder", {
  1095. ids: ids,
  1096. token: $.cookie("token")
  1097. }, function (data) {
  1098. data = JSON.parse(data);
  1099. /*验证请求*/
  1100. if (data.state == "success") {
  1101. $(".t-shade").hide();
  1102. $(".clgd ").hide();
  1103. layer.msg("呈批成功");
  1104. //重新加载
  1105. initTable();
  1106. }
  1107. });
  1108. });
  1109. }
  1110. //加载区域
  1111. function loadArea(obj) {
  1112. obj.empty();
  1113. obj.append('<option selected="selected" value="">请选择</option>');
  1114. $.getJSON(huayi.config.callcenter_url + "Department/GetAreaList", {
  1115. "token": $.cookie("token")
  1116. }, function (data) {
  1117. if (data.state.toLowerCase() == "success") {
  1118. var content = data.data;
  1119. $(content).each(function (i, n) {
  1120. $("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo(obj);
  1121. })
  1122. }
  1123. })
  1124. }
  1125. //
  1126. function XG(stg) {
  1127. layer.open({
  1128. type: 2,
  1129. content: "WorkOrderEdit.html?wid=" + stg, //iframe的url,no代表不显示滚动条
  1130. title: '修改',
  1131. area: ['85%', '80%'], //宽高
  1132. });
  1133. }
  1134. </script>
  1135. </body>
  1136. </html>