Bez popisu

AddAppealPF.html 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="../Script/Common/huayi.load.js"></script>
  6. <script src="../Script/Common/huayi.config.js"></script>
  7. <link href="../css/layer/need/layer.css" />
  8. <link rel="stylesheet" href="../css/init.css" />
  9. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  10. <link rel="stylesheet" href="./css/appeal.css" />
  11. <title>频发舆情工单创办</title>
  12. </head>
  13. <body>
  14. <div class="wrapper wrapper-content animated fadeInRight">
  15. <div class="daoHang clearfix" style="display: none;">
  16. <div class="dhLeft">
  17. <sapn>
  18. <i class="syIcon"></i>位置:
  19. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  20. <a href="javaScript:;">工单处理</a>&gt;
  21. <a href="" class="nowPosition">舆情工单创建</a>
  22. </sapn>
  23. </div>
  24. <div class="dhRight">
  25. <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
  26. </div>
  27. </div>
  28. <div style="padding: 10px;" class="tj_content clearFix">
  29. <div class="Common">
  30. <table>
  31. <tr>
  32. <th class="Importent">案件编号:</th>
  33. <td colspan="3" >
  34. <div style="display: flex;align-items: center;">
  35. <input id="ajbhInputCheck" style="width:50px;height:20px;margin: 0;" type="checkbox" checked />
  36. <div id="tis">自动获取</div>
  37. <div id="ajbhInput" style="display: none;align-items: center; ">
  38. 频【20 &nbsp;<input type="number" style="width:80px;height:20px" id="ajbhInput1" /> &nbsp;】第&nbsp;<input type="number" style="width:80px;height:20px" id="ajbhInput2" />&nbsp;号
  39. </div>
  40. </div>
  41. </td>
  42. </tr>
  43. <tr>
  44. <th class="Importent">题目:</th>
  45. <td>
  46. <input type="text" id="title" />
  47. </td>
  48. <th class="Importent">作者:</th>
  49. <td>
  50. <input type="text" id="cusname" />
  51. </td>
  52. </tr>
  53. <tr>
  54. <th class="Importent">内容简介:</th>
  55. <td colspan="3">
  56. <textarea id="keys" name="" rows="" cols="" placeholder="输入内容简介"></textarea>
  57. </td>
  58. </tr>
  59. <tr>
  60. <th>主要网址:</th>
  61. <td colspan="3">
  62. <input type="text" id="cusaddress" />
  63. </td>
  64. </tr>
  65. <tr>
  66. <th class="Importent">关联提示函:</th>
  67. <td colspan="3" >
  68. <div style="display: flex;align-items: center;">
  69. <div style="align-items: center; ">
  70. 【20 &nbsp;
  71. <input type="number" style="width:80px;height:20px" id="ajbhInputPF1" />
  72. &nbsp;】第&nbsp;
  73. <input type="number" style="width:80px;height:20px" id="ajbhInputPF2" />
  74. &nbsp;号 &nbsp;- &nbsp;
  75. <input type="number" style="width:80px;height:20px" id="ajbhInputPF3" />
  76. </div>
  77. </div>
  78. </td>
  79. </tr>
  80. <tr>
  81. <th>精准地域:</th>
  82. <td>
  83. <select class="select_" id="sourcearea"></select>
  84. </td>
  85. <th>网络发布时间:</th>
  86. <td>
  87. <input type="text" id="publishtime" placeholder="请选择时间" />
  88. </td>
  89. </tr>
  90. <tr>
  91. <th></th>
  92. <td colspan="3">
  93. <textarea id="sourceaddress" name="" rows="" cols="" placeholder="输入详细地址"></textarea>
  94. <!--<input id="sourceaddress" type="text" placeholder="输入详细地址"/>-->
  95. </td>
  96. </tr>
  97. <tr>
  98. <th class="Importent">舆情来源:</th>
  99. <td>
  100. <input type="text" id="source" />
  101. </td>
  102. <th>信息属性:</th>
  103. <td>
  104. <select class="select_" id="infoproperty"></select>
  105. </td>
  106. </tr>
  107. <tr>
  108. <th>舆情等级:</th>
  109. <td>
  110. <select class="select_" id="level">
  111. <option value="1">普通</option>
  112. <option value="2">紧急</option>
  113. </select>
  114. </td>
  115. <!--<th>舆情类型:</th>
  116. <td>
  117. <select class="select_" id="type"></select>
  118. </td>-->
  119. </tr>
  120. <tr>
  121. <th>附件上传:</th>
  122. <td colspan="3">
  123. <div class="fileBox"></div>
  124. <input class="input" type="file" name="upFile" id="upFile" multiple="multiple" style="display: none;" />
  125. <button class="input" type="button" id="scwj">上传</button>
  126. <input class="input" type="button" value="删除附件" id="scfj" style="display:none;" />
  127. <input type="hidden" id="file" />
  128. </br>
  129. <span style="color:#FF0000; border: none;">
  130. (文件格式为png,jpg,mp4,avi,wmv,mp3,pdf,doc,docx,xls,xlsx)
  131. </span>
  132. </td>
  133. </tr>
  134. <tr class="secondBanli">
  135. <th>处理类型:</th>
  136. <td style="display: flex;">
  137. <input type="radio" value="1" name="banli" class="Nows" style="width: 30px;" />当即办理
  138. <input checked="true" type="radio" value="0" name="banli" class="Nows_" style="width: 30px;" />网络转办
  139. </td>
  140. </tr>
  141. <tr class="Nows_box Hidens">
  142. <th>办理内容:</th>
  143. <td colspan="3">
  144. <textarea type="text" id="result" placeholder="输入办理内容"></textarea>
  145. </td>
  146. </tr>
  147. </table>
  148. <div class="btn_box">
  149. <button class="btns SavedSubmit">提交</button>
  150. </div>
  151. <div class="cutEvent">
  152. <button class="btns">粘贴</button>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. <div class="cutPop">
  158. <textarea id="cutText" rows="12"></textarea>
  159. <button class="btns cutTrue" style="margin-left: 46%;">确定</button>
  160. </div>
  161. <script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
  162. <script src="../js/laydate/laydate.js"></script>
  163. <script src="../js/zTree/jquery.ztree.core.js"></script>
  164. <script src="../js/adjustHeight.js"></script>
  165. <script src="../js/module/clipboard.min.js"></script>
  166. <script src="./js/common.js"></script>
  167. <script src="./js/appeal.js"></script>
  168. <script>
  169. var pasteText
  170. var submit, sourceareaObj, sourceObj, typeObj, infopropertyObj, banliValue;
  171. var wid = helper.request.queryString("wid");
  172. // 编辑模式下 隐藏案件编号
  173. if(wid){
  174. $('#ajbhInputCheck').css('display' , 'none')
  175. }
  176. window.addEventListener("paste", function (e) {
  177. const clipdata = e.clipboardData || window.clipboardData;
  178. pasteText = clipdata.getData("text/plain")
  179. });
  180. $(document).ready(function() {
  181. $(document).mouseup(function(e){
  182. var _con = $('.cutPop '); // 设置目标区域
  183. if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1
  184. $(".cutPop").hide()
  185. }
  186. });
  187. //确定按钮
  188. $(".cutTrue").click(function(){
  189. $(".cutPop").hide()
  190. setSubmitText()
  191. })
  192. //粘贴按钮
  193. $(".cutEvent").click(function(){
  194. $(".cutPop").show()
  195. $("#cutText").val('')
  196. })
  197. sourceareaObj = {
  198. ele: "#sourcearea",
  199. apiUrl: "Area/GetAreaListById",
  200. data: {
  201. textKey: 'F_AreaName',
  202. valueKey: 'F_AreaId'
  203. }
  204. }
  205. typeObj = {
  206. ele: "#type",
  207. id: 2
  208. }
  209. infopropertyObj = {
  210. ele: "#infoproperty",
  211. id: 406
  212. }
  213. if($.cookie("code") === "WLDW") {
  214. $(".secondBanli").hide()
  215. } else {
  216. $(".secondBanli").show()
  217. }
  218. if(wid) {
  219. $(".daoHang").hide()
  220. getDetail()
  221. } else {
  222. $(".daoHang").show()
  223. //精准地域
  224. selectCommonFn(sourceareaObj)
  225. //舆情类型
  226. // selectCommonFn(getDicObjFn(typeObj))
  227. //信息属性
  228. selectCommonFn(getDicObjFn(infopropertyObj))
  229. }
  230. laydate.render({
  231. elem: '#publishtime', //指定元素
  232. });
  233. //舆情来源
  234. // selectCommonFn(getDicObjFn("#source",1))
  235. tree()
  236. //当即办理
  237. $('input[name="banli"]').change(function() {
  238. var val = $(this).val();
  239. if(val == "1") {
  240. $(".Nows_box").show();
  241. } else {
  242. $(".Nows_box").hide();
  243. }
  244. })
  245. $('.SavedSubmit').click(function() {
  246. submit = 1;
  247. Add();
  248. })
  249. //上传附件
  250. $("#scwj").click(function() {
  251. $("#upFile").trigger("click");
  252. })
  253. $("#upFile").change(function() {
  254. upload();
  255. })
  256. });
  257. //添加工单
  258. function Add() {
  259. console.log(1)
  260. banliValue = $('input[name="banli"]:checked').val();
  261. if(!$("#title").val()) {
  262. layer.msg("请输入题目");
  263. return ;
  264. }
  265. if(!$("#cusname").val()) {
  266. layer.msg("请输入作者");
  267. return ;
  268. }
  269. if(!$("#keys").val()) {
  270. layer.msg("请输入内容简介");
  271. return ;
  272. }
  273. if(!$("#source").val()) {
  274. layer.msg("请输入舆情来源");
  275. return ;
  276. }
  277. if(banliValue == 1 && !$('#result').val()) {
  278. layer.msg("请输入直办内容");
  279. return ;
  280. }
  281. if( ! Boolean(document.getElementById('ajbhInputCheck').checked )){
  282. if( !$("#ajbhInput1").val() || !$("#ajbhInput2").val() ) {
  283. layer.msg("请输入案件编号");
  284. return ;
  285. }
  286. }
  287. if( !$("#ajbhInputPF1").val() || !$("#ajbhInputPF2").val() ) {
  288. layer.msg("请输入关联提示函");
  289. return ;
  290. }
  291. if(wid) {
  292. apiUrl = "/WorkOrder/EditWorkOrder"
  293. } else {
  294. apiUrl = "/WorkOrder/AddWorkOrder"
  295. }
  296. addHandle(apiUrl)
  297. }
  298. function addHandle(apiUrl) {
  299. var dataParam = {
  300. title: $("#title").val(), //题目
  301. cusname: $("#cusname").val(), //投诉人姓名
  302. keys: $("#keys").val(), //内容简介
  303. cusaddress: $("#cusaddress").val(), //主要地址
  304. sourcearea: $("#sourcearea").val(), //精准地域
  305. publishtime: $("#publishtime").val(), //网络发布时间
  306. sourceaddress: $("#sourceaddress").val(), //详细地址
  307. source: $("#source").val(), //舆情来源
  308. infoproperty: $("#infoproperty").val(), //信息属性
  309. level: $("#level").val(), //舆情等级
  310. type: $("#type").val(), //舆情类型
  311. files: $("#file").val(), //附件(多个用英文逗号,隔开)
  312. isresult: $.cookie("code") === "WLDW" ? 1 : banliValue, //=(0转办1直办)
  313. result: $('#result').val(),
  314. issubmit: 1,
  315. workordertype : 1, //工单类型 0 是舆情工单 1 是频发工单
  316. relatedworkorder : $('#ajbhInputPF3').val() ? `【20${$('#ajbhInputPF1').val()}】第${$('#ajbhInputPF2').val()}号-${$('#ajbhInputPF3').val()}` : `【20${$('#ajbhInputPF1').val()}】第${$('#ajbhInputPF2').val()}号`,
  317. token: $.cookie("token"),
  318. }
  319. if(! Boolean(document.getElementById('ajbhInputCheck').checked )){
  320. dataParam['workorderid'] = `频【20${$('#ajbhInput1').val()}】第${$('#ajbhInput2').val()}号`;
  321. dataParam['time'] = `20${$('#ajbhInput1').val()}`;
  322. dataParam['id'] = `${$('#ajbhInput2').val()}`;
  323. }
  324. if(wid) {
  325. resultParam = Object.assign(dataParam, {
  326. workorderid: wid
  327. })
  328. } else {
  329. resultParam = dataParam
  330. }
  331. $.ajax({
  332. type: "post",
  333. url: huayi.config.callcenter_url + apiUrl,
  334. dataType: 'json',
  335. async: true,
  336. beforeSend: function() { //触发ajax请求开始时执行
  337. $('.SavedSubmit').attr("disabled", true);
  338. $('.SavedSubmit').text('提交中...');
  339. $(document).off('click', '.SavedSubmit', Add);
  340. },
  341. data: dataParam,
  342. success: function(data) {
  343. if (data.state === "success") {
  344. $('.SavedSubmit').attr("disabled", false);
  345. $('.SavedSubmit').text('提交');
  346. $(document).on('click', '.SavedSubmit', Add);
  347. Clean();
  348. $('.fileBox').html('');
  349. if(wid) {
  350. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  351. parent.layer.close(index); //再执行关闭
  352. parent.$('#orderlist').bootstrapTable('refresh');
  353. parent.layer.msg("修改工单成功");
  354. } else {
  355. layer.msg("创建工单成功");
  356. }
  357. }else{
  358. $('.SavedSubmit').attr("disabled", false);
  359. $('.SavedSubmit').text('提交');
  360. layer.msg(data.message);
  361. }
  362. }
  363. });
  364. }
  365. function Clean() {
  366. $("#title").val('')
  367. $("#cusname").val('');
  368. $("#keys").val('');
  369. $("#cusaddress").val('');
  370. $("#sourcearea").val('');
  371. $("#publishtime").val('');
  372. $('#sourceaddress').val('');
  373. $("#source").val('');
  374. $("#infoproperty").val('')
  375. $("#level option:first").prop("selected", 'selected');
  376. $("#type option:first").prop("selected", 'selected');
  377. $("#file").val('')
  378. $(".fileBox").html('')
  379. $("input[name='baomi'][value='0']").prop("checked", true)
  380. $('#result').val('');
  381. $("#ajbhInput1").val('')
  382. $("#ajbhInput2").val('')
  383. $("#ajbhInputPF1").val('')
  384. $("#ajbhInputPF2").val('')
  385. $("#ajbhInputPF3").val('')
  386. let el = document.getElementById('ajbhInputCheck').checked = true;
  387. $('#ajbhInput').css('display' , 'none')
  388. }
  389. function getDetail() {
  390. $.ajax({
  391. type: "get",
  392. url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrder",
  393. dataType: 'json',
  394. async: false,
  395. data: {
  396. workorderid: wid,
  397. token: $.cookie("token")
  398. },
  399. success: function(data) {
  400. if(data.state.toLowerCase() == "success") {
  401. var Data = data.data.data;
  402. // 编辑模式下 回显案件编号
  403. $('#tis').text(Data[0].F_WorkOrderId)
  404. // 回显关联提示函
  405. let reg = /[0-9][0-9]*/g;
  406. let RelatedWorkOrderArr = Data[0].F_RelatedWorkOrder.match(reg);
  407. console.log(Data[0].F_RelatedWorkOrder , RelatedWorkOrderArr)
  408. $("#ajbhInputPF1").val(RelatedWorkOrderArr[0].slice(2));
  409. $("#ajbhInputPF2").val(RelatedWorkOrderArr[1]);
  410. $("#title").val(Data[0].F_ComTitle);
  411. $("#cusname").val(Data[0].F_CusName);
  412. $('#keys').val(Data[0].F_ComContent);
  413. $("#cusaddress").val(Data[0].F_CusAddress)
  414. $("#publishtime").val(Data[0].F_Hcdatetime)
  415. $('#sourceaddress').val(Data[0].F_SourceAddress);
  416. $("#source").val(Data[0].F_Event);
  417. //精准地域
  418. sourceareaObj.getText = Data[0].AreaName
  419. sourceareaObj.getValue = Data[0].F_SourceArea + ''
  420. selectCommonFn(sourceareaObj)
  421. //信息属性
  422. infopropertyObj.getValue = Data[0].F_InfoConBigType
  423. infopropertyObj.getText = Data[0].infopropertyname
  424. selectCommonFn(getDicObjFn(infopropertyObj))
  425. //舆情类型
  426. // typeObj.getValue = Data[0].F_InfoType + ''
  427. // typeObj.getText = Data[0].TypeName1
  428. // selectCommonFn(getDicObjFn(typeObj))
  429. $("#level").val(Data[0].F_Level + '');
  430. if(Data[0].F_Level == "1") {
  431. $("#level option:selected").text("普通"); //乡镇
  432. } else {
  433. $("#level option:selected").text("紧急");
  434. }
  435. $(Data[0].File).each(function(k, q) {
  436. var strs = '<span class="files" fiel-num="' + q.F_FileId + '">' + q.F_FileName.substring(19) + '<i class="fa fa-remove del_file"></i></span>'
  437. $(strs).appendTo($('.fileBox')).find('.del_file').click(function(event) {
  438. event.stopPropagation();
  439. $(this).parent().remove();
  440. file_num()
  441. })
  442. file_num()
  443. })
  444. if(Data[0].F_IsResult == 1) {
  445. $(".Nows_box").toggle();
  446. }
  447. $('input[name="banli"][value="' + Data[0].F_IsResult + '"]').prop("checked", "checked");
  448. $('input[name="banli"]').prop("disabled", "disabled")
  449. $("#result").val(Data[0].F_Result);
  450. }
  451. }
  452. });
  453. }
  454. function setSubmitText(){
  455. var code = pasteText.split(/[\r\n\t]/)
  456. code = code.filter(item => item)
  457. code.forEach(function(n){
  458. var getData = n.split(':')
  459. getData.shift()
  460. var newValue = getData.join(':')
  461. if (n.indexOf('原文链接')!== -1) {
  462. $("#cusaddress").val(newValue)
  463. }else if (n.indexOf('来源网站')!== -1) {
  464. $("#source").val(newValue)
  465. }else if (n.indexOf('内容')!== -1) {
  466. $("#keys").val(newValue)
  467. }else if (n.indexOf('发布时间')!== -1) {
  468. $("#publishtime").val(newValue)
  469. }else if (n.indexOf('标题')!== -1) {
  470. $("#title").val(newValue)
  471. }else if (n.indexOf('作者')!== -1) {
  472. $("#cusname").val(newValue)
  473. }
  474. })
  475. }
  476. // 案件编号事件
  477. {
  478. $('#ajbhInputCheck').on('change' , ({target:{checked}})=>{
  479. if(!checked){
  480. $('#ajbhInput').css('display' , 'flex')
  481. $('#tis').css('display' , 'none')
  482. }else{
  483. $('#ajbhInput').css('display' , 'none')
  484. $('#tis').css('display' , 'block')
  485. }
  486. })
  487. }
  488. </script>
  489. </body>
  490. </html>