index.js 59 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795
  1. $(function () {
  2. var repairMain = JSON.parse(sessionStorage.getItem("repair_main")); //报修主体
  3. var reqHasCategory = JSON.parse(sessionStorage.getItem("reqHasCategory")); //自动建单
  4. var loginUser = JSON.parse(window.sessionStorage.getItem("loginUser")); //用户信息
  5. // demo start
  6. $("#demo").html(template("demo_temp", { account: loginUser.account }));
  7. // demo end
  8. // repairMain.valueconfig = '2';
  9. var placeList = []; //获取到的地点列表
  10. var wxId = ""; //微信报修ID
  11. var processMessageData = null; //详情页流程数据
  12. var dictionary = []; //详情页流程数据
  13. var imgList = []; //待上传的图片信息formData
  14. var imgAjaxNum = 0; //待上传的图片请求计数器
  15. var currentBxOrCh = 0; //0是最新报修列表,1是查号列表
  16. var bx_pageNum = 0; //最新报修或电话查号分页
  17. var bx_arr = { data: [] }; //最新报修所有数据列表
  18. var ch_arr = { list: [] }; //电话查号所有数据列表
  19. var bx_len = 0; //最新报修或电话查号所有数据列表数量
  20. var solution_pageNum = 0; //常见问题分页
  21. var solution_arr = { list: [] }; //常见问题所有数据列表
  22. var solution_len = 0; //常见问题所有数据列表数量
  23. var isSearch = false; //是否搜索常见问题
  24. var isSearch1 = false; //是否搜索电话挂号
  25. var ks_pageNum = 0; //科室下拉列表分页
  26. var ks_len = 0; //科室所有数据列表数量
  27. var ks_arr = { list: [] }; //科室所有数据
  28. // 兼容ie的placeholder
  29. $("input, textarea").placeholder();
  30. //获取报修类别列表seimin
  31. function getEventClass() {
  32. $.ajax({
  33. type: "POST",
  34. contentType: "application/json;charset=UTF-8",
  35. url: baseUrl + "bpm/data/fetchDataList/incidentcategory",
  36. data: JSON.stringify({
  37. idx: 0,
  38. sum: 100,
  39. incidentcategory: { selectType: "one" },
  40. }),
  41. success: function (res) {
  42. if (res.status == 200) {
  43. var html = "";
  44. for (var i = 0; i < res.list.length; i++) {
  45. html +=
  46. '<option value="' +
  47. res.list[i].id +
  48. '">' +
  49. res.list[i].category +
  50. "</option>";
  51. }
  52. $("#bx_eventClass").html(html);
  53. }
  54. },
  55. error: function (err) {
  56. console.log(err);
  57. },
  58. });
  59. }
  60. // 自动建单
  61. if (reqHasCategory.valueconfig == 1) {
  62. getEventClass();
  63. } else {
  64. $("#if_bx_eventClass").remove();
  65. }
  66. // 获取公告列表3条
  67. getNoticeList({ idx: 0, sum: 3, notice: { status: 1 } });
  68. // 获取常见问题列表
  69. getSolutionList({
  70. idx: solution_pageNum,
  71. sum: 10,
  72. solution: { title: "", status: { id: 72 }, solutionRange: 1 },
  73. });
  74. // 获取区域列表
  75. getAreaList({ idx: 0, sum: 1000, area: { wechatArea: true } });
  76. // 获取地点列表
  77. getPlaceList({ idx: 0, sum: 1000, area: { wechatAreaId: "" } });
  78. // 获取WxId
  79. getWxId();
  80. // 获取最新报修列表
  81. getNewBxList(currentBxOrCh);
  82. //获取详情页流程数据
  83. getProcessMessageData();
  84. //获取评价五颗星的数据
  85. getDictionary();
  86. //初始化页面--seimin
  87. function pageInit() {
  88. $("#bx_name").val(loginUser.name); //事件报修表单->报修人
  89. $(".logOut .user").text(loginUser.name); //登录人名称
  90. if (repairMain.valueconfig == 1) {
  91. //报修人
  92. $(".repairFlag").show(); //class是repairFlag的时候显示元素
  93. $(".repairFlagReverse").hide(); //class是repairFlagReverse的时候隐藏元素
  94. $("#bx_tel").val(loginUser.mphone); //事件报修表单->联系电话
  95. } else if (repairMain.valueconfig == 2) {
  96. //报修科室
  97. $(".repairFlag").hide(); //class是repairFlag的时候隐藏元素
  98. $(".repairFrepairFlagReverselag").show(); //class是repairFlagReverse的时候显示元素
  99. $("#bx_tel").val(loginUser.dept ? loginUser.dept.phone : ""); //事件报修表单->联系电话
  100. }
  101. }
  102. pageInit();
  103. //故障地点seimin
  104. // (function () {
  105. // //故障地点带入区域地点
  106. // $('#bx_address').val(loginUser.place ? loginUser.place.area.area + loginUser.place.place : '');
  107. // //点击文本框
  108. // $('#bx_address').on('click', searchAreaPlace);
  109. // //修改文字,实时监听
  110. // $('#bx_address').on('keyup', debounce(searchAreaPlace, 500));
  111. // //报修科室滚动条
  112. // $('#bx_address_ul').niceScroll();
  113. // //故障地点搜索
  114. // function searchAreaPlace() {
  115. // $.ajax({
  116. // type: "POST",
  117. // contentType: "application/json;charset=UTF-8",
  118. // url: baseUrl + "apply/bpm/searchFaultLocation",
  119. // data: JSON.stringify({ "searchKey": $('#bx_address').val() }),
  120. // success: function (res) {
  121. // if (res.state == 200) {
  122. // $('#bx_address_ul').find('li').off('click');
  123. // var html = template('bx_address_ul_temp', { list: res.result });
  124. // $('#bx_address_ul').html(html).show().find('li').on('click', function () {
  125. // $('#bx_address').val($(this).text());//文本框赋值
  126. // $('#bx_address_ul').hide();
  127. // })
  128. // }
  129. // },
  130. // error: function (err) {
  131. // console.log(err);
  132. // }
  133. // });
  134. // }
  135. // //点击空白处隐藏
  136. // $(document).on('click', function (e) {
  137. // if (e.target !== $('#bx_address').get(0)) {
  138. // $('#bx_address_ul').hide();
  139. // //模拟placeholder
  140. // if ($('#bx_address').val() == '') {
  141. // $('#bx_address').val('请输入故障地点');
  142. // }
  143. // }
  144. // })
  145. // })();
  146. //报修科室seimin
  147. (function () {
  148. //自动带入报修科室
  149. if (loginUser.dept) {
  150. $("#bx_ks").val(loginUser.dept.dept).data("id", loginUser.dept.id);
  151. } else {
  152. $("#bx_address").val("请输入详细的地址");
  153. }
  154. //点击文本框
  155. $("#bx_ks").on("click", function () {
  156. ks_arr.list = [];
  157. ks_pageNum = 0;
  158. getDepartmentList(0);
  159. $("#bx_ks_ul").scrollTop(0);
  160. });
  161. //修改文字,实时监听
  162. $("#bx_ks").on(
  163. "keyup",
  164. debounce(function () {
  165. ks_arr.list = [];
  166. ks_pageNum = 0;
  167. getDepartmentList(0);
  168. $("#bx_ks_ul").scrollTop(0);
  169. }, 500)
  170. );
  171. //报修科室必须选中下拉框,否则恢复为默认值
  172. $("#bx_ks").on("blur", function () {
  173. //自动带入报修科室
  174. if (loginUser.dept) {
  175. // document.title +=1;
  176. $(this).val(loginUser.dept.dept).data("id", loginUser.dept.id);
  177. } else {
  178. $(this).val("").data("id", "");
  179. }
  180. });
  181. //报修科室滚动条
  182. $("#bx_ks_ul").niceScroll();
  183. //滚动加载
  184. $("#bx_ks_ul").on(
  185. "scroll",
  186. debounce(function () {
  187. var itemLen = $(this).find("li").length;
  188. var itemHeight = $(this).find("li").outerHeight();
  189. var wrapHeight = $(this).outerHeight();
  190. var max = itemLen * itemHeight - wrapHeight;
  191. var diff = max - $(this).scrollTop();
  192. if (Math.abs(diff) < 200) {
  193. ks_pageNum++;
  194. if (ks_len != itemLen) {
  195. ks_len = itemLen;
  196. getDepartmentList(ks_pageNum);
  197. }
  198. }
  199. }, 500)
  200. );
  201. //获取科室信息
  202. function getDepartmentList(idx) {
  203. $.ajax({
  204. type: "POST",
  205. contentType: "application/json;charset=UTF-8",
  206. url: baseUrl + "user/data/fetchDataList/department",
  207. data: JSON.stringify({
  208. idx: idx,
  209. sum: 50,
  210. department: { dept: $("#bx_ks").val() },
  211. }),
  212. success: function (res) {
  213. if (res.status == 200) {
  214. $("#bx_ks_ul").find("li").off("click");
  215. //添加分页数据,汇总
  216. ks_arr.list = ks_arr.list.concat(res.list);
  217. var html = template("bx_ks_ul_temp", ks_arr);
  218. // 选中科室
  219. $("#bx_ks_ul")
  220. .html(html)
  221. .show()
  222. .find("li")
  223. .on("click", function () {
  224. // document.title +=2;
  225. $("#bx_ks").val($(this).text()).data("id", $(this).data("id")); //文本框赋值
  226. // 故障地点和电话联动
  227. var id = $(this).data("id");
  228. for (var i = 0; i < ks_arr.list.length; i++) {
  229. if (ks_arr.list[i].id == id) {
  230. $("#bx_tel").val(ks_arr.list[i].phone);
  231. $("#bx_address").val(
  232. ks_arr.list[i].place.place
  233. ? ks_arr.list[i].place.area.area +
  234. ks_arr.list[i].place.place
  235. : ks_arr.list[i].place.area
  236. );
  237. }
  238. }
  239. $("#bx_ks_ul").hide();
  240. });
  241. }
  242. },
  243. error: function (err) {
  244. console.log(err);
  245. },
  246. });
  247. }
  248. //点击空白处隐藏
  249. $(document).on("click", function (e) {
  250. if (e.target !== $("#bx_ks").get(0)) {
  251. $("#bx_ks_ul").hide();
  252. //模拟placeholder
  253. if ($("#bx_ks").val() == "") {
  254. $("#bx_ks").val("请选择报修科室");
  255. }
  256. }
  257. });
  258. })();
  259. // 滚动条
  260. $(".r-list").niceScroll();
  261. $(".form").niceScroll();
  262. $(".con-wrap").niceScroll();
  263. // pop1HdScroll();
  264. //placeholder
  265. $("#searchPro")
  266. .on("focus", function () {
  267. if ($(this).val() == "请输入关键字") {
  268. $(this).val("");
  269. }
  270. })
  271. .on("blur", function () {
  272. if ($(this).val() == "") {
  273. $(this).val("请输入关键字");
  274. }
  275. });
  276. $("#bx_address").on("focus", function () {
  277. if ($(this).val() == "请输入详细的地址") {
  278. $(this).val("");
  279. }
  280. });
  281. $("#bx_ks").on("focus", function () {
  282. if ($(this).val() == "请选择报修科室") {
  283. $(this).val("");
  284. }
  285. });
  286. $("#bx_description")
  287. .on("focus", function () {
  288. if ($(this).val() == "请输入报修的内容") {
  289. $(this).val("");
  290. }
  291. })
  292. .on("blur", function () {
  293. if ($(this).val() == "") {
  294. $(this).val("请输入报修的内容");
  295. }
  296. });
  297. $("#bx_name")
  298. .on("focus", function () {
  299. if ($(this).val() == "请输入联系人") {
  300. $(this).val("");
  301. }
  302. })
  303. .on("blur", function () {
  304. if ($(this).val() == "") {
  305. $(this).val("请输入联系人");
  306. }
  307. });
  308. $("#bx_tel")
  309. .on("focus", function () {
  310. if ($(this).val() == "请输入联系电话") {
  311. $(this).val("");
  312. }
  313. })
  314. .on("blur", function () {
  315. if ($(this).val() == "") {
  316. $(this).val("请输入联系电话");
  317. }
  318. });
  319. //报修图片预览
  320. $(".formItem .f-images-item--file .f-file").on("change", function () {
  321. if (!isLtIe10()) {
  322. //ie>=10
  323. var file = $(this)[0].files[0]; //获取文件信息
  324. var $this = $(this);
  325. //防止ie10,ie11触发两次change
  326. if (file == null) {
  327. return;
  328. }
  329. //小于10M&&格式是png与jpg
  330. if (file.size.toFixed(1) < 10 * 1024 * 1024 && isAllowFile(file.name)) {
  331. var reader = new FileReader(); //调用FileReader
  332. reader.readAsDataURL(file); //将文件读取为 DataURL(base64)
  333. reader.onload = function (evt) {
  334. //读取操作完成时触发。
  335. $this.val(""); //清空file的值
  336. //最多3张图
  337. if ($("#f-images-list").find(".f-images-item").length == 3) {
  338. $("#f-images-list").find(".f-images-item--file").hide();
  339. } else {
  340. $("#f-images-list").find(".f-images-item--file").show();
  341. }
  342. var formData = new FormData();
  343. formData.append("fileName", file.name);
  344. formData.append("file", file);
  345. var imgId = uuid.v4(); //id
  346. imgList.push({ list: formData, id: imgId });
  347. $("#f-images-list").prepend(
  348. $(
  349. '<li class="f-images-item" data-id="' +
  350. imgId +
  351. '"><div class="f-thumb-wrap"><img class="f-thumb" src="' +
  352. evt.target.result +
  353. '"><i class="f-thumb-close iconfont dsit-false-circle"></i></div></li>'
  354. )
  355. );
  356. //取消上传图片
  357. $(".formItem .f-images-item .f-thumb-close").on("click", function () {
  358. for (var i = 0; i < imgList.length; i++) {
  359. if (
  360. imgList[i].id == $(this).closest(".f-images-item").data("id")
  361. ) {
  362. imgList.splice(i, 1);
  363. break;
  364. }
  365. }
  366. $(this).closest(".f-images-item").remove();
  367. if ($("#f-images-list").find(".f-images-item").length == 4) {
  368. $("#f-images-list").find(".f-images-item--file").hide();
  369. } else {
  370. $("#f-images-list").find(".f-images-item--file").show();
  371. }
  372. });
  373. };
  374. } else {
  375. alert("图片只能使JPG或PNG格式,并且不能超过10M");
  376. }
  377. } else {
  378. var cloneObj1 = $(".f-images-item").eq(0).clone(true); //克隆默认
  379. cloneObj1.find(".f-thumb-wrap").remove(); //移除图片
  380. cloneObj1.find(".f-thumb-close").remove(); //移除X
  381. cloneObj1.find(".iframe-upload").remove(); //移除iframe
  382. var cloneObj2 = $(".f-images-item").eq(0).clone(true); //克隆默认
  383. cloneObj2.find(".f-thumb-wrap").remove(); //移除图片
  384. cloneObj2.find(".f-thumb-close").remove(); //移除X
  385. cloneObj2.find(".iframe-upload").remove(); //移除iframe
  386. $(this).get(0).select();
  387. $(this).get(0).blur(); //ie9兼容
  388. var url = document.selection.createRange().text;
  389. if (/.+\.(jpg|png|jpeg)$/.test(url)) {
  390. var urlIndex = url.lastIndexOf("\\");
  391. var urlFileName = url.substr(urlIndex + 1); //文件名
  392. var ieImgId = uuid.v4();
  393. imgList.push({ fileName: urlFileName, id: ieImgId });
  394. $(this).closest(".f-images-item").data("id", ieImgId); //绑定id到元素上
  395. $(this)
  396. .closest(".form-file")
  397. .after(
  398. $(
  399. '<div class="f-thumb-wrap"><i class="f-thumb" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=' +
  400. url +
  401. ')></i><i style="display:none"></i></div>'
  402. )
  403. );
  404. $(this)
  405. .closest(".form-file")
  406. .after($('<i class="f-thumb-close iconfont dsit-false-circle"></i>'));
  407. $(this)
  408. .closest(".form-file")
  409. .after(
  410. $(
  411. '<iframe class="iframe-upload" name="imgupload' +
  412. ieImgId +
  413. '" style="display: none;"></iframe>'
  414. )
  415. );
  416. $(this).after(
  417. $(
  418. '<input type="text" name="fileName" style="display:none" value="' +
  419. urlFileName +
  420. '">'
  421. )
  422. );
  423. $(this)
  424. .closest(".form-file")
  425. .attr("target", "imgupload" + ieImgId);
  426. if ($("#f-images-list").find(".f-images-item").length < 3) {
  427. $("#f-images-list").append(cloneObj1);
  428. }
  429. //取消上传图片(取消------------------)
  430. $(".formItem .f-images-item .f-thumb-close").on("click", function () {
  431. for (var i = 0; i < imgList.length; i++) {
  432. if (
  433. imgList[i]["id"] == $(this).closest(".f-images-item").data("id")
  434. ) {
  435. imgList.splice(i, 1);
  436. break;
  437. }
  438. }
  439. $(this).closest(".f-images-item").remove();
  440. if ($(".formItem .f-images-item").length == imgList.length) {
  441. $("#f-images-list").append(cloneObj2);
  442. }
  443. });
  444. } else {
  445. alert("图片只能使JPG或PNG格式,并且不能超过10M");
  446. }
  447. }
  448. });
  449. //常见问题搜索
  450. $("#searchProSubmit").on("click", search);
  451. $("#searchPro").on("keyup", function (e) {
  452. if (e.keyCode == 13) {
  453. search();
  454. }
  455. });
  456. function search() {
  457. solution_pageNum = 0;
  458. var val =
  459. $.trim($("#searchPro").val()) == "请输入关键字"
  460. ? ""
  461. : $.trim($("#searchPro").val());
  462. isSearch = true;
  463. getSolutionList({
  464. idx: solution_pageNum,
  465. sum: 10,
  466. solution: { title: val, status: { id: 72 } },
  467. });
  468. }
  469. //选择框联动
  470. $("#area_list").on("change", function () {
  471. //获取id
  472. var id = $(this).val();
  473. // 过滤数据
  474. var resFilter = { list: [] };
  475. for (var i = 0; i < placeList.length; i++) {
  476. if (placeList[i]["area"]["id"] == id) {
  477. resFilter.list.push(placeList[i]);
  478. }
  479. }
  480. //填充数据
  481. var html = template("place_list_temp", resFilter);
  482. $("#place_list").html(html);
  483. });
  484. // 提交报修
  485. $("#f-submit").on("click", function () {
  486. //按钮禁止
  487. $(this).prop("disabled", true);
  488. $(this).addClass("f-submit--disable");
  489. if (repairMain.valueconfig == 2) {
  490. //如果是报修科室
  491. if (
  492. $("#bx_ks").val().replace(/\s/g, "") === "" ||
  493. $("#bx_ks").val().replace(/\s/g, "") === "请选择报修科室"
  494. ) {
  495. alert("报修科室不能为空");
  496. //按钮禁止取消
  497. $(this).removeProp("disabled");
  498. $(this).removeClass("f-submit--disable");
  499. return;
  500. }
  501. }
  502. if (repairMain.valueconfig == 1) {
  503. //如果是报修人
  504. if (
  505. $("#bx_name").val().replace(/\s/g, "") === "" ||
  506. $("#bx_name").val().replace(/\s/g, "") === "请输入联系人"
  507. ) {
  508. alert("联系人不能为空");
  509. //按钮禁止取消
  510. $(this).removeProp("disabled");
  511. $(this).removeClass("f-submit--disable");
  512. return;
  513. }
  514. } else if (repairMain.valueconfig == 2) {
  515. //报修主体是报修科室的话,非必填
  516. if ($("#bx_name").val().replace(/\s/g, "") === "请输入联系人") {
  517. $("#bx_name").val("");
  518. }
  519. }
  520. if ($("#area_list").val() < 1) {
  521. alert("区域不能为空");
  522. //按钮禁止取消
  523. $(this).removeProp("disabled");
  524. $(this).removeClass("f-submit--disable");
  525. return;
  526. }
  527. if ($("#place_list").val() < 1) {
  528. alert("地点不能为空");
  529. //按钮禁止取消
  530. $(this).removeProp("disabled");
  531. $(this).removeClass("f-submit--disable");
  532. return;
  533. }
  534. if (
  535. $("#bx_tel").val().replace(/\s/g, "") === "" ||
  536. $("#bx_tel").val().replace(/\s/g, "") === "请输入联系电话" ||
  537. !/^[\d\-]*$/.test($("#bx_tel").val())
  538. ) {
  539. alert("请输入正确的联系电话");
  540. //按钮禁止取消
  541. $(this).removeProp("disabled");
  542. $(this).removeClass("f-submit--disable");
  543. return;
  544. }
  545. if (
  546. $("#bx_address").val().replace(/\s/g, "") === "" ||
  547. $("#bx_address").val() == "请输入详细的地址"
  548. ) {
  549. alert("地址不能为空");
  550. //按钮禁止取消
  551. $(this).removeProp("disabled");
  552. $(this).removeClass("f-submit--disable");
  553. return;
  554. }
  555. if (
  556. $("#bx_description").val().replace(/\s/g, "") === "" ||
  557. $("#bx_description").val() == "请输入报修的内容"
  558. ) {
  559. alert("报修内容不能为空");
  560. //按钮禁止取消
  561. $(this).removeProp("disabled");
  562. $(this).removeClass("f-submit--disable");
  563. return;
  564. }
  565. var data = { verification: "true" };
  566. data.incident = {
  567. address: $.trim($("#bx_address").val()),
  568. areaId: $.trim($("#area_list").val()),
  569. bxcode: wxId,
  570. contacts: $.trim($("#bx_name").val()),
  571. contactsInformation: $("#bx_tel").val(),
  572. description: $.trim($("#bx_description").val()),
  573. fileUrl: "url",
  574. placeId: $.trim($("#place_list").val()),
  575. requester: loginUser,
  576. sourceType: "wechatUserIncident",
  577. };
  578. // 自动建单
  579. if (reqHasCategory.valueconfig == 1) {
  580. data.incident.categoryId = $("#bx_eventClass").val();
  581. }
  582. data.loginUser = {
  583. id: loginUser.id,
  584. account: loginUser.account,
  585. };
  586. if (repairMain.valueconfig == "2") {
  587. //如果有报修科室
  588. data.incident.deptId = $("#bx_ks").data("id");
  589. }
  590. addBxMsg(data);
  591. });
  592. // 注销登录
  593. $(".logOut .logOutBtn").on("click", function () {
  594. logout();
  595. });
  596. $(".logOut").on("click", function () {
  597. $(this).find(".down").toggleClass("up");
  598. if ($(this).find(".up").length > 0) {
  599. $(".logOut .logOutWrap").show();
  600. } else {
  601. $(".logOut .logOutWrap").hide();
  602. }
  603. return false;
  604. });
  605. $(document).click(function (e) {
  606. if ($(this).find(".up").length > 0) {
  607. $(this).find(".down").removeClass("up");
  608. $(".logOut .logOutWrap").hide();
  609. }
  610. });
  611. //切换最新报修列表和查号列表tab baba
  612. // var currentBxOrCh = 0; //0是最新报修列表,1是查号列表
  613. $(".opcBg .opcBg_item").on("click", function () {
  614. $("#bx_list").scrollTop(0);
  615. bx_pageNum = 0;
  616. bx_len = 0;
  617. bx_arr.data = [];
  618. ch_arr.list = [];
  619. currentBxOrCh = $(this).index();
  620. if(currentBxOrCh === 0){
  621. $('.right .r-list').css('top','41px')
  622. }else if(currentBxOrCh === 1){
  623. $('.right .r-list').css('top','63px')
  624. }
  625. $(this).addClass("active").siblings().removeClass("active");
  626. getNewBxList(currentBxOrCh);
  627. });
  628. //最新报修列表或挂号滚动加载
  629. $("#bx_list").on(
  630. "scroll",
  631. debounce(function () {
  632. if($.trim($('.opcBg_item.active').text()) === '电话查号'){
  633. return;
  634. }
  635. var itemLen = $(this).find(".r-item").length;
  636. var itemHeight = $(this).find(".r-item").outerHeight();
  637. var wrapHeight = $(this).outerHeight();
  638. var max = itemLen * itemHeight - wrapHeight;
  639. var diff = max - $(this).scrollTop();
  640. if (Math.abs(diff) < 200 && $(this).scrollTop()) {
  641. bx_pageNum++;
  642. if (bx_len != itemLen) {
  643. bx_len = itemLen;
  644. isSearch1 = false;
  645. getNewBxList(currentBxOrCh);
  646. }
  647. }
  648. }, 500)
  649. );
  650. //常见问题滚动加载
  651. $("#solution_list").on(
  652. "scroll",
  653. debounce(function () {
  654. var itemLen = $(this).find(".infoItem").length;
  655. var itemHeight = $(this).find(".infoItem").outerHeight();
  656. var wrapHeight = $(this).outerHeight();
  657. var max = itemLen * itemHeight - wrapHeight;
  658. var diff = max - $(this).scrollTop();
  659. if (Math.abs(diff) < 200) {
  660. solution_pageNum++;
  661. if (solution_len != itemLen) {
  662. solution_len = itemLen;
  663. isSearch = false;
  664. getSolutionList({
  665. idx: solution_pageNum,
  666. sum: 10,
  667. solution: {
  668. title: $.trim($("#searchPro").val()),
  669. status: { id: 72 },
  670. },
  671. });
  672. }
  673. }
  674. }, 500)
  675. );
  676. // ----------------------------------------
  677. // 弹窗
  678. function pop1Handle(obj) {
  679. var defaults = {
  680. width: 600, //长
  681. height: 630, //宽
  682. title: "标题", //弹窗顶部标题
  683. confirmTitle: "确认按钮", //底部确认按钮
  684. cancelTitle: "取消按钮", //底部取消按钮
  685. onlyButton: true, //底部是否只有一个按钮
  686. confirmHandle: null, //确认按钮回调
  687. twoConfirmClose: true, //确认按钮是否关闭弹窗(2个按钮)
  688. oneConfirmClose: true, //确认按钮是否关闭弹窗(1个按钮)
  689. };
  690. $.extend(defaults, obj);
  691. if (defaults.onlyButton) {
  692. $("#pop1 .pop1-oneBtn").show();
  693. $("#pop1 .pop1-twoBtn").hide();
  694. } else {
  695. $("#pop1 .pop1-oneBtn").hide();
  696. $("#pop1 .pop1-twoBtn").show();
  697. }
  698. $("#pop1")
  699. .css({ width: defaults.width, height: defaults.height })
  700. .find(".pop1-title span")
  701. .text(defaults.title)
  702. .closest(".pop1-title")
  703. .nextAll(".pop1-operate")
  704. .find(".twoConfirm")
  705. .text(defaults.confirmTitle)
  706. .next(".twoCancel")
  707. .text(defaults.cancelTitle)
  708. .closest(".pop1-operate")
  709. .find(".oneConfirm")
  710. .text(defaults.confirmTitle)
  711. .closest("#pop1")
  712. .fadeIn("fast");
  713. showMask();
  714. //点击确定按钮
  715. $("#pop1 .oneConfirm,#pop1 .twoConfirm").on(
  716. "click",
  717. { defaults: defaults },
  718. callback
  719. );
  720. //点击按钮隐藏弹层
  721. $("#pop1 .pop1-title-icon,#pop1 .twoCancel").on("click", pop1Hide);
  722. if (defaults.twoConfirmClose) {
  723. $("#pop1 .twoConfirm").on("click", pop1Hide);
  724. }
  725. if (defaults.oneConfirmClose) {
  726. $("#pop1 .oneConfirm").on("click", pop1Hide);
  727. }
  728. }
  729. //回调
  730. function callback(event) {
  731. if (
  732. event.data.defaults.confirmHandle &&
  733. typeof event.data.defaults.confirmHandle === "function"
  734. ) {
  735. event.data.defaults.confirmHandle();
  736. }
  737. }
  738. //显示弹窗
  739. function pop1Show() {
  740. $("#pop1").fadeIn("fast");
  741. showMask();
  742. }
  743. //隐藏弹窗
  744. function pop1Hide() {
  745. $("#pop1").fadeOut("fast");
  746. hideMask();
  747. $(".oneConfirm,.twoConfirm").off("click", callback);
  748. }
  749. //显示遮罩
  750. function showMask() {
  751. $("#mask").fadeIn("fast");
  752. }
  753. //隐藏遮罩
  754. function hideMask() {
  755. $("#mask").fadeOut("fast");
  756. }
  757. //成功提示
  758. function tipsSuccess(msg, isUpadte) {
  759. var html = template("tips_detail_temp", { msg: msg });
  760. var isUpadte = isUpadte == undefined ? true : false;
  761. $("#pop1").html(html);
  762. pop1Handle({
  763. width: 340,
  764. height: 230,
  765. title: "提示",
  766. confirmTitle: "知道了",
  767. onlyButton: true,
  768. confirmHandle: function () {
  769. if (isUpadte) {
  770. location.reload();
  771. }
  772. },
  773. });
  774. }
  775. //公告里面的date字符串截取
  776. template.defaults.imports.dateTime = function (date) {
  777. return date.slice(0, 19);
  778. };
  779. // 格式化日期
  780. template.defaults.imports.dateFormat = function (time) {
  781. var date = new Date(time);
  782. var year = date.getFullYear();
  783. var month =
  784. date.getMonth() + 1 < 10
  785. ? "0" + (date.getMonth() + 1)
  786. : date.getMonth() + 1;
  787. var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
  788. var hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
  789. var minute =
  790. date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
  791. var second =
  792. date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
  793. return (
  794. year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second
  795. );
  796. };
  797. //添加滚动条
  798. function pop1HdScroll() {
  799. $(".pop1-hd").niceScroll();
  800. }
  801. //重新计算
  802. function pop1HdResize() {
  803. pop1HdScroll();
  804. }
  805. //获取上传文件的后缀名
  806. function getFileExt(fileName) {
  807. if (!fileName) {
  808. return "";
  809. }
  810. var _index = fileName.lastIndexOf(".");
  811. if (_index < 1) {
  812. return "";
  813. }
  814. return fileName.substr(_index + 1);
  815. }
  816. //是否是允许上传文件格式
  817. function isAllowFile(fileName, allowType) {
  818. var fileExt = getFileExt(fileName).toLowerCase();
  819. if (!allowType) {
  820. allowType = ["jpg", "jpeg", "png"];
  821. }
  822. if ($.inArray(fileExt, allowType) != -1) {
  823. return true;
  824. }
  825. return false;
  826. }
  827. // 防抖
  828. function debounce(fn, delay) {
  829. var timer = null;
  830. return function () {
  831. var self = this,
  832. args = arguments;
  833. clearTimeout(timer);
  834. timer = setTimeout(function () {
  835. fn.apply(self, args);
  836. }, delay);
  837. };
  838. }
  839. // ------------------------------
  840. // -------------交互---------
  841. // 获取公告列表3条
  842. function getNoticeList(data) {
  843. $("#notice_list .loading").show();
  844. $.ajax({
  845. type: "POST",
  846. contentType: "application/json;charset=UTF-8",
  847. url: baseUrl + "user/data/fetchDataList/notice",
  848. data: JSON.stringify(data),
  849. success: function (res) {
  850. if (res.status == 200) {
  851. $("#notice_list .loading").hide();
  852. var html = template("notice_list_temp", res);
  853. $("#notice_list").html(html);
  854. // 公告详情
  855. $("#notice_list .detail").on("click", function () {
  856. //获取id
  857. var id = $(this).data("id");
  858. // 过滤数据
  859. var resFilter = [];
  860. for (var i = 0; i < res.list.length; i++) {
  861. if (res.list[i]["id"] == id) {
  862. resFilter = res.list[i];
  863. }
  864. }
  865. //填充弹窗数据
  866. var html = template("notice_detail_temp", resFilter);
  867. $("#pop1").html(html);
  868. //弹窗展示
  869. pop1Handle({
  870. title: "公告详情",
  871. confirmTitle: "知道了",
  872. onlyButton: true,
  873. });
  874. });
  875. }
  876. },
  877. error: function (err) {
  878. console.log(err);
  879. },
  880. });
  881. }
  882. //获取常见问题
  883. function getSolutionList(data) {
  884. $("#solution_list").hide().next(".loading").show();
  885. $.ajax({
  886. type: "POST",
  887. contentType: "application/json;charset=UTF-8",
  888. url: baseUrl + "solution/fetchDataList/solution",
  889. data: JSON.stringify(data),
  890. success: function (res) {
  891. if (res.status == 200) {
  892. //搜索问题
  893. if (isSearch) {
  894. solution_arr.list = [];
  895. }
  896. solution_arr.list = solution_arr.list.concat(res.list);
  897. var html = template("solution_list_temp", solution_arr);
  898. $("#solution_list").html(html);
  899. //触发
  900. $("#solution_list").getNiceScroll().resize();
  901. // 点击详情
  902. $("#solution_list .detail").on("click", function () {
  903. //获取id
  904. var id = $(this).data("id");
  905. // 过滤数据
  906. var resFilter = [];
  907. for (var i = 0; i < solution_arr.list.length; i++) {
  908. if (solution_arr.list[i]["id"] == id) {
  909. resFilter = solution_arr.list[i];
  910. }
  911. }
  912. //点赞是否禁用
  913. getStarIf(id, function (data) {
  914. resFilter.starIf = data.result;
  915. //填充弹窗数据
  916. var html = template("solution_detail_temp", resFilter);
  917. $("#pop1").html(html);
  918. //弹窗展示
  919. pop1Handle({
  920. title: "知识库查看",
  921. confirmTitle: "点赞(" + resFilter.star + ")",
  922. onlyButton: true,
  923. oneConfirmClose: false,
  924. confirmHandle: function () {
  925. if (resFilter.starIf) {
  926. //可以点赞
  927. $.ajax({
  928. type: "GET",
  929. contentType: "application/json;charset=UTF-8",
  930. url:
  931. baseUrl +
  932. "solution/star/requester/" +
  933. resFilter.id +
  934. "/" +
  935. loginUser.id,
  936. cache: false,
  937. success: function (res) {
  938. if (res.status == 200) {
  939. tipsSuccess("点赞成功");
  940. }
  941. },
  942. error: function (err) {
  943. console.log(err);
  944. },
  945. });
  946. } else {
  947. //不能点赞
  948. tipsSuccess("已经点过赞了", false);
  949. }
  950. },
  951. });
  952. });
  953. });
  954. $("#solution_list").show().next(".loading").hide();
  955. }
  956. },
  957. error: function (err) {
  958. console.log(err);
  959. },
  960. });
  961. }
  962. //获取区域列表
  963. function getAreaList(data) {
  964. $.ajax({
  965. type: "POST",
  966. contentType: "application/json;charset=UTF-8",
  967. url: baseUrl + "user/data/fetchDataList/area",
  968. data: JSON.stringify(data),
  969. success: function (res) {
  970. if (res.status == 200) {
  971. var html = template("area_list_temp", res);
  972. $("#area_list").html(html);
  973. }
  974. },
  975. error: function (err) {
  976. console.log(err);
  977. },
  978. });
  979. }
  980. //获取地点列表
  981. function getPlaceList(data) {
  982. $.ajax({
  983. type: "POST",
  984. contentType: "application/json;charset=UTF-8",
  985. url: baseUrl + "user/data/fetchDataList/place",
  986. data: JSON.stringify(data),
  987. success: function (res) {
  988. if (res.status == 200) {
  989. var html = template("place_list_temp", res);
  990. $("#place_list").html(html);
  991. placeList = res.list;
  992. }
  993. },
  994. error: function (err) {
  995. console.log(err);
  996. },
  997. });
  998. }
  999. //获取微信报修ID
  1000. function getWxId() {
  1001. $.ajax({
  1002. type: "GET",
  1003. contentType: "application/json;charset=UTF-8",
  1004. url: baseUrl + "bpm/bpm/restful/wxbx",
  1005. cache: false,
  1006. success: function (res) {
  1007. if (res.status == 200) {
  1008. wxId = res.data;
  1009. }
  1010. },
  1011. error: function (err) {
  1012. console.log(err);
  1013. },
  1014. });
  1015. }
  1016. // 提交报修
  1017. function addBxMsg(data) {
  1018. $.ajax({
  1019. type: "POST",
  1020. contentType: "application/json;charset=UTF-8",
  1021. url: baseUrl + "apply/bpm/addWxIncident",
  1022. data: JSON.stringify(data),
  1023. success: function (res) {
  1024. if (res.state == 200) {
  1025. //按钮禁止取消
  1026. $(this).removeProp("disabled");
  1027. $(this).removeClass("f-submit--disable");
  1028. if (imgList.length > 0) {
  1029. for (var i = 0; i < imgList.length; i++) {
  1030. imgAjaxNum++;
  1031. if (!isLtIe10()) {
  1032. //标准浏览器
  1033. // if (imgList[i].has('id')) {
  1034. // //删除formData中的id,以便提交上传
  1035. // imgList[i]['delete']('id');
  1036. // }
  1037. addImgList(res.incident.id, imgList[i].list);
  1038. } else {
  1039. addImgListIE(res.incident.id, imgList[i].id);
  1040. }
  1041. }
  1042. } else {
  1043. tipsSuccess("提交事件报修成功");
  1044. }
  1045. }
  1046. },
  1047. error: function (err) {
  1048. console.log(err);
  1049. },
  1050. });
  1051. }
  1052. //处理查号
  1053. function handlerCh(val,list){
  1054. //触发
  1055. $("#bx_list").getNiceScroll().resize();
  1056. $("#bx_list").show().next(".loading").hide();
  1057. // 回显
  1058. $("#searchPro1").val(val === "" ? "可简拼、名称搜索" : val);
  1059. //placeholder
  1060. $("#searchPro1")
  1061. .on("focus", function () {
  1062. if ($(this).val() == "可简拼、名称搜索") {
  1063. $(this).val("");
  1064. }
  1065. })
  1066. .on("blur", function () {
  1067. if ($(this).val() == "") {
  1068. $(this).val("可简拼、名称搜索");
  1069. }
  1070. });
  1071. //电话挂号搜索
  1072. $("#searchProSubmit1").on("click", search1);
  1073. $("#searchPro1").on("keyup", function (e) {
  1074. if (e.keyCode == 13) {
  1075. search1();
  1076. }
  1077. });
  1078. //点击单位或部门
  1079. $('.ch-search').click(function(e){
  1080. console.log(list.list);
  1081. console.log($(this).index());
  1082. var index = $(this).index();
  1083. var obj = list.list[index];
  1084. var data = {};
  1085. if(obj.unit.id){
  1086. //部门
  1087. data.list = [obj];
  1088. var html = template("ch_list_temp", data);
  1089. $("#bx_list").html(html);
  1090. //处理
  1091. handlerCh(val,data);
  1092. }else{
  1093. //单位
  1094. $.ajax({
  1095. type: "POST",
  1096. contentType: "application/json;charset=UTF-8",
  1097. url: baseUrl + "user/queryPhone",
  1098. data: JSON.stringify({
  1099. unitId: obj.id
  1100. }),
  1101. success: function (res) {
  1102. if (res.state == 200) {
  1103. data.list = res.data;
  1104. var html = template("ch_list_temp", data);
  1105. $("#bx_list").html(html);
  1106. //处理
  1107. handlerCh(val,data);
  1108. }
  1109. },
  1110. error: function (err) {
  1111. console.log(err);
  1112. },
  1113. });
  1114. }
  1115. })
  1116. }
  1117. function search1() {
  1118. bx_pageNum = 0;
  1119. isSearch1 = true;
  1120. getNewBxList(currentBxOrCh);
  1121. }
  1122. //获取最新报修或查号列表,0是报修,1是查号
  1123. function getNewBxList(type) {
  1124. $("#bx_list").hide().next(".loading").show();
  1125. let postData = {};
  1126. let url = "";
  1127. if (type === 0) {
  1128. $('.opcBg_searchBox').hide();
  1129. postData = {
  1130. assignee: loginUser.account,
  1131. state: 0,
  1132. idx: bx_pageNum,
  1133. sum: 10,
  1134. };
  1135. url = "apply/bpm/fetchServiceTasks";
  1136. } else if (type === 1) {
  1137. $('.opcBg_searchBox').show();
  1138. var val =
  1139. $.trim($("#searchPro1").val()) == "可简拼、名称搜索"
  1140. ? ""
  1141. : $.trim($("#searchPro1").val());
  1142. postData = {};
  1143. if(val){
  1144. postData.keyword = val;
  1145. }
  1146. url = "user/queryPhone";
  1147. //没有搜索内容的时候,返回空数组
  1148. if($("#searchPro1").val() === '可简拼、名称搜索'){
  1149. var html = template("ch_search_list_temp", {list:[]});
  1150. $("#bx_list").html(html);
  1151. //处理
  1152. handlerCh(val,{list:[]});
  1153. return;
  1154. }
  1155. }
  1156. $.ajax({
  1157. type: "POST",
  1158. contentType: "application/json;charset=UTF-8",
  1159. url: baseUrl + url,
  1160. data: JSON.stringify(postData),
  1161. success: function (res) {
  1162. console.log(res);
  1163. if (type === 0) {
  1164. // 1592 未受理,1593 不受理,1594 处理中,1595 待评价,1596 已解决,1597 已撤回
  1165. if (res.state == 200) {
  1166. for (var i = 0; i < res.data.length; i++) {
  1167. if (res.data[i].state.id == 1592) {
  1168. res.data[i].processArr = [
  1169. "current",
  1170. false,
  1171. false,
  1172. false,
  1173. false,
  1174. ];
  1175. } else if (res.data[i].state.id == 0) {
  1176. res.data[i].processArr = [true, "current", false, false, false];
  1177. } else if (res.data[i].state.id == 1594) {
  1178. res.data[i].processArr = [true, true, "current", false, false];
  1179. } else if (res.data[i].state.id == 1595) {
  1180. res.data[i].processArr = [true, true, true, "current", false];
  1181. } else {
  1182. res.data[i].processArr = [true, true, true, true, "current"];
  1183. }
  1184. }
  1185. //增加申请时间
  1186. for (var i = 0; i < res.data.length; i++) {
  1187. res.data[i].time = res.data[i].createTime;
  1188. res.data[i].processInstanceId =
  1189. res.data[i].incident.processInstanceId;
  1190. }
  1191. //添加分页数据,汇总
  1192. bx_arr.data = bx_arr.data.concat(res.data);
  1193. var html = template("bx_list_temp", bx_arr);
  1194. $("#bx_list").html(html);
  1195. //触发
  1196. $("#bx_list").getNiceScroll().resize();
  1197. // 详情
  1198. $("#bx_list .r-item-click").on("click", function () {
  1199. //获取id
  1200. var id = $(this).data("id");
  1201. // 过滤数据
  1202. var resFilter = [];
  1203. for (var i = 0; i < bx_arr.data.length; i++) {
  1204. if (bx_arr.data[i]["id"] == id) {
  1205. resFilter = bx_arr.data[i];
  1206. }
  1207. }
  1208. //点击事件详情不同逻辑处理
  1209. getImgList(id, function (data) {
  1210. //获取流程时间
  1211. if (resFilter.processInstanceId) {
  1212. getTimeList(
  1213. resFilter.processInstanceId,
  1214. function (data) {
  1215. resFilter.timeList = data;
  1216. resFilter.timeList.unshift({ endTime: resFilter.time });
  1217. },
  1218. false
  1219. );
  1220. } else {
  1221. resFilter.timeList = [
  1222. { endTime: "" },
  1223. { endTime: "" },
  1224. { endTime: "" },
  1225. { endTime: "" },
  1226. { endTime: "" },
  1227. ];
  1228. }
  1229. resFilter.imgList = data; //添加图片数组
  1230. if (resFilter.state.id == 1592) {
  1231. //未受理
  1232. //添加详情页流程数据
  1233. processMessageData.forEach(function(v){
  1234. v.desc = v.desc.replace(/<.*?>(.*?)<\/.*?>/g, '$1');
  1235. })
  1236. resFilter.processList = processMessageData;
  1237. //填充弹窗数据
  1238. var html = template("bx1_detail_temp", resFilter);
  1239. $("#pop1").html(html);
  1240. //图片放大
  1241. enlarge();
  1242. // 滚动条
  1243. pop1HdResize();
  1244. //弹窗展示
  1245. pop1Handle({
  1246. title: "报修查看",
  1247. confirmTitle: "撤回",
  1248. cancelTitle: "取消",
  1249. onlyButton: false,
  1250. twoConfirmClose: false,
  1251. confirmHandle: function () {
  1252. // setTimeout(function () {
  1253. //填充弹窗数据
  1254. var html = template("back_detail_temp", {});
  1255. $("#pop1").html(html);
  1256. //placeholder
  1257. $(".back-textarea")
  1258. .on("focus", function () {
  1259. if ($(this).val() == "请输入撤回原因") {
  1260. $(this).val("");
  1261. }
  1262. })
  1263. .on("blur", function () {
  1264. if ($(this).val() == "") {
  1265. $(this).val("请输入撤回原因");
  1266. }
  1267. });
  1268. pop1Handle({
  1269. width: 340,
  1270. height: 230,
  1271. title: "撤回原因",
  1272. confirmTitle: "撤回",
  1273. cancelTitle: "取消",
  1274. onlyButton: false,
  1275. twoConfirmClose: false,
  1276. confirmHandle: function () {
  1277. if (
  1278. $.trim($("#pop1 .back-textarea").val()) != "" &&
  1279. $.trim($("#pop1 .back-textarea").val()) !=
  1280. "请输入撤回原因"
  1281. ) {
  1282. bxBack({
  1283. id: id,
  1284. retractReason: $("#pop1 .back-textarea").val(),
  1285. });
  1286. } else {
  1287. alert("撤回原因不能为空");
  1288. }
  1289. },
  1290. });
  1291. // }, 200)
  1292. },
  1293. });
  1294. } else if (resFilter.state.id == 0) {
  1295. //添加详情页流程数据
  1296. processMessageData.forEach(function(v){
  1297. v.desc = v.desc.replace(/<.*?>(.*?)<\/.*?>/g, '$1');
  1298. })
  1299. resFilter.processList = processMessageData;
  1300. //填充弹窗数据
  1301. var html = template("bx2_detail_temp", resFilter);
  1302. $("#pop1").html(html);
  1303. //图片放大
  1304. enlarge();
  1305. // 滚动条
  1306. pop1HdResize();
  1307. //弹窗展示
  1308. pop1Handle({
  1309. title: "报修查看",
  1310. confirmTitle: "撤回",
  1311. cancelTitle: "取消",
  1312. onlyButton: false,
  1313. confirmHandle: function () {
  1314. // setTimeout(function () {
  1315. //填充弹窗数据
  1316. var html = template("back_detail_temp", {});
  1317. $("#pop1").html(html);
  1318. //placeholder
  1319. $(".back-textarea")
  1320. .on("focus", function () {
  1321. if ($(this).val() == "请输入撤回原因") {
  1322. $(this).val("");
  1323. }
  1324. })
  1325. .on("blur", function () {
  1326. if ($(this).val() == "") {
  1327. $(this).val("请输入撤回原因");
  1328. }
  1329. });
  1330. pop1Handle({
  1331. width: 340,
  1332. height: 230,
  1333. title: "撤回原因",
  1334. confirmTitle: "撤回",
  1335. cancelTitle: "取消",
  1336. onlyButton: false,
  1337. twoConfirmClose: false,
  1338. confirmHandle: function () {
  1339. if (
  1340. $.trim($("#pop1 .back-textarea").val()) != "" ||
  1341. $.trim($("#pop1 .back-textarea").val()) !=
  1342. "请输入撤回原因"
  1343. ) {
  1344. bxBack({
  1345. id: id,
  1346. retractReason: $("#pop1 .back-textarea").val(),
  1347. });
  1348. } else {
  1349. alert("撤回原因不能为空");
  1350. }
  1351. },
  1352. });
  1353. // }, 200)
  1354. },
  1355. });
  1356. } else if (resFilter.state.id == 1594) {
  1357. //添加详情页流程数据
  1358. processMessageData.forEach(function(v){
  1359. v.desc = v.desc.replace(/<.*?>(.*?)<\/.*?>/g, '$1');
  1360. })
  1361. resFilter.processList = processMessageData;
  1362. //填充弹窗数据
  1363. var html = template("bx3_detail_temp", resFilter);
  1364. $("#pop1").html(html);
  1365. //图片放大
  1366. enlarge();
  1367. // 滚动条
  1368. pop1HdResize();
  1369. //弹窗展示
  1370. pop1Handle({
  1371. title: "报修查看",
  1372. confirmTitle: "知道了",
  1373. onlyButton: true,
  1374. });
  1375. } else if (resFilter.state.id == 1595) {
  1376. //添加详情页流程数据
  1377. processMessageData.forEach(function(v){
  1378. v.desc = v.desc.replace(/<.*?>(.*?)<\/.*?>/g, '$1');
  1379. })
  1380. resFilter.processList = processMessageData;
  1381. //填充弹窗数据
  1382. var html = template("bx4_detail_temp", resFilter);
  1383. $("#pop1").html(html);
  1384. //图片放大
  1385. enlarge();
  1386. // 滚动条
  1387. pop1HdResize();
  1388. //弹窗展示
  1389. pop1Handle({
  1390. title: "报修查看",
  1391. confirmTitle: "去评价",
  1392. cancelTitle: "取消",
  1393. onlyButton: false,
  1394. twoConfirmClose: false,
  1395. confirmHandle: function () {
  1396. var currentIndex = -1;
  1397. //填充弹窗数据
  1398. resFilter.dictionary = dictionary;
  1399. var html = template("bx4_detail_1_temp", resFilter);
  1400. $("#pop1").html(html);
  1401. //评价placeholder
  1402. $(".evaluate-textarea")
  1403. .on("focus", function () {
  1404. if (
  1405. $(this).val() ==
  1406. "你可以从响应速度、解决情况、服务态度等方面,给我们作出相应的评价"
  1407. ) {
  1408. $(this).val("");
  1409. }
  1410. })
  1411. .on("blur", function () {
  1412. if ($(this).val() == "") {
  1413. $(this).val(
  1414. "你可以从响应速度、解决情况、服务态度等方面,给我们作出相应的评价"
  1415. );
  1416. }
  1417. });
  1418. // 滚动条
  1419. pop1HdResize();
  1420. //评分
  1421. $("#evaluate .star")
  1422. .find("i")
  1423. .hover(
  1424. function () {
  1425. var i = $(this).index();
  1426. $("#evaluate .star")
  1427. .find("i")
  1428. .removeClass("active");
  1429. $("#evaluate .star")
  1430. .find("i:lt(" + i + ")")
  1431. .addClass("active");
  1432. $("#evaluate .star")
  1433. .find("i:eq(" + i + ")")
  1434. .addClass("active");
  1435. $("#evaluate .star-text").text(dictionary[i].name);
  1436. },
  1437. function () {
  1438. var i = $(this).index();
  1439. currentIndex = i;
  1440. $("#evaluate .star")
  1441. .find("i:gt(" + i + ")")
  1442. .removeClass("active");
  1443. }
  1444. );
  1445. // setTimeout(function () {
  1446. pop1Handle({
  1447. title: "报修查看",
  1448. confirmTitle: "提交评价",
  1449. cancelTitle: "取消",
  1450. onlyButton: false,
  1451. twoConfirmClose: false,
  1452. confirmHandle: function () {
  1453. if (
  1454. $.trim($("#pop1 .evaluate-textarea").val()) != "" &&
  1455. $.trim($("#pop1 .evaluate-textarea").val()) !=
  1456. "你可以从响应速度、解决情况、服务态度等方面,给我们作出相应的评价"
  1457. ) {
  1458. addDegree({
  1459. id: resFilter.id,
  1460. degree:
  1461. currentIndex > 0
  1462. ? dictionary[currentIndex].id
  1463. : dictionary[4].id,
  1464. degreeRemark: $("#pop1 .evaluate-textarea").val(),
  1465. });
  1466. } else {
  1467. alert("请输入评价的内容");
  1468. }
  1469. },
  1470. });
  1471. // }, 500)
  1472. },
  1473. });
  1474. } else if (resFilter.state.id == 1593) {
  1475. //添加详情页流程数据
  1476. processMessageData.forEach(function(v){
  1477. v.desc = v.desc.replace(/<.*?>(.*?)<\/.*?>/g, '$1');
  1478. })
  1479. resFilter.processList = processMessageData;
  1480. //填充弹窗数据
  1481. var html = template("bx5_detail_temp", resFilter);
  1482. $("#pop1").html(html);
  1483. //图片放大
  1484. enlarge();
  1485. // 滚动条
  1486. pop1HdResize();
  1487. //弹窗展示
  1488. pop1Handle({
  1489. title: "报修查看",
  1490. confirmTitle: "知道了",
  1491. onlyButton: true,
  1492. });
  1493. } else if (resFilter.state.id == 1597) {
  1494. //添加详情页流程数据
  1495. processMessageData.forEach(function(v){
  1496. v.desc = v.desc.replace(/<.*?>(.*?)<\/.*?>/g, '$1');
  1497. })
  1498. resFilter.processList = processMessageData;
  1499. //填充弹窗数据
  1500. var html = template("bx6_detail_temp", resFilter);
  1501. $("#pop1").html(html);
  1502. //图片放大
  1503. enlarge();
  1504. // 滚动条
  1505. pop1HdResize();
  1506. //弹窗展示
  1507. pop1Handle({
  1508. title: "报修查看",
  1509. confirmTitle: "知道了",
  1510. onlyButton: true,
  1511. });
  1512. } else {
  1513. //添加详情页流程数据
  1514. processMessageData.forEach(function(v){
  1515. v.desc = v.desc.replace(/<.*?>(.*?)<\/.*?>/g, '$1');
  1516. })
  1517. resFilter.processList = processMessageData;
  1518. //填充弹窗数据
  1519. var html = template("bx7_detail_temp", resFilter);
  1520. $("#pop1").html(html);
  1521. //图片放大
  1522. enlarge();
  1523. // 滚动条
  1524. pop1HdResize();
  1525. //弹窗展示
  1526. pop1Handle({
  1527. title: "报修查看",
  1528. confirmTitle: "知道了",
  1529. onlyButton: true,
  1530. });
  1531. }
  1532. });
  1533. });
  1534. $("#bx_list").show().next(".loading").hide();
  1535. }
  1536. } else if (type === 1) {
  1537. if (res.state == 200) {
  1538. //搜索挂号
  1539. if (isSearch1) {
  1540. ch_arr.list = [];
  1541. }
  1542. //添加分页数据,汇总
  1543. // ch_arr.list = ch_arr.list.concat(res.data);
  1544. ch_arr.list = res.data;
  1545. var html = template("ch_search_list_temp", ch_arr);
  1546. $("#bx_list").html(html);
  1547. handlerCh(val,ch_arr);
  1548. }
  1549. }
  1550. },
  1551. error: function (err) {
  1552. console.log(err);
  1553. },
  1554. });
  1555. }
  1556. //详情图片点击放大预览
  1557. function enlarge() {
  1558. $(".pop1-hd__itemBxImgs").on("click", function () {
  1559. $(this)
  1560. .closest(".pop1-hd__itemListImgs")
  1561. .after(
  1562. $(
  1563. '<div class="pop1-hd__itemBxImgsMask"><img src="' +
  1564. $(this).attr("src") +
  1565. '"></div>'
  1566. )
  1567. );
  1568. $(".pop1-hd__itemBxImgsMask").on("click", function () {
  1569. $(this).remove();
  1570. });
  1571. });
  1572. }
  1573. //获取详情页流程数据
  1574. function getProcessMessageData() {
  1575. $.ajax({
  1576. type: "POST",
  1577. contentType: "application/json;charset=UTF-8",
  1578. url: baseUrl + "sysinfo/data/fetchDataList/dictionary",
  1579. data: JSON.stringify({
  1580. idx: 0,
  1581. sum: 10,
  1582. dictionary: { key: "wxincident_task_default" },
  1583. }),
  1584. success: function (res) {
  1585. if (res.status == 200) {
  1586. processMessageData = res.list;
  1587. }
  1588. },
  1589. error: function (err) {
  1590. console.log(err);
  1591. },
  1592. });
  1593. }
  1594. //撤回操作
  1595. function bxBack(data) {
  1596. //{"id":28,"retractReason":"asdas"}
  1597. $.ajax({
  1598. type: "POST",
  1599. contentType: "application/json;charset=UTF-8",
  1600. url: baseUrl + "apply/bpm/retract",
  1601. data: JSON.stringify(data),
  1602. success: function (res) {
  1603. if (res.state == 200) {
  1604. tipsSuccess("撤销成功");
  1605. }
  1606. },
  1607. error: function (err) {
  1608. console.log(err);
  1609. },
  1610. });
  1611. }
  1612. //获取评价五颗星的信息
  1613. function getDictionary() {
  1614. $.ajax({
  1615. type: "POST",
  1616. contentType: "application/json;charset=UTF-8",
  1617. url: baseUrl + "common/common/getDictionary",
  1618. data: JSON.stringify({ key: "incident_degree", type: "list" }),
  1619. success: function (res) {
  1620. dictionary = res;
  1621. dictionary.sort(function (a, b) {
  1622. return a.value - b.value;
  1623. });
  1624. },
  1625. error: function (err) {
  1626. console.log(err);
  1627. },
  1628. });
  1629. }
  1630. //提交评价
  1631. function addDegree(data) {
  1632. $.ajax({
  1633. type: "POST",
  1634. contentType: "application/json;charset=UTF-8",
  1635. url: baseUrl + "apply/bpm/degree",
  1636. data: JSON.stringify(data),
  1637. success: function (res) {
  1638. if (res.state == 200) {
  1639. tipsSuccess("您的评价已提交!");
  1640. }
  1641. },
  1642. error: function (err) {
  1643. console.log(err);
  1644. },
  1645. });
  1646. }
  1647. //注销
  1648. function logout() {
  1649. //单点登录
  1650. if (sessionStorage.getItem("isSSo") === "1") {
  1651. sessionStorage.removeItem("loginUser");
  1652. sessionStorage.removeItem("repair_main");
  1653. sessionStorage.removeItem("isSSo");
  1654. location.href = "http://" + location.hostname + ":8080/pcreq_logout.jsp";
  1655. } else {
  1656. $.ajax({
  1657. type: "POST",
  1658. contentType: "application/json;charset=UTF-8",
  1659. url: baseUrl + "auth/logout2",
  1660. data: JSON.stringify({}),
  1661. success: function (res) {
  1662. if (res.status == 200) {
  1663. sessionStorage.removeItem("loginUser");
  1664. sessionStorage.removeItem("repair_main");
  1665. sessionStorage.removeItem("isSSo");
  1666. window.location.href = "login.html";
  1667. }
  1668. },
  1669. error: function (err) {
  1670. console.log(err);
  1671. },
  1672. });
  1673. }
  1674. }
  1675. //图片上传
  1676. function addImgList(id, data) {
  1677. $.ajax({
  1678. type: "POST",
  1679. contentType: "application/json;charset=UTF-8",
  1680. url:
  1681. baseUrl +
  1682. "common/common/uploadAttachment/wechatRequesterIncident/" +
  1683. id,
  1684. data: data,
  1685. cache: false,
  1686. processData: false,
  1687. contentType: false,
  1688. success: function (res) {
  1689. if (res.status == 200) {
  1690. imgAjaxNum--;
  1691. if (imgAjaxNum == 0) {
  1692. tipsSuccess("提交事件报修成功");
  1693. }
  1694. }
  1695. },
  1696. error: function (err) {
  1697. console.log(err);
  1698. },
  1699. });
  1700. }
  1701. //图片上传(IE<10)
  1702. function addImgListIE(id, index) {
  1703. var len = $("#f-images-list").find(".f-images-item").length;
  1704. var n = 0;
  1705. if (imgList.length == 3) {
  1706. n = len;
  1707. } else {
  1708. n = len - 1;
  1709. }
  1710. for (var i = 0; i < n; i++) {
  1711. if (
  1712. $("#f-images-list").find(".f-images-item").eq(i).data("id") == index
  1713. ) {
  1714. $("#f-images-list")
  1715. .find(".f-images-item")
  1716. .eq(i)
  1717. .find(".form-file")
  1718. .attr(
  1719. "action",
  1720. baseUrl +
  1721. "common/common/uploadAttachment/wechatRequesterIncident/" +
  1722. id
  1723. )
  1724. .submit();
  1725. imgAjaxNum--;
  1726. }
  1727. }
  1728. if (imgAjaxNum == 0) {
  1729. tipsSuccess("提交事件报修成功");
  1730. }
  1731. }
  1732. //图片获取
  1733. function getImgList(id, successFn) {
  1734. $.ajax({
  1735. type: "GET",
  1736. contentType: "application/json;charset=UTF-8",
  1737. url:
  1738. baseUrl + "common/common/listAttachment/wechatRequesterIncident/" + id,
  1739. cache: false,
  1740. success: function (res) {
  1741. if (res.status == 200) {
  1742. successFn(res.data);
  1743. }
  1744. },
  1745. error: function (err) {
  1746. console.log(err);
  1747. },
  1748. });
  1749. }
  1750. //获取流程时间
  1751. function getTimeList(processInstanceId, successFn, bool) {
  1752. $.ajax({
  1753. type: "POST",
  1754. contentType: "application/json;charset=UTF-8",
  1755. url: baseUrl + "bpm/bpm/flowTracing/" + processInstanceId,
  1756. cache: false,
  1757. async: bool,
  1758. success: function (res) {
  1759. if (res.status == 200) {
  1760. successFn(res.data);
  1761. }
  1762. },
  1763. error: function (err) {
  1764. console.log(err);
  1765. },
  1766. });
  1767. }
  1768. // 获取是否点过赞
  1769. function getStarIf(id, successFn) {
  1770. $.ajax({
  1771. type: "GET",
  1772. contentType: "application/json;charset=UTF-8",
  1773. url: baseUrl + "solution/canStar/requester/" + id + "/" + loginUser.id,
  1774. cache: false,
  1775. success: function (res) {
  1776. if (res.status == 200) {
  1777. successFn(res);
  1778. }
  1779. },
  1780. error: function (err) {
  1781. console.log(err);
  1782. },
  1783. });
  1784. }
  1785. });