quexianDetailControl.js 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612
  1. const $ = require('jquery');
  2. require("../css/quexianDetailControl.less");
  3. require('./../resource/jquery-ui/jquery-ui.min.js');
  4. require('./modal.js');
  5. const {api} = require('./api.js')
  6. const {post,getCookie,getUrlArgObjectNew,emptyBox,setDatePicker,getPickerDate,expJson,downloadExportedData,initScroll,listenScroll} = require('./utils.js')
  7. const switchIconOpen = require("./../images/btn_open.png")
  8. const switchIconClose = require("./../images/btn_close.png")
  9. const iconDown= require("./../images/arrow_down.png")
  10. const iconUp = require("./../images/arrow_up.png")
  11. const arrowLeft= require("./../images/arrow_left.png")
  12. const arrowRight = require("./../images/arrow_right.png")
  13. listenScroll('.quexianDetailControl')
  14. let casesId="", name="", isReject ="",deptName="",data_asc=[],data_desc=["casesName"], isUsed ="",casesIdTemp="",casesIds="", nameTemp="", isRejectTemp ="", isUsedTemp ="",from="",deptIdTemp="",deptItemId="",deptId=""
  15. $(".selectModuleType").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  16. $(".selectReject").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  17. $(".selectUsed").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  18. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  19. let srcUrl = $("#contentIframe", parent.document).attr("src")
  20. let deptList = []
  21. let isPlacefile = getCookie('isPlacefile')||1
  22. let deptPushId = getUrlArgObjectNew("deptId", srcUrl) || ""
  23. $(function(){
  24. dateChange()
  25. let srcUrl = $("#contentIframe",parent.document).attr("src")
  26. deptName = getUrlArgObjectNew("deptName",srcUrl)||""
  27. deptId = deptIdTemp = getUrlArgObjectNew("caseName",srcUrl)||""
  28. from = getUrlArgObjectNew("from",srcUrl)||""
  29. isReject = isRejectTemp = getUrlArgObjectNew("shijian",srcUrl)||""
  30. casesIds = getUrlArgObjectNew("casesId",srcUrl)||""
  31. let startDateParam = getUrlArgObjectNew("startDateParam",srcUrl)||""
  32. let endDateParam = getUrlArgObjectNew("endDateParam",srcUrl)||""
  33. if(isReject == 1){
  34. $(".monthYear .mon").css({
  35. backgroundColor:'#00A1FF',
  36. color:'#fff'
  37. }).siblings().css({
  38. color:'#00A1FF',
  39. backgroundColor:'#fff'
  40. })
  41. setDatePicker($("#datepicker"),$("#datepicker2"),1)
  42. }else if(isReject == 2){
  43. $(".monthYear .year").css({
  44. backgroundColor:'#00A1FF',
  45. color:'#fff'
  46. }).siblings().css({
  47. color:'#00A1FF',
  48. backgroundColor:'#fff'
  49. })
  50. setDatePicker($("#datepicker"),$("#datepicker2"),2)
  51. }else if(isReject == 3){
  52. setDatePicker($("#datepicker"),$("#datepicker2"),3,new Date(startDateParam),new Date(endDateParam))
  53. }
  54. if(!isReject){
  55. setDatePicker($("#datepicker"),$("#datepicker2"),'default')
  56. }
  57. $(".selectDepts").html(deptName)
  58. // if(from == 1){
  59. $(".partTitle .titlePic ").html(`<a class="consoleD" href="console.html">控制台 / </a><a class="consoleP" href="deptScoreDetailControl.html">各科室缺陷占比 / </a>缺陷列表`)
  60. $(".partTitle .consoleD").click(function(){
  61. $(".menu .page",parent.document).removeClass("active").eq(0).addClass("active");
  62. $(".container",parent.document).addClass("console-cont");
  63. })
  64. // }
  65. // else{
  66. // $(".partTitle .titlePic").html(`<a class="consoleD" href="console.html">控制台 / </a><a class="consoleP" href="deptScoreDetailControl.html">各科室缺陷占比 / </a>缺陷详情`)
  67. // $(".partTitle .consoleD").click(function(){
  68. // $(".menu .page",parent.document).removeClass("active").eq(0).addClass("active");
  69. // $(".container",parent.document).addClass("console-cont");
  70. // })
  71. // }
  72. getTabData(1)//条目缺陷
  73. $(".abnormalClear").click(function(){
  74. setDatePicker($("#datepicker"),$("#datepicker2"),"default")
  75. name =nameTemp= ""
  76. deptId = deptIdTemp = ""
  77. $(".selectDept").html("全部").attr("data-id","").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  78. $(".patientNumInp").val("")
  79. getTabData(1)
  80. })
  81. getMolist()
  82. })
  83. function getMolist(){
  84. post(api.getQcCases).then(res =>{
  85. if(res.data.code == '0'){
  86. data = res.data.data
  87. deptList = data
  88. getDeptList()
  89. }else{}
  90. }).catch((e) =>{
  91. })
  92. }
  93. bindDeptSelect()
  94. //科室选择
  95. function bindDeptSelect(){
  96. $(document).on("click",'.deptItem',function(){
  97. const deptItemName = $(this).attr("data-name")||""
  98. const deptItemId = $(this).attr("data-id")
  99. deptIdTemp = deptId = deptItemId
  100. if(deptItemName.length > 10){
  101. $('.selectDept').html(deptItemName.substring(0,8)+'...')
  102. }else{
  103. $('.selectDept').html(deptItemName)
  104. }
  105. $('.selectDept ').attr('title',deptItemName)
  106. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  107. $(".deptList").css("display", "none")
  108. })
  109. }
  110. //全选绑定
  111. $('.selectDept').on("click", function(e){
  112. e.stopPropagation()
  113. $(".levelList ").css("display","none")
  114. $(".selectLevel .arrow").attr("src",iconDown)
  115. const showList = $(".deptList ").css("display")
  116. if(showList == "none" ||!showList){
  117. $(".deptList ").css("display","block")
  118. $(".selectDept .arrow").attr("src",iconUp)
  119. }else{
  120. $(".deptList ").css("display", "none")
  121. $(".selectDept .arrow").attr("src",iconDown)
  122. }
  123. })
  124. //科室处理
  125. function getDeptList(){
  126. let str = ``
  127. if(deptList.length<=0)return
  128. for(let i = 0;i < deptList.length;i++){
  129. let tmp = deptList[i]
  130. str += `<li class="deptItem ellipsis" title="${tmp.name}" data-id="${tmp.name}" data-name="${tmp.name}">${tmp.name}</li>`
  131. }
  132. $(".quexianDetailControl .filterDropList").html('<li class="deptItem ellipsis" title="" data-id="" data-id="" data-name="全部">全部</li>'+str)
  133. }
  134. $("th[code]").on("click",function(e){
  135. const code=$(this).attr("code");
  136. if(data_asc[0]===code){
  137. data_desc=[code];
  138. data_asc=[];
  139. $("th[code]").removeClass("asc desc");
  140. $(this).addClass("desc");
  141. }else{
  142. data_desc=[];
  143. data_asc=[code];
  144. $("th[code]").removeClass("asc desc");
  145. $(this).addClass("asc");
  146. }
  147. getTabData(1);
  148. // console.log(code)
  149. });
  150. function getTabData(activePage){
  151. const dateStatrt = getPickerDate($("#datepicker"),1)
  152. const dateEnd = getPickerDate($("#datepicker2"),2)
  153. const start = new Date(dateStatrt).getTime()
  154. const end = new Date(dateEnd).getTime()
  155. if(start > end){
  156. $.alerModal({"message":'开始时间不能大于结束时间~',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  157. return
  158. }
  159. const param = {
  160. current:activePage,
  161. type: 0,//1-本月,2-本年,0-自定义时间(现在 都是自定义时间,都会传具体时间进去)
  162. name: name, //条目名
  163. doctorName:"",
  164. casesName:deptId,
  165. deptName:deptName=="全院"?"":(deptName||""),
  166. casesId:casesIds||"",
  167. globalType:1,
  168. ascs:data_asc,
  169. descs:data_desc,
  170. size: 15,
  171. "startDate":dateStatrt,
  172. "endDate":dateEnd
  173. }
  174. startDateParam = dateStatrt
  175. endDateParam = dateEnd
  176. $('.pagination').html("")
  177. $('.tbody').html(emptyBox('努力加载中...','',1))
  178. post(api.entryCountGroupByEntryPage,param).then(res =>{
  179. if(res.data.code == '0'){
  180. const data = res.data.data.records
  181. const totalPage = res.data.data.pages
  182. const totalNum = res.data.data.total
  183. renderTab(data,activePage)
  184. if(totalPage > 1){
  185. renderPagination(totalPage,Number(activePage),totalNum)
  186. } else{
  187. $('.pagination').html("")
  188. }
  189. }else{}
  190. }).catch((e) =>{
  191. })
  192. }
  193. //所有数据切换日期筛选
  194. function dateChange(){
  195. $(".monthYear .mon").click(function(){
  196. $(this).css({
  197. backgroundColor:'#00A1FF',
  198. color:'#fff'
  199. }).siblings().css({
  200. color:'#00A1FF',
  201. backgroundColor:'#fff'
  202. })
  203. isReject = isRejectTemp = 1
  204. setDatePicker($("#datepicker"),$("#datepicker2"),1)
  205. getTabData(1)
  206. })
  207. $(".monthYear .year").click(function(){
  208. $(this).css({
  209. backgroundColor:'#00A1FF',
  210. color:'#fff'
  211. }).siblings().css({
  212. color:'#00A1FF',
  213. backgroundColor:'#fff'
  214. })
  215. isReject = isRejectTemp = 2
  216. setDatePicker($("#datepicker"),$("#datepicker2"),2)
  217. getTabData(1)
  218. })
  219. }
  220. //判断有无某一权限
  221. function hasData(data){
  222. let lis = JSON.parse(getCookie("codeLis"))||[]
  223. if(lis.indexOf(data)>-1){//有权限
  224. return true
  225. }
  226. return false;
  227. }
  228. $(".moduleItemInp").on("input", function(e){
  229. const val = $(this).val().trim()
  230. nameTemp = val
  231. })
  232. $(".filter").on("click", function(e){
  233. casesId=casesIdTemp, name=nameTemp, isReject =isRejectTemp, isUsed =isUsedTemp,deptId = deptIdTemp
  234. getTabData(1)
  235. })
  236. $(".filterclear").on("click", function(e){
  237. nameTemp = ""
  238. $(".moduleItemInp").val("")
  239. })
  240. $('.selectModuleType').on("click", function(e){
  241. e.stopPropagation()
  242. $(".rejectList ").css("display","none")
  243. $(".usedList ").css("display", "none")
  244. $(".selectReject .arrow").attr("src",iconDown)
  245. $(".selectUsed .arrow").attr("src",iconDown)
  246. const showList = $(".moduleTypeList ").css("display")
  247. if(showList == "none" ||!showList){
  248. $(".moduleTypeList ").css("display","block")
  249. $(".selectModuleType .arrow").attr("src",iconUp)
  250. }else{
  251. $(".moduleTypeList ").css("display", "none")
  252. $(".selectModuleType .arrow").attr("src",iconDown)
  253. }
  254. })
  255. $('.selectReject').on("click", function(e){
  256. e.stopPropagation()
  257. $(".moduleTypeList ").css("display", "none")
  258. $(".usedList ").css("display", "none")
  259. $(".selectModuleType .arrow").attr("src",iconDown)
  260. $(".selectUsed .arrow").attr("src",iconDown)
  261. const showList = $(".rejectList ").css("display")
  262. if(showList == "none" ||!showList){
  263. $(".rejectList ").css("display","block")
  264. $(".selectUsed .arrow").attr("src",iconUp)
  265. }else{
  266. $(".rejectList ").css("display", "none")
  267. $(".selectUsed .arrow").attr("src",iconDown)
  268. }
  269. })
  270. $('.selectUsed').on("click", function(e){
  271. e.stopPropagation()
  272. $(".moduleTypeList ").css("display", "none")
  273. $(".rejectList ").css("display","none")
  274. $(".selectModuleType .arrow").attr("src",iconDown)
  275. $(".selectReject .arrow").attr("src",iconDown)
  276. const showList = $(".usedList ").css("display")
  277. if(showList == "none" ||!showList){
  278. $(".usedList ").css("display","block")
  279. $(".selectUsed .arrow").attr("src",iconUp)
  280. }else{
  281. $(".usedList ").css("display", "none")
  282. $(".selectUsed .arrow").attr("src",iconDown)
  283. }
  284. })
  285. // bindRejectSelect()
  286. // bindUsedSelect()
  287. // getTabData(1)
  288. // getmoduleTypeList()
  289. function renderTab(data,activePage){
  290. let str = ``;
  291. const cls = hasData("FUNC000007")?"editItem":"editItemDis";
  292. for(let i = 0; i < data.length; i++){
  293. const item = data[i]
  294. str += `
  295. <tr data-id=${item.id} data-index=${i}>
  296. <td class="textCenter">${(activePage-1)*15 + i+1}</td>
  297. <td class="textCenter">${item.casesName}</td>
  298. <td>${item.name}</td>
  299. <td class="textCenter goHomeDetail" data-id="${item.casesId}" data-ruleType="${item.ruleType}">${item.num}</td>
  300. <td class="textCenter">${item.percentStr}</td>
  301. </tr>
  302. `
  303. }
  304. $('.tbody').html(str?str:emptyBox())
  305. bindEdit(data,activePage)
  306. // initScroll("quexianDetailControl","Y",1)
  307. $(".goHomeDetail").click(function () {
  308. let ruleType = $(this).attr("data-ruleType")
  309. let index = $(this).parent().attr("data-index")
  310. let casesId = $(this).attr("data-id")
  311. let defectName = data[index].name
  312. $(parent.document).find("#contentIframe").attr("src", "qcListCopy.html?deptName=" + deptName + "&deptId=" + deptPushId + "&from=9&casesId=" + casesId + "&shijian=3" + "&ruleType=" + ruleType + "&startDate=" + startDateParam + "&endDate=" + endDateParam + "&defectName=" + defectName)
  313. // $(parent.document).find("#contentIframe").attr("src", "uccDetail.html?from=3&deptName=" + name + "&deptId=" + id + "&casesEntryId=" + casesId + "&defectName=" + casesName + "&startDate=" + startDateParam + "&endDate=" + endDateParam)
  314. })
  315. }
  316. function bindEdit(data,activePage){
  317. if(!hasData('FUNC000007')){
  318. return
  319. }
  320. $('.editItem').click(function(e){
  321. const index = $(this).parent().attr('data-index')
  322. editItem(data[index],activePage)
  323. })
  324. }
  325. //修改
  326. function editItem(item,activePage){
  327. const itemCpoy = JSON.parse(JSON.stringify(item))
  328. $('.pop-box').remove()
  329. $('.container').append('<div class="pop-box"></div>')
  330. const str = `
  331. <div class="itemMsgBox">
  332. <div class="mask"></div>
  333. <div class="itemMsgContent">
  334. <p class="itemMsgTitle">修改 <img class="iconClose" src=${require('./../images/icon_close_default.png')} alt="关闭" /></p>
  335. <div class="itemMsgContentBox">
  336. <div class="itemMsgInfoBox"><span class="itemMsgLab">模块名称:</span> <span class="itemInfoRight">${itemCpoy.casesName}</span></div>
  337. <div class="itemMsgInfoBox"><span class="itemMsgLab">条目名称:</span> <span class="itemInfoRight"> ${itemCpoy.name}</span></div>
  338. <div class="itemMsgInfoBox"><span class="itemMsgLab">提示信息:</span> <span class="itemInfoRight"> <input class="itemTipMsg" value="${itemCpoy.msg}" /></span></div>
  339. <div class="itemMsgInfoBox"><span class="itemMsgLab">
  340. 分值:
  341. </span> <span class="itemInfoRight">
  342. <input class="itemScore" type="number" min="0" value=${itemCpoy.score} />
  343. </span>
  344. <p class="itemMsgInfoTips">支持≥0的数字输入,最多保留小数点后1位~</p>
  345. </div>
  346. <div class="itemMsgInfoBox"><span class="itemMsgLab">单项否决:</span><span class="itemInfoRight itemReject">${item.isReject == '1' ? `<img class="switchImg" src=${switchIconOpen} /><span class="imgInfo"> 是</span>`:`<img class="switchImg" src=${switchIconClose} /> <span class="imgInfo"> 否</span>`}</span></div>
  347. <div class="itemMsgInfoBox"><span class="itemMsgLab">启用:</span><span class=" temInfoRight itemUsed">${item.isUsed == '1' ? `<img class="switchImg" src=${switchIconOpen} /><span class="imgInfo"> 是</span>`:`<img class="switchImg" src=${switchIconClose} /> <span class="imgInfo"> 否</span>`}</span></div>
  348. </div>
  349. <div class="confirmEditBox"><span class="confirmEdit">保存</span></div>
  350. </div>
  351. </div>
  352. `
  353. $("#mainBox", parent.document).append(str)
  354. $("#mainBox .itemMsgBox .iconClose", parent.document).on("click", function(e){
  355. $("#mainBox .itemMsgBox", parent.document).remove()
  356. })
  357. $("#mainBox .itemMsgBox .itemTipMsg", parent.document).on("input", function(e){
  358. const val = $(this).val().trim()
  359. itemCpoy.msg = val
  360. })
  361. $("#mainBox .itemMsgBox .itemScore", parent.document).on("keypress", function(e){
  362. return (/[0-9\.]/.test(String.fromCharCode(e.keyCode)))
  363. })
  364. $("#mainBox .itemMsgBox .itemScore", parent.document).on("input", function(e){
  365. const val = $(this).val()
  366. itemCpoy.score = val
  367. })
  368. $("#mainBox .itemMsgBox .itemReject", parent.document).on("click", function(e){
  369. itemCpoy.isReject = itemCpoy.isReject == 1 ? 0 : 1
  370. $('#mainBox .itemMsgBox', parent.document).remove()
  371. editItem(itemCpoy,activePage)
  372. })
  373. $("#mainBox .itemMsgBox .itemUsed", parent.document).on("click", function(e){
  374. itemCpoy.isUsed = itemCpoy.isUsed == 1 ? 0 : 1
  375. $('#mainBox .itemMsgBox', parent.document).remove()
  376. editItem(itemCpoy,activePage)
  377. })
  378. $("#mainBox .itemMsgBox .confirmEdit", parent.document).on("click", function(){
  379. var reg = new RegExp(/^\d+(\.\d)?$/);
  380. if(reg.test(itemCpoy.score)){
  381. // console.log('itemCopy', itemCpoy)
  382. if(!itemCpoy.msg.trim()){
  383. $.alerModal({"message":"提示信息不能为空~",type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  384. return
  385. }
  386. saveEdit(itemCpoy,activePage)
  387. $("#mainBox .itemMsgBox .itemMsgInfoTips", parent.document).css("display","none")
  388. $('#mainBox .itemMsgBox', parent.document).remove()
  389. return
  390. }else{
  391. $("#mainBox .itemMsgBox .itemMsgInfoTips", parent.document).css("display","block")
  392. return
  393. }
  394. })
  395. }
  396. //保存修改
  397. function saveEdit(item,activePage){
  398. const param = {
  399. id: item.id,
  400. isReject: item.isReject,
  401. isUsed: item.isUsed,
  402. msg: item.msg,
  403. score: item.score
  404. }
  405. post(api.updataQcCasesEntry,param).then(res =>{
  406. if(res.data.code == '0'){
  407. // const data = res.data.data
  408. $.alerModal({"message":"修改成功",type:"tip",time:'1000',isFather: true,win: true, fatherWrapper: $("#mainBox", parent.document)});
  409. getTabData(activePage)
  410. }else{
  411. $.alerModal({"message":'修改失败,请重试~',type:"tip",time:'1000',isFather: true,win: 'default', fatherWrapper: $("#mainBox", parent.document)});
  412. }
  413. }).catch((e) =>{
  414. $.alerModal({"message":'修改失败,请重试~',type:"tip",time:'1000',isFather: true,win: 'default', fatherWrapper: $("#mainBox", parent.document)});
  415. })
  416. }
  417. //获取模块类型
  418. function getmoduleTypeList(){
  419. post(api.getQcCasesAll).then(res =>{
  420. if(res.data.code == '0'){
  421. const moduleTypeList = res.data.data
  422. renderModuleTypeList(moduleTypeList)
  423. }else{}
  424. }).catch((e) =>{
  425. })
  426. }
  427. function renderModuleTypeList(moduleTypeList){
  428. let str = `<li class="modeTypeItem " data-id=" " data-name="全部">全部</li>`
  429. for(let i = 0; i < moduleTypeList.length; i++){
  430. str += `<li class="modeTypeItem ellipsis" title=${moduleTypeList[i].name} data-id=${moduleTypeList[i].id} data-name=${moduleTypeList[i].name}> ${moduleTypeList[i].name}</li>`
  431. }
  432. $('.moduleTypeList').html(str)
  433. bindModuleTypeSelect()
  434. }
  435. //模块类型选择
  436. function bindModuleTypeSelect(){
  437. $('.modeTypeItem').on("click",function(){
  438. const modeTypeItemName = $(this).attr("data-name")
  439. const modeTypeItemId = $(this).attr("data-id")
  440. casesIdTemp =modeTypeItemId
  441. $('.selectModuleType').html(modeTypeItemName).attr("title",modeTypeItemName)
  442. $(".selectModuleType").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  443. $(".moduleTypeList ").css("display", "none")
  444. })
  445. }
  446. //单项否决选择
  447. function bindRejectSelect(){
  448. $('.rejectItem').on("click",function(){
  449. const rejectItemName = $(this).attr("data-name")
  450. const rejectItemId = $(this).attr("data-id")
  451. isRejectTemp=rejectItemId
  452. $('.selectReject').html(rejectItemName)
  453. $(".rejectList ").css("display", "none")
  454. $(".selectReject").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  455. })
  456. }
  457. //是否启用选择
  458. function bindUsedSelect(){
  459. $('.usedItem').on("click",function(){
  460. const usedItemName = $(this).attr("data-name")
  461. const usedItemItemId = $(this).attr("data-id")
  462. isUsedTemp =usedItemItemId
  463. $('.selectUsed').html(usedItemName)
  464. $(".usedList").css("display", "none")
  465. $(".selectUsed").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  466. })
  467. }
  468. //分页渲染
  469. function renderPagination(totalPage,activePage,totalNum){
  470. let str = `<span class="totalSum">共${totalPage}页/${totalNum}条数据</span><span class="prePage"><img class="arrowPage" src=${arrowLeft} /></span>`
  471. if(totalPage <= 6){
  472. for(let i = 1; i <= totalPage; i++){
  473. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  474. }
  475. }else{
  476. if(activePage <= 3){ //选中页数小于4
  477. for(let i = 1; i <= 4; i++){
  478. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  479. }
  480. str += `<span class="more" >...</span>`
  481. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  482. } else if(activePage > totalPage -3){
  483. str += `<span class="pageNum page1" data-page=1>1</span>`
  484. str += `<span class="more" >...</span>`
  485. str += `<span class="pageNum ${'page'+(totalPage-3)}" data-page=${totalPage -3}>${totalPage -3}</span>`
  486. str += `<span class="pageNum ${'page'+(totalPage-2)}" data-page=${totalPage -2}>${totalPage -2}</span>`
  487. str += `<span class="pageNum ${'page'+(totalPage-1)}" data-page=${totalPage -1}>${totalPage -1}</span>`
  488. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  489. } else {
  490. str += `<span class="pageNum page1" data-page=1>1</span>`
  491. str += `<span class="more" >...</span>`
  492. str += `<span class="pageNum ${'page'+(activePage -1)}" data-page=${activePage -1}>${activePage -1}</span>`
  493. str += `<span class="pageNum ${'page'+activePage}" data-page=${activePage}>${activePage}</span>`
  494. str += `<span class="pageNum ${'page'+(activePage +1)}" data-page=${activePage +1}>${activePage +1}</span>`
  495. str += `<span class="more" >...</span>`
  496. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  497. }
  498. }
  499. str += `<span class="nextPage"><img class="arrowPage" src=${arrowRight} /></span>`
  500. $('.pagination').html(str)
  501. $('.page' + activePage).addClass('activePage')
  502. $(".pageNum").on("click", function(e){
  503. const activePageNow = Number($(this).attr('data-page'))
  504. getTabData(activePageNow)
  505. // renderPagination(totalPage,activePageNow,totalNum)
  506. })
  507. $(".prePage").on("click", function(e){
  508. let activePageNow = Number($(".activePage").attr('data-page'))
  509. if(activePageNow > 1){
  510. activePageNow--
  511. getTabData(activePageNow)
  512. // renderPagination(totalPage,activePageNow,totalNum)
  513. }
  514. })
  515. $(".nextPage").on("click", function(e){
  516. let activePageNow = Number($(".activePage").attr('data-page'))
  517. if(activePageNow < totalPage){
  518. activePageNow++
  519. getTabData(activePageNow)
  520. // renderPagination(totalPage,activePageNow,totalNum)
  521. }
  522. })
  523. }
  524. $(document).on("click", function(){
  525. $(".moduleTypeList ").css("display", "none")
  526. $(".rejectList ").css("display","none")
  527. $(".usedList ").css("display", "none")
  528. $(".selectModuleType .arrow").attr("src",iconDown)
  529. $(".selectReject .arrow").attr("src",iconDown)
  530. $(".selectUsed .arrow").attr("src",iconDown)
  531. $(".deptList").css("display", "none")
  532. })
  533. $(function() {
  534. const iconCalenBlue= require("./../images/darkDate.png")
  535. const iconCalenGrey= require("./../images/icon_calen_grey.png")
  536. $('.datapickerBox').append(`<img class="iconCalen" src=${iconCalenGrey} />`)
  537. $('.iconCalen').on("mouseenter", function(e){
  538. $(this).attr("src", iconCalenBlue)
  539. })
  540. $('.iconCalen').on("mouseleave", function(e){
  541. $(this).attr("src", iconCalenGrey)
  542. })
  543. $('.iconCalen').on("click", function(e){
  544. $(this).parent().find("input").focus()
  545. })
  546. $('.exportData').click(function(){
  547. const start = new Date(startDateParam).getTime()
  548. const end = new Date(endDateParam).getTime()
  549. if(start > end){
  550. $.alerModal({"message":'开始时间不能大于结束时间~',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  551. return
  552. }
  553. const param = {
  554. type: 0,//1-本月,2-本年,0-自定义时间(现在 都是自定义时间,都会传具体时间进去)
  555. name: name, //条目名
  556. doctorName:"",
  557. casesName:deptId,
  558. deptName:deptName=="全院"?"":(deptName||""),
  559. casesId:casesIds||"",
  560. globalType:1,
  561. isPlacefile:isPlacefile,
  562. ascs:data_asc,
  563. descs:data_desc,
  564. "startDate":startDateParam,
  565. "endDate":endDateParam
  566. }
  567. expJson(api.entryCountGroupByEntryExport,param).then(res =>{
  568. downloadExportedData(res.data, "各科室缺陷占比 / 缺陷列表.xls")
  569. })
  570. })
  571. });