qcList.js 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466
  1. const $ = require('jquery');
  2. require("../css/qcList.less");
  3. require('./modal.js');
  4. const {api} = require('./api.js')
  5. const {post} = 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 iconCalenBlue= require("./../images/icon_calen_blue.png")
  11. const iconCalenGrey= require("./../images/icon_calen_grey.png")
  12. const iconDown= require("./../images/arrow_down.png")
  13. const iconUp = require("./../images/arrow_up.png")
  14. const loadingImg = require("./../images/loading.gif")
  15. const arrowLeft= require("./../images/arrow_left.png")
  16. const arrowRight = require("./../images/arrow_right.png")
  17. $(".selectLevel").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  18. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  19. let tabList = [], name = "", behospitalCode="", behosDateStart="", level="",behosDateEnd="", scoreSum = 0,
  20. nameTemp = "", behospitalCodeTemp="",levelTemp="", deptId="",deptIdTemp="", doctorName="", doctorNum="",doctorNameTemp="",doctorNumTemp="",
  21. data_desc=[],data_asc=[];
  22. $('.datapickerBox').append(`<img class="iconCalen" src=${iconCalenGrey} />`)
  23. $('.iconCalen').on("mouseenter", function(e){
  24. $(this).attr("src", iconCalenBlue)
  25. })
  26. $('.iconCalen').on("mouseleave", function(e){
  27. $(this).attr("src", iconCalenGrey)
  28. })
  29. $('.iconCalen').on("click", function(e){
  30. $(this).parent().find("input").focus()
  31. })
  32. function getTabData(activePage){
  33. const param = {
  34. current:activePage,
  35. behospitalCode: behospitalCode,
  36. name: name, //条目名
  37. level:level,//病历等级
  38. deptId: deptId,
  39. asc:data_asc, //升序
  40. desc:data_desc, //降序
  41. doctorName: doctorName,
  42. doctorCode: doctorNum,
  43. behosDateStart: behosDateStart, //1-单项否决 0-非
  44. behosDateEnd: behosDateEnd, //0-未启用 1-启用
  45. size: 15
  46. }
  47. post(api.qcList,param).then(res =>{
  48. if(res.data.code == '0'){
  49. tabList = res.data.data.records
  50. const totalPage = res.data.data.pages
  51. const totalNum = res.data.data.total
  52. renderTab(tabList)
  53. renderPagination(totalPage,Number(activePage),totalNum)
  54. if(totalPage > 1){
  55. renderPagination(totalPage,Number(activePage),totalNum)
  56. } else{
  57. $('.pagination').html("")
  58. }
  59. }else{
  60. $.alerModal({"message":res.data.msg,type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  61. }
  62. }).catch((e) =>{
  63. })
  64. }
  65. getTabData(1)
  66. $(".filter").on("click", function(e){
  67. behosDateStart = $("#datepicker").val().trim()
  68. behosDateEnd = $("#datepicker2").val().trim()
  69. const start = new Date(behosDateStart).getTime()
  70. const end = new Date(behosDateEnd).getTime()
  71. if(start > end){
  72. $.alerModal({"message":'开始时间不能大于结束时间~',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  73. return
  74. }
  75. if(behosDateStart){
  76. behosDateStart = behosDateStart.replace(/\//g,'-') + ' 00:00:00'
  77. }
  78. if(behosDateEnd){
  79. behosDateEnd = behosDateEnd.replace(/\//g,'-') + ' 23:59:59'
  80. }
  81. name = nameTemp
  82. behospitalCode = behospitalCodeTemp
  83. level = levelTemp
  84. deptId = deptIdTemp
  85. doctorName = doctorNameTemp
  86. doctorNum = doctorNumTemp
  87. getTabData(1)
  88. })
  89. function renderTab(data){
  90. let str = ``
  91. let hasSelectAll = true
  92. for(let i = 0; i < data.length; i++){
  93. const item = data[i]
  94. if(!item.hasSelect){
  95. hasSelectAll = false
  96. }
  97. str += `
  98. <tr data-index=${i}>
  99. <td class="scoreOperaItem textCenter">${item.hasSelect ? `<img class="iconCheck" src=${iconCheck} />`:`<img class="iconCheck" src=${iconUnCheck} />`}</td>
  100. <td class="recordScoreOperaBtn textCenter">评分</td>
  101. <td >${item.behospitalCode || "-"}</td>
  102. <td>${item.fileCode || "-"}</td>
  103. <td class="textCenter"><span data-index=${i} class="patientNameSpan">${item.name || "-"}<span></td>
  104. <td class="textCenter">${item.sex || "-"}</td>
  105. <td class="textCenter">${item.age || "-"}</td>
  106. <td class="textCenter">${item.bedCode || "-"}</td>
  107. <td class="textCenter">${item.behospitalDate&&item.behospitalDate.slice(0,10) || "-"}</td>
  108. <td class="textCenter">${item.leaveHospitalDate&&item.leaveHospitalDate.slice(0,10)|| "-"}</td>
  109. <td class="textCenter">${item.behDoctorName || "-"}</td>
  110. <td class="textCenter">${item.doctorName || "-"}</td>
  111. <td class="textCenter">${item.directorDoctorName || "-"}</td>
  112. <td class="textCenter">${item.behDeptName || "-"}</td>
  113. <td class="textCenter">${item.level || "-"}</td>
  114. <td class="textCenter">${item.scoreRes || "-"}</td>
  115. <td class="textCenter">${item.gradeTime&&item.gradeTime.slice(0,10) || "-"}</td>
  116. </tr>
  117. `
  118. }
  119. if(data.length === 0){
  120. hasSelectAll = false
  121. }
  122. if(hasSelectAll){
  123. $('.scoreOpera img').attr("src" ,iconCheck)
  124. $('.scoreOpera').attr("data-selectall",true)
  125. }else{
  126. $('.scoreOpera img').attr("src" ,iconUnCheck)
  127. $('.scoreOpera').attr("data-selectall",false)
  128. }
  129. $('tbody').html(str)
  130. bindScoreOperaItem()
  131. bindRecordScoreOper()
  132. bindScoreDetail()
  133. }
  134. function scoreDetail(id,age){
  135. window.open(`./qcScore.html?id=${id}&age=${age}`)
  136. }
  137. function bindScoreDetail(){
  138. $('.patientNameSpan').on('click',function(e){
  139. const index = $(this).attr("data-index")
  140. const id = tabList[index].behospitalCode
  141. const age = tabList[index].age
  142. const noScore = tabList[index].level == '未评分'
  143. if(noScore){
  144. $.alerModal({"message":'请先进行评分!',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  145. return
  146. } else{
  147. scoreDetail(id,age)
  148. }
  149. })
  150. }
  151. //选择病历等级
  152. $('.selectLevel').on("click", function(e){
  153. e.stopPropagation()
  154. $(".deptList ").css("display", "none")
  155. $(".selectDept .arrow").attr("src",iconDown)
  156. const showList = $(".levelList ").css("display")
  157. if(showList == "none" ||!showList){
  158. $(".levelList ").css("display","block")
  159. $(".selectLevel .arrow").attr("src",iconUp)
  160. }else{
  161. $(".levelList ").css("display", "none")
  162. $(".selectLevel .arrow").attr("src",iconDown)
  163. }
  164. })
  165. bindLeveldSelect()
  166. //是否启用选择
  167. function bindLeveldSelect(){
  168. $('.levelItem').on("click",function(){
  169. const levelItemName = $(this).attr("data-name")
  170. const levelItemItemId = $(this).attr("data-id")
  171. levelTemp =levelItemItemId
  172. $('.selectLevel').html(levelItemName)
  173. $(".levelList").css("display", "none")
  174. $(".selectLevel").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  175. })
  176. }
  177. //全选绑定
  178. bindOperaAll()
  179. function bindScoreOperaItem(){
  180. $(".scoreOperaItem").on("click", function(e){
  181. const index = $(this).parent().attr("data-index")
  182. tabList[index].hasSelect = tabList[index].hasSelect ? false:true
  183. renderTab(tabList)
  184. })
  185. }
  186. function bindRecordScoreOper(){
  187. $(".recordScoreOperaBtn").on("click", function(e){
  188. const index = $(this).parent().attr("data-index")
  189. const behospitalCode = tabList[index].behospitalCode
  190. loading()
  191. recordScore(behospitalCode,1)
  192. })
  193. }
  194. function bindOperaAll(){
  195. $('.scoreOpera').on("click", function(e){
  196. const hasSelectAll = $('.scoreOpera').attr("data-selectall")
  197. if(hasSelectAll == 'true'){
  198. for(let i = 0; i < tabList.length; i++){
  199. tabList[i].hasSelect = false
  200. }
  201. }else{
  202. for(let i = 0; i < tabList.length; i++){
  203. tabList[i].hasSelect = true
  204. }
  205. }
  206. renderTab(tabList)
  207. })
  208. }
  209. $('.selectDept').on("click", function(e){
  210. e.stopPropagation()
  211. $(".levelList ").css("display","none")
  212. $(".selectLevel .arrow").attr("src",iconDown)
  213. const showList = $(".deptList ").css("display")
  214. if(showList == "none" ||!showList){
  215. $(".deptList ").css("display","block")
  216. $(".selectDept .arrow").attr("src",iconUp)
  217. }else{
  218. $(".deptList ").css("display", "none")
  219. $(".selectDept .arrow").attr("src",iconDown)
  220. }
  221. })
  222. //获取科室列表
  223. getDeptList()
  224. function getDeptList(){
  225. post(api.getDeptList,{inputStr:""}).then(res =>{
  226. if(res.data.code == '0'){
  227. const deptList = res.data.data
  228. rendeDeptList(deptList)
  229. }else{}
  230. }).catch((e) =>{
  231. })
  232. }
  233. function rendeDeptList(deptList){
  234. let str = `<li class="deptItem " data-id=" " data-name="全部">全部</li>`
  235. for(let i = 0; i < deptList.length; i++){
  236. str += `<li class="deptItem ellipsis" title=${deptList[i].deptName} data-id=${deptList[i].deptId} data-name=${deptList[i].deptName}> ${deptList[i].deptName}</li>`
  237. }
  238. $('.deptList').html(str)
  239. bindDeptSelect()
  240. }
  241. //科室选择
  242. function bindDeptSelect(){
  243. $('.deptItem').on("click",function(){
  244. const deptItemName = $(this).attr("data-name")
  245. const deptItemId = $(this).attr("data-id")
  246. deptIdTemp =deptItemId
  247. if(deptItemName.length > 10){
  248. $('.selectDept').html(deptItemName.substring(0,8)+'...')
  249. }else{
  250. $('.selectDept').html(deptItemName)
  251. }
  252. $('.selectDept ').attr('title',deptItemName)
  253. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  254. $(".deptList").css("display", "none")
  255. })
  256. }
  257. function loading(){
  258. const str = `
  259. <div class="loadingBox">
  260. <div class="mask"></div>
  261. <img class="loadingImg" src=${loadingImg} alt="loading" />
  262. </div>
  263. `
  264. $("#mainBox", parent.document).append(str)
  265. }
  266. function hideLoading(){
  267. $("#mainBox .loadingBox", parent.document).remove()
  268. }
  269. $('.recordScoreBtn').on("click",function(e){
  270. let scoreList = []
  271. for(let i = 0; i <tabList.length; i++){
  272. if(tabList[i].hasSelect){
  273. scoreList.push(tabList[i].behospitalCode)
  274. }
  275. }
  276. if(scoreList.length === 0){
  277. $.alerModal({"message":'请选择要评分的项!',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  278. return
  279. } else{
  280. loading()
  281. for(let j = 0; j < scoreList.length; j++){
  282. recordScore(scoreList[j],scoreList.length)
  283. }
  284. }
  285. })
  286. $("th[code]").on("click",function(e){
  287. const code=$(this).attr("code");
  288. if(data_asc[0]===code){
  289. data_desc=[code];
  290. data_asc=[];
  291. }else{
  292. data_desc=[];
  293. data_asc=[code];
  294. }
  295. getTabData(1);
  296. console.log(code)
  297. });
  298. function recordScore(behospitalCode,totalNum){
  299. const param = {
  300. behospitalCode: behospitalCode
  301. }
  302. post(api.recordScore,param).then(res =>{
  303. if(res.data.code == '0'){
  304. scoreSum++
  305. if(scoreSum === totalNum){
  306. hideLoading()
  307. scoreSum = 0
  308. const activePage = $(".activePage").attr('data-page') || 1
  309. getTabData(activePage)
  310. }
  311. }else{}
  312. }).catch((e) =>{
  313. })
  314. }
  315. $(".patientNumInp").on("input", function(e){
  316. const val = $(this).val().trim()
  317. behospitalCodeTemp = val
  318. })
  319. $(".patientNameInp").on("input", function(e){
  320. const val = $(this).val().trim()
  321. nameTemp = val
  322. })
  323. $(".doctorInp").on("input", function(e){
  324. const val = $(this).val().trim()
  325. doctorNameTemp = val
  326. })
  327. $(".doctorNumInp").on("input", function(e){
  328. const val = $(this).val().trim();
  329. doctorNumTemp = val
  330. })
  331. $(function() {
  332. $.datepicker.regional['zh-CN'] = {
  333. clearText: '清除',
  334. clearStatus: '清除已选e799bee5baa6e59b9ee7ad9431333361303131日期',
  335. closeText: '关闭',
  336. closeStatus: '不改变当前选择',
  337. prevText: '<上月',
  338. prevStatus: '显示上月',
  339. prevBigText: '<<',
  340. prevBigStatus: '显示上一年',
  341. nextText: '下月>',
  342. nextStatus: '显示下月',
  343. nextBigText: '>>',
  344. nextBigStatus: '显示下一年',
  345. currentText: '今天',
  346. currentStatus: '显示本月',
  347. monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
  348. monthNamesShort: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
  349. yearNamesShort: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
  350. monthStatus: '选择月份',
  351. yearStatus: '选择年份',
  352. weekHeader: '周',
  353. weekStatus: '年内周次',
  354. dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
  355. dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
  356. dayNamesMin: ['日','一','二','三','四','五','六'],
  357. dayStatus: '设置 DD 为一周起始',
  358. dateStatus: '选择 m月 d日, DD',
  359. dateFormat: 'yy-mm-dd',
  360. firstDay: 1,
  361. initStatus: '请选择日期',
  362. isRTL: false};
  363. $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
  364. $( "#datepicker" ).datepicker({
  365. changeMonth: true,
  366. changeYear: true,
  367. dateFormat:"yy/mm/dd"
  368. });
  369. $( "#datepicker2" ).datepicker({
  370. changeMonth: true,
  371. changeYear: true,
  372. dateFormat:"yy/mm/dd"
  373. });
  374. });
  375. //分页渲染
  376. function renderPagination(totalPage,activePage,totalNum){
  377. let str = `<span class="totalSum">共${totalPage}页/${totalNum}条数据</span><span class="prePage"><img class="arrowPage" src=${arrowLeft} /></span>`
  378. if(totalPage <= 6){
  379. for(let i = 1; i <= totalPage; i++){
  380. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  381. }
  382. }else{
  383. if(activePage <= 3){ //选中页数小于4
  384. for(let i = 1; i <= 4; i++){
  385. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  386. }
  387. str += `<span class="more" >...</span>`
  388. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  389. } else if(activePage > totalPage -3){
  390. str += `<span class="pageNum page1" data-page=1>1</span>`
  391. str += `<span class="more" >...</span>`
  392. str += `<span class="pageNum ${'page'+(totalPage-3)}" data-page=${totalPage -3}>${totalPage -3}</span>`
  393. str += `<span class="pageNum ${'page'+(totalPage-2)}" data-page=${totalPage -2}>${totalPage -2}</span>`
  394. str += `<span class="pageNum ${'page'+(totalPage-1)}" data-page=${totalPage -1}>${totalPage -1}</span>`
  395. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  396. } else {
  397. str += `<span class="pageNum page1" data-page=1>1</span>`
  398. str += `<span class="more" >...</span>`
  399. str += `<span class="pageNum ${'page'+(activePage -1)}" data-page=${activePage -1}>${activePage -1}</span>`
  400. str += `<span class="pageNum ${'page'+activePage}" data-page=${activePage}>${activePage}</span>`
  401. str += `<span class="pageNum ${'page'+(activePage +1)}" data-page=${activePage +1}>${activePage +1}</span>`
  402. str += `<span class="more" >...</span>`
  403. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  404. }
  405. }
  406. str += `<span class="nextPage"><img class="arrowPage" src=${arrowRight} /></span>`
  407. $('.pagination').html(str)
  408. $('.page' + activePage).addClass('activePage')
  409. $(".pageNum").on("click", function(e){
  410. const activePageNow = Number($(this).attr('data-page'))
  411. getTabData(activePageNow)
  412. // renderPagination(totalPage,activePageNow,totalNum)
  413. })
  414. $(".prePage").on("click", function(e){
  415. let activePageNow = Number($(".activePage").attr('data-page'))
  416. if(activePageNow > 1){
  417. activePageNow--
  418. getTabData(activePageNow)
  419. // renderPagination(totalPage,activePageNow,totalNum)
  420. }
  421. })
  422. $(".nextPage").on("click", function(e){
  423. let activePageNow = Number($(".activePage").attr('data-page'))
  424. if(activePageNow < totalPage){
  425. activePageNow++
  426. getTabData(activePageNow)
  427. // renderPagination(totalPage,activePageNow,totalNum)
  428. }
  429. })
  430. }
  431. $(document).on("click", function(){
  432. $(".levelList ").css("display", "none")
  433. $(".deptList").css("display", "none")
  434. $(".selectLevel .arrow").attr("src",iconDown)
  435. })
  436. $((function($){
  437. })($));