quexianDetailControl.js 25 KB

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