keyItemFlawControl.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331
  1. const $ = require('jquery');
  2. require("../css/keyItemFlawControl.less");
  3. require('./modal.js');
  4. const {api} = require('./api.js')
  5. const {post,getCookie,getUrlArgObjectNew,emptyBox,setTitleTxt,setDatePicker,getPickerDate,expJson,downloadExportedData,initScroll} = require('./utils.js')
  6. require('./../resource/jquery-ui/jquery-ui.min.js');
  7. require('./../resource/jquery-ui/jquery-ui.min.css');
  8. const iconCheck= require("./../images/icon_check.png")
  9. const iconUnCheck = require("./../images/icon_unchecked.png")
  10. const iconDown= require("./../images/arrow_down.png")
  11. const iconUp = require("./../images/arrow_up.png")
  12. const loadingImg = require("./../images/loading.gif")
  13. const arrowLeft= require("./../images/arrow_left.png")
  14. const arrowRight = require("./../images/arrow_right.png")
  15. let deptName = "", behospitalCode="", deptNameTemp = "",deptId='',deptIdTemp='', behospitalCodeTemp="", data_desc="",data_asc="";
  16. let srcUrl = $("#contentIframe",parent.document).attr("src")
  17. statisticsType = getUrlArgObjectNew("dateType",srcUrl)||"";
  18. from = getUrlArgObjectNew("from",srcUrl)||""
  19. lineType = getUrlArgObjectNew("lineType",srcUrl)||""
  20. let startDateParam = getUrlArgObjectNew("startDateParam",srcUrl)||""
  21. let endDateParam = getUrlArgObjectNew("endDateParam",srcUrl)||""
  22. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  23. /*if(lineType){
  24. $("th[code="+data_desc+"]").addClass("desc");
  25. }*/
  26. //setTitleTxt('',from) //导航栏面包屑
  27. if(statisticsType == 1){
  28. setDatePicker($("#datepicker"),$("#datepicker2"),1)
  29. }else if(statisticsType == 2){
  30. setDatePicker($("#datepicker"),$("#datepicker2"),2)
  31. }else if(statisticsType == 3){
  32. setDatePicker($("#datepicker"),$("#datepicker2"),3,new Date(startDateParam),new Date(endDateParam))
  33. }else{
  34. setDatePicker($("#datepicker"),$("#datepicker2"),'default')
  35. }
  36. if(!statisticsType){
  37. setDatePicker($("#datepicker"),$("#datepicker2"),'default')
  38. }
  39. $(".abnormalClear").click(function(){
  40. data_desc="";
  41. data_asc="";
  42. deptId="";
  43. deptIdTemp="";
  44. deptName="";
  45. deptNameTemp="";
  46. setDatePicker($("#datepicker"),$("#datepicker2"),"default")
  47. $('.selectDept ').html('全部')
  48. $(".deptList").css("display", "none")
  49. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`);
  50. $("th[code]").removeClass("asc desc")
  51. //behospitalCode =behospitalCodeTemp= ""
  52. getTabData(1)
  53. })
  54. $(".partTitle a").click(function(){
  55. //初始菜单选中
  56. $(".menu .page",parent.document).removeClass("active").eq(0).addClass("active");
  57. $(".container",parent.document).addClass("console-cont");
  58. })
  59. //判断有无某一权限
  60. /*function hasData(data){
  61. let trdObj = JSON.parse(getCookie("trdObj"))
  62. let lis = trdObj['YH-BLZK-ZKPF']
  63. if(!lis){
  64. return false
  65. }
  66. if(lis.indexOf(data)>-1){//有权限
  67. return true
  68. }
  69. return false;
  70. }*/
  71. function getTabData(activePage){
  72. const dateStatrt = getPickerDate($("#datepicker"),1)
  73. const dateEnd = getPickerDate($("#datepicker2"),2)
  74. const start = new Date(dateStatrt).getTime()
  75. const end = new Date(dateEnd).getTime()
  76. if(start > end){
  77. $.alerModal({"message":'开始时间不能大于结束时间~',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  78. return
  79. }
  80. const param = {
  81. current: 1,
  82. size: 15,
  83. "deptName": deptName,
  84. "asc":data_asc, //升序
  85. "desc":data_desc, //降序
  86. //"type": 0, //1-本月,2-本年,0-自定义时间(现在所有都是自定义时间,都会传开始日期和结束日期)
  87. "startDate":dateStatrt.replace(/\//g,'-'),
  88. "endDate":dateEnd.replace(/\//g,'-')
  89. }
  90. startDateParam = dateStatrt
  91. endDateParam = dateEnd
  92. post(api.keyItemFlawControl,param).then(res =>{
  93. if(res.data.code == '0'){
  94. const data = res.data.data||[];
  95. renderTab(data,data.hospitalId,activePage);
  96. renderPagination(totalPage,Number(activePage),totalNum)
  97. if(totalPage > 1){
  98. renderPagination(totalPage,Number(activePage),totalNum)
  99. } else{
  100. $('.pagination').html("")
  101. }
  102. }else{
  103. $.alerModal({"message":res.data.msg,type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  104. }
  105. }).catch((e) =>{
  106. })
  107. }
  108. getTabData(1)
  109. $(".filter").on("click", function(e){
  110. deptName = deptNameTemp;
  111. behospitalCode = behospitalCodeTemp;
  112. getTabData(1)
  113. })
  114. function renderTab(data,hisId,activePage){
  115. let str = ``
  116. for(let i = 0; i < data.length; i++){
  117. const item = data[i]
  118. str += `
  119. <tr data-index=${i}>
  120. <td class="textCenter">${(activePage-1)*15 + i+1}</td>
  121. <td >${item.deptName || "-"}</td>
  122. <td class="goHomeDetail" dept-id="${item.deptId || ""}" dept-name="${item.deptName || ""}" data-id="${item.consultationEntryId || ""}" data-name="${item.consultationEntryName || ""}">${item.consultationNum+'' || "-"}</td>
  123. <td >${item.consultationPercentStr || "-"}</td>
  124. <td class="goHomeDetail" dept-id="${item.deptId || ""}" dept-name="${item.deptName || ""}" data-id="${item.operationNameEntryId || ""}" data-name="${item.operationNameEntryName || ""}">${item.operationNameNum+'' || "-"}</td>
  125. <td >${item.operationNamePercentStr+'' || "-"}</td>
  126. <td class="goHomeDetail" dept-id="${item.deptId || ""}" dept-name="${item.deptName || ""}" data-id="${item.operation15MinuteEntryId || ""}" data-name="${item.operation15MinuteEntryName || ""}">${item.operation15MinuteNum+'' || "-"}</td>
  127. <td >${item.operation15MinutePercentStr+'' || "-"}</td>
  128. <td class="goHomeDetail" dept-id="${item.deptId || ""}" dept-name="${item.deptName || ""}" data-id="${item.operationTimeEntryId || ""}" data-name="${item.operationTimeEntryName || ""}">${item.operationTimeNum+'' || "-"}</td>
  129. <td >${item.operationTimePercentStr+'' || "-"}</td>
  130. <td class="goHomeDetail" dept-id="${item.deptId || ""}" dept-name="${item.deptName || ""}" data-id="${item.crisisEntryId || ""}" data-name="${item.crisisEntryName || ""}">${item.crisisNum+'' || "-"}</td>
  131. <td >${item.crisisPercentStr+'' || "-"}</td>
  132. <td class="goHomeDetail" dept-id="${item.deptId || ""}" dept-name="${item.deptName || ""}" data-id="${item.stageSummaryEntryId || ""}" data-name="${item.stageSummaryEntryName || ""}">${item.stageSummaryNum+'' || "-"}</td>
  133. <td >${item.stageSummaryPercentStr+'' || "-"}</td>
  134. </tr>
  135. `
  136. }
  137. $('.key-list tbody').html(str?str:emptyBox())
  138. /*bindScoreDetail(hisId)*/
  139. $(".goHomeDetail").click(function(){
  140. let casesName = $(this).attr("data-name");
  141. let casesId = $(this).attr("data-id");
  142. let name=$(this).attr("dept-name");
  143. name=name==="全院"?"全部":name;
  144. let id=$(this).attr("dept-id");
  145. $(parent.document).find("#contentIframe").attr("src","qcListCopy.html?from=3&deptName="+name+"&deptId="+id+"&casesEntryId="+casesId+"&defectName="+casesName+"&startDate="+startDateParam+"&endDate="+endDateParam)
  146. })
  147. // initScroll("partDetailControl","YX",1)
  148. }
  149. $('.selectDept').on("click", function(e){
  150. e.stopPropagation()
  151. $(".selectLevel .arrow").attr("src",iconDown)
  152. const showList = $(".deptList ").css("display")
  153. if(showList == "none" ||!showList){
  154. $(".deptList ").css("display","block")
  155. $(".selectDept .arrow").attr("src",iconUp)
  156. }else{
  157. $(".deptList ").css("display", "none")
  158. $(".selectDept .arrow").attr("src",iconDown)
  159. }
  160. })
  161. //获取科室列表
  162. getDeptList()
  163. function getDeptList(){
  164. post(api.getDeptList,{inputStr:""}).then(res =>{
  165. if(res.data.code == '0'){
  166. const deptList = res.data.data
  167. rendeDeptList(deptList)
  168. }else{}
  169. }).catch((e) =>{
  170. })
  171. }
  172. function rendeDeptList(deptList){
  173. let str = `<li class="deptItem ellipsis" data-id=" " data-name="全部">全部</li>`;
  174. for(let i = 0; i < deptList.length; i++){
  175. str += `<li class="deptItem ellipsis" title=${deptList[i].deptName} data-id=${deptList[i].deptId} data-name=${deptList[i].deptName}> ${deptList[i].deptName}</li>`
  176. }
  177. $('.deptList').html(str)
  178. bindDeptSelect()
  179. }
  180. //科室选择
  181. function bindDeptSelect(){
  182. $('.deptItem').on("click",function(){
  183. const deptItemName = $(this).attr("data-name")
  184. const deptItemId = $(this).attr("data-id")
  185. deptIdTemp =deptItemId;
  186. deptNameTemp=deptItemName==="全部"?"":deptItemName;
  187. if(deptItemName.length > 10){
  188. $('.selectDept').html(deptItemName.substring(0,8)+'...')
  189. }else{
  190. $('.selectDept').html(deptItemName)
  191. }
  192. $('.selectDept ').attr('title',deptItemName)
  193. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  194. $(".deptList").css("display", "none")
  195. $('.selectDept').removeClass('unSelect')
  196. })
  197. }
  198. function loading(){
  199. const str = `
  200. <div class="loadingBox">
  201. <div class="mask"></div>
  202. <img class="loadingImg" src=${loadingImg} alt="loading" />
  203. </div>
  204. `
  205. $("#mainBox", parent.document).append(str)
  206. }
  207. function hideLoading(){
  208. $("#mainBox .loadingBox", parent.document).remove()
  209. }
  210. $(document).on("click", function(){
  211. $(".deptList").css("display", "none");
  212. $(".selectDept .arrow").attr("src",iconDown)
  213. })
  214. $("th[code]").on("click",function(e){
  215. const code=$(this).attr("code");
  216. if(data_asc==code){
  217. data_desc=code;
  218. data_asc="";
  219. $("th[code]").removeClass("asc desc");
  220. $(this).addClass("desc");
  221. }else{
  222. data_desc="";
  223. data_asc=code;
  224. $("th[code]").removeClass("asc desc");
  225. $(this).addClass("asc");
  226. }
  227. getTabData(1);
  228. });
  229. //分页渲染
  230. function renderPagination(totalPage,activePage,totalNum){
  231. let str = `<span class="totalSum">共${totalPage}页/${totalNum}条数据</span><span class="prePage"><img class="arrowPage" src=${arrowLeft} /></span>`
  232. if(totalPage <= 6){
  233. for(let i = 1; i <= totalPage; i++){
  234. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  235. }
  236. }else{
  237. if(activePage <= 3){ //选中页数小于4
  238. for(let i = 1; i <= 4; i++){
  239. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  240. }
  241. str += `<span class="more" >...</span>`
  242. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  243. } else if(activePage > totalPage -3){
  244. str += `<span class="pageNum page1" data-page=1>1</span>`
  245. str += `<span class="more" >...</span>`
  246. str += `<span class="pageNum ${'page'+(totalPage-3)}" data-page=${totalPage -3}>${totalPage -3}</span>`
  247. str += `<span class="pageNum ${'page'+(totalPage-2)}" data-page=${totalPage -2}>${totalPage -2}</span>`
  248. str += `<span class="pageNum ${'page'+(totalPage-1)}" data-page=${totalPage -1}>${totalPage -1}</span>`
  249. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  250. } else {
  251. str += `<span class="pageNum page1" data-page=1>1</span>`
  252. str += `<span class="more" >...</span>`
  253. str += `<span class="pageNum ${'page'+(activePage -1)}" data-page=${activePage -1}>${activePage -1}</span>`
  254. str += `<span class="pageNum ${'page'+activePage}" data-page=${activePage}>${activePage}</span>`
  255. str += `<span class="pageNum ${'page'+(activePage +1)}" data-page=${activePage +1}>${activePage +1}</span>`
  256. str += `<span class="more" >...</span>`
  257. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  258. }
  259. }
  260. str += `<span class="nextPage"><img class="arrowPage" src=${arrowRight} /></span>`
  261. $('.pagination').html(str)
  262. $('.page' + activePage).addClass('activePage')
  263. $(".pageNum").on("click", function(e){
  264. const activePageNow = Number($(this).attr('data-page'))
  265. getTabData(activePageNow)
  266. // renderPagination(totalPage,activePageNow,totalNum)
  267. })
  268. $(".prePage").on("click", function(e){
  269. let activePageNow = Number($(".activePage").attr('data-page'))
  270. if(activePageNow > 1){
  271. activePageNow--
  272. getTabData(activePageNow)
  273. // renderPagination(totalPage,activePageNow,totalNum)
  274. }
  275. })
  276. $(".nextPage").on("click", function(e){
  277. let activePageNow = Number($(".activePage").attr('data-page'))
  278. if(activePageNow < totalPage){
  279. activePageNow++
  280. getTabData(activePageNow)
  281. // renderPagination(totalPage,activePageNow,totalNum)
  282. }
  283. })
  284. }
  285. $(function() {
  286. const iconCalenBlue= require("./../images/icon_calen_blue.png")
  287. const iconCalenGrey= require("./../images/icon_calen_grey.png")
  288. $('.datapickerBox').append(`<img class="iconCalen" src=${iconCalenGrey} />`)
  289. $('.iconCalen').on("mouseenter", function(e){
  290. $(this).attr("src", iconCalenBlue)
  291. })
  292. $('.iconCalen').on("mouseleave", function(e){
  293. $(this).attr("src", iconCalenGrey)
  294. })
  295. $('.iconCalen').on("click", function(e){
  296. $(this).parent().find("input").focus()
  297. })
  298. $('.exportData').click(function(){
  299. const start = new Date(startDateParam).getTime()
  300. const end = new Date(endDateParam).getTime()
  301. if(start > end){
  302. $.alerModal({"message":'开始时间不能大于结束时间~',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  303. return
  304. }
  305. const param = {
  306. "deptName": deptName,
  307. "asc":data_asc, //升序
  308. "desc":data_desc, //降序
  309. "startDate":startDateParam,
  310. "endDate":endDateParam
  311. }
  312. expJson(api.entryStatisticsExport,param).then(res =>{
  313. downloadExportedData(res.data, "关键条目缺陷占比.xls")
  314. })
  315. })
  316. });