quexianDetailControl.js 24 KB

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