qcList.js 20 KB

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