deptScoreDetailControl.js 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544
  1. const $ = require('jquery');
  2. require("../css/deptScoreDetailControl.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,statisticsType=2,
  20. nameTemp = "", behospitalCodeTemp="",levelTemp="", deptId="",deptIdTemp="", doctorName="", doctorNum="",doctorNameTemp="",doctorNumTemp="",
  21. data_desc=[],data_asc=[];
  22. $(".abnormalClear").click(function(){
  23. window.location.reload()
  24. })
  25. $(".partTitle a").click(function(){
  26. //初始菜单选中
  27. $(".menu .page",parent.document).removeClass("active").eq(0).addClass("active");
  28. $(".container",parent.document).addClass("console-cont");
  29. })
  30. $('.datapickerBox').append(`<img class="iconCalen" src=${iconCalenGrey} />`)
  31. $('.iconCalen').on("mouseenter", function(e){
  32. $(this).attr("src", iconCalenBlue)
  33. })
  34. $('.iconCalen').on("mouseleave", function(e){
  35. $(this).attr("src", iconCalenGrey)
  36. })
  37. $('.iconCalen').on("click", function(e){
  38. $(this).parent().find("input").focus()
  39. })
  40. $('.recordScoreBtn').css("opacity",hasData('FUNC000017')?'1':'0.5')
  41. dateChange()
  42. //所有数据切换日期筛选
  43. function dateChange(){
  44. $(".monthYear .mon").click(function(){
  45. $(this).css({
  46. backgroundColor:'#00A1FF',
  47. color:'#fff'
  48. }).siblings().css({
  49. color:'#00A1FF',
  50. backgroundColor:'#fff'
  51. })
  52. $(".dayDetail .deptListWrap").css("display","block")
  53. $(".dayDetail .dayFilter").css("display","none")
  54. statisticsType = 1
  55. getTabData(1)
  56. })
  57. $(".monthYear .year").click(function(){
  58. $(this).css({
  59. backgroundColor:'#00A1FF',
  60. color:'#fff'
  61. }).siblings().css({
  62. color:'#00A1FF',
  63. backgroundColor:'#fff'
  64. })
  65. $(".dayDetail .deptListWrap").css("display","none")
  66. $(".dayDetail .dayFilter").css("display","block")
  67. statisticsType = 2
  68. getTabData(1)
  69. })
  70. }
  71. //判断有无某一权限
  72. function hasData(data){
  73. let trdObj = JSON.parse(getCookie("trdObj"))
  74. let lis = trdObj['YH-BLZK-ZKPF']
  75. if(!lis){
  76. return false
  77. }
  78. if(lis.indexOf(data)>-1){//有权限
  79. return true
  80. }
  81. return false;
  82. }
  83. function getTabData(activePage){
  84. const param = {
  85. "asc": "",
  86. "desc": "",
  87. "name": behospitalCode||"",
  88. "level": deptId||'',
  89. "type": statisticsType||2, //1-本月,2-本年
  90. }
  91. post(api.levelStatistics,param).then(res =>{
  92. if(res.data.code == '0'){
  93. const data = res.data.data;
  94. tabList = data.records;
  95. const totalPage = data.pages;
  96. const totalNum = data.total;
  97. renderTab(data,data.hospitalId,activePage);
  98. renderPagination(totalPage,Number(activePage),totalNum)
  99. if(totalPage > 1){
  100. renderPagination(totalPage,Number(activePage),totalNum)
  101. } else{
  102. $('.pagination').html("")
  103. }
  104. }else{
  105. $.alerModal({"message":res.data.msg,type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  106. }
  107. }).catch((e) =>{
  108. })
  109. }
  110. getTabData(1)
  111. $(".filter").on("click", function(e){
  112. name = nameTemp
  113. behospitalCode = behospitalCodeTemp
  114. level = levelTemp
  115. deptId = deptIdTemp
  116. getTabData(1)
  117. })
  118. function renderTab(data,hisId,activePage){
  119. let str = ``
  120. for(let i = 0; i < data.length; i++){
  121. const item = data[i]
  122. str += `
  123. <tr data-index=${i}>
  124. <td class="textCenter">${(activePage-1)*15 + i+1}</td>
  125. <td>${item.deptId || "-"}</td>
  126. <td >${item.deptName || "-"}</td>
  127. <td class="goHomeDetail" data-dept="${item.deptName || ""}">${item.entryNum || "-"}</td>
  128. <td >${item.averageValue || "-"}</td>
  129. <td >${item.mrNum || "-"}</td>
  130. <td >${item.firstLevelNum || "-"}</td>
  131. <td >${item.secondLevelNum || "-"}</td>
  132. <td >${item.thirdLevelNum || "-"}</td>
  133. <td >${item.firstLevelPercentStr || "-"}</td>
  134. <td >${item.secondLevelPercentStr || "-"}</td>
  135. <td >${item.thirdLevelPercentStr || "-"}</td>
  136. </tr>
  137. `
  138. }
  139. $('tbody').html(str?str:'<tr><td colspan="17" style="text-align: center;color: #aaa">暂无数据~</td></tr>')
  140. bindScoreDetail(hisId)
  141. $(".goHomeDetail").click(function(){
  142. let deptName = $(this).attr("data-dept")
  143. $(parent.document).find("#contentIframe").attr("src","quexianDetailControl.html?deptName="+deptName+"&from=2"+"&shijian="+statisticsType)
  144. })
  145. }
  146. function scoreDetail(id,age,hid,code){
  147. window.open(`./qcScore.html?id=${id}&age=${age}&hid=${hid}&code=${code}`)
  148. }
  149. function bindScoreDetail(hisId){
  150. $('.patientNameSpan').on('click',function(e){
  151. const index = $(this).attr("data-index")
  152. const type = $(this).attr("data-type")
  153. const item = tabList[index]
  154. midifyMsgBox(item,type)
  155. })
  156. }
  157. function midifyMsgBox(item,type){
  158. const itemCopy = JSON.parse(JSON.stringify(item))
  159. let msgBox = ''
  160. if(type == 1){
  161. msgBox = `<div class="midifyMsgBox">
  162. <div class="mask"></div>
  163. <div class="midifyMsgContent abnormal">
  164. <p class="midifyMsgTitle">修改 <img class="iconClose" src=${require('./../images/icon_close_default.png')} alt="关闭" /></p>
  165. <div class="itemMsgInfoBox">
  166. <span class="itemMsgLab abnormalLeft">状态:</span>
  167. <span class="abnormalAll" data-status="${itemCopy.status}">${itemCopy.status == 0?"未处理":"已处理"}</span>
  168. <ul class="abnormalStatusLis">
  169. <li data-status="0">未处理</li>
  170. <li data-status="1">已处理</li>
  171. </ul>
  172. </div>
  173. <div class="itemMsgInfoBox">
  174. <span class="itemMsgLab abnormalLeft abnormalMark">备注:</span>
  175. <span class="itemInfoRight">
  176. <textarea class="abnormalTxt" placeholder="请输入内容" >${itemCopy.remark}</textarea>
  177. </span>
  178. </div>
  179. <div class="itemMsgInfoTips">支持≥0的数字输入,最多保留小数点后1位~</div>
  180. <div class="midifyMsgBtn abnormalBtn">
  181. <span class="midifyEdit">保存</span>
  182. </div>
  183. </div>
  184. </div>`
  185. }else{
  186. msgBox = `<div class="midifyMsgBox">
  187. <div class="mask"></div>
  188. <div class="midifyMsgContent midifyMsgContentDel">
  189. <p class="midifyMsgTitle">修改 <img class="iconClose" src=${require('./../images/icon_close_default.png')} alt="关闭" /></p>
  190. <p class="delTips">确认要删除该条异常记录?</p>
  191. <div class="midifyMsgBtn midifyMsgBtnDel">
  192. <span class="midifyEdit midifyEditDel">删除</span>
  193. <span class="midifyEdit midifyEditQuit">取消</span>
  194. </div>
  195. </div>
  196. </div>`
  197. }
  198. $("#mainBox", parent.document).append(msgBox)
  199. $(".midifyEditDel", parent.document).on("click",function(){
  200. delModifyOne(itemCopy)
  201. })
  202. $(".midifyEditQuit", parent.document).on("click",function(){
  203. $("#mainBox .midifyMsgBox", parent.document).remove()
  204. })
  205. $(".abnormalAll", parent.document).on("click",function(){
  206. $(".abnormalStatusLis", parent.document).slideToggle()
  207. })
  208. $(".abnormalStatusLis li", parent.document).on("click",function(){
  209. let status = $(this).attr("data-status")
  210. let str = $(this).html()
  211. $(".abnormalAll", parent.document).attr("data-status",status).html(str)
  212. $(".abnormalStatusLis", parent.document).slideToggle()
  213. })
  214. $("#mainBox .midifyMsgBox .iconClose", parent.document).on("click", function(e){
  215. $("#mainBox .midifyMsgBox", parent.document).remove()
  216. })
  217. $("#mainBox .midifyMsgBox .itemScore", parent.document).on("keypress", function(event){
  218. return (/[\d\.]/.test(String.fromCharCode(event.keyCode)))
  219. })
  220. $("#mainBox .midifyMsgBox .itemScore", parent.document).on("input", function(e){
  221. const val = $(this).val()
  222. itemCopy.score = val
  223. })
  224. $("#mainBox .midifyMsgBox .midifyEdit", parent.document).on("click", function(e){
  225. saveModifyOne(itemCopy)
  226. })
  227. }
  228. //保存修改
  229. function delModifyOne(itemCopy){
  230. let param = {
  231. "id": itemCopy.id
  232. }
  233. post(api.delQcAnnormal,param).then(res =>{
  234. if(res.data.code == '0'){
  235. const data = res.data.data;
  236. getTabData(1)
  237. $("#mainBox .midifyMsgBox", parent.document).remove()
  238. $.alerModal({"message":'删除成功',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  239. }else{
  240. }
  241. }).catch((e) =>{
  242. })
  243. }
  244. //保存修改
  245. function saveModifyOne(itemCopy){
  246. let txt = $(".abnormalTxt", parent.document).val()
  247. let status = $(".abnormalAll", parent.document).attr("data-status")
  248. let param = {
  249. "id": itemCopy.id,
  250. "remark": txt,
  251. "status": status
  252. }
  253. post(api.saveQcAnnormal,param).then(res =>{
  254. if(res.data.code == '0'){
  255. const data = res.data.data;
  256. getTabData(1)
  257. $("#mainBox .midifyMsgBox", parent.document).remove()
  258. $.alerModal({"message":'修改成功',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  259. }else{
  260. }
  261. }).catch((e) =>{
  262. })
  263. }
  264. //选择病历等级
  265. $('.selectLevel').on("click", function(e){
  266. e.stopPropagation()
  267. $(".deptList ").css("display", "none")
  268. $(".selectDept .arrow").attr("src",iconDown)
  269. const showList = $(".levelList ").css("display")
  270. if(showList == "none" ||!showList){
  271. $(".levelList ").css("display","block")
  272. $(".selectLevel .arrow").attr("src",iconUp)
  273. }else{
  274. $(".levelList ").css("display", "none")
  275. $(".selectLevel .arrow").attr("src",iconDown)
  276. }
  277. })
  278. bindLeveldSelect()
  279. //是否启用选择
  280. function bindLeveldSelect(){
  281. $('.levelItem').on("click",function(){
  282. const levelItemName = $(this).attr("data-name")
  283. const levelItemItemId = $(this).attr("data-id")
  284. levelTemp =levelItemItemId
  285. $('.selectLevel').html(levelItemName)
  286. $(".levelList").css("display", "none")
  287. $(".selectLevel").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  288. })
  289. }
  290. //全选绑定
  291. $('.selectDept').on("click", function(e){
  292. e.stopPropagation()
  293. $(".levelList ").css("display","none")
  294. $(".selectLevel .arrow").attr("src",iconDown)
  295. const showList = $(".deptList ").css("display")
  296. if(showList == "none" ||!showList){
  297. $(".deptList ").css("display","block")
  298. $(".selectDept .arrow").attr("src",iconUp)
  299. }else{
  300. $(".deptList ").css("display", "none")
  301. $(".selectDept .arrow").attr("src",iconDown)
  302. }
  303. })
  304. function rendeDeptList(deptList){
  305. let str = `<li class="deptItem " data-id=" " data-name="全部">全部</li>`
  306. for(let i = 0; i < deptList.length; i++){
  307. str += `<li class="deptItem ellipsis" title=${deptList[i].deptName} data-id=${deptList[i].deptId} data-name=${deptList[i].deptName}> ${deptList[i].deptName}</li>`
  308. }
  309. $('.deptList').html(str)
  310. }
  311. bindDeptSelect()
  312. //科室选择
  313. function bindDeptSelect(){
  314. $('.deptItem').on("click",function(){
  315. const deptItemName = $(this).attr("data-name")
  316. const deptItemId = $(this).attr("data-id")
  317. deptIdTemp =deptItemId
  318. if(deptItemName.length > 10){
  319. $('.selectDept').html(deptItemName.substring(0,8)+'...')
  320. }else{
  321. $('.selectDept').html(deptItemName)
  322. }
  323. $('.selectDept ').attr('title',deptItemName)
  324. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  325. $(".deptList").css("display", "none")
  326. })
  327. }
  328. function loading(){
  329. const str = `
  330. <div class="loadingBox">
  331. <div class="mask"></div>
  332. <img class="loadingImg" src=${loadingImg} alt="loading" />
  333. </div>
  334. `
  335. $("#mainBox", parent.document).append(str)
  336. }
  337. function hideLoading(){
  338. $("#mainBox .loadingBox", parent.document).remove()
  339. }
  340. $('.recordScoreBtn').on("click",function(e){
  341. if(!hasData('FUNC000017')){
  342. return
  343. }
  344. let scoreList = []
  345. for(let i = 0; i <tabList.length; i++){
  346. if(tabList[i].hasSelect){
  347. scoreList.push(tabList[i].behospitalCode)
  348. }
  349. }
  350. if(scoreList.length === 0){
  351. $.alerModal({"message":'请选择要评分的项!',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  352. return
  353. } else{
  354. loading()
  355. for(let j = 0; j < scoreList.length; j++){
  356. recordScore(scoreList[j],scoreList.length)
  357. }
  358. }
  359. })
  360. $("th[code]").on("click",function(e){
  361. const code=$(this).attr("code");
  362. if(data_asc[0]===code){
  363. data_desc=[code];
  364. data_asc=[];
  365. $("th[code]").removeClass("asc desc");
  366. $(this).addClass("desc");
  367. }else{
  368. data_desc=[];
  369. data_asc=[code];
  370. $("th[code]").removeClass("asc desc");
  371. $(this).addClass("asc");
  372. }
  373. getTabData(1);
  374. });
  375. function recordScore(behospitalCode,totalNum){
  376. const param = {
  377. behospitalCode: behospitalCode
  378. }
  379. post(api.recordScore,param).then(res =>{
  380. if(res.data.code == '0'){
  381. scoreSum++
  382. if(scoreSum === totalNum){
  383. hideLoading()
  384. scoreSum = 0
  385. const activePage = $(".activePage").attr('data-page') || 1
  386. getTabData(activePage)
  387. }
  388. }else{}
  389. }).catch((e) =>{
  390. })
  391. }
  392. $(".patientNumInp").on("input", function(e){
  393. const val = $(this).val().trim()
  394. behospitalCodeTemp = val
  395. })
  396. $(".patientNameInp").on("input", function(e){
  397. const val = $(this).val().trim()
  398. nameTemp = val
  399. })
  400. $(".doctorInp").on("input", function(e){
  401. const val = $(this).val().trim()
  402. doctorNameTemp = val
  403. })
  404. $(".doctorNumInp").on("input", function(e){
  405. const val = $(this).val().trim();
  406. doctorNumTemp = val
  407. })
  408. $(function() {
  409. $.datepicker.regional['zh-CN'] = {
  410. clearText: '清除',
  411. clearStatus: '清除已选e799bee5baa6e59b9ee7ad9431333361303131日期',
  412. closeText: '关闭',
  413. closeStatus: '不改变当前选择',
  414. prevText: '<上月',
  415. prevStatus: '显示上月',
  416. prevBigText: '<<',
  417. prevBigStatus: '显示上一年',
  418. nextText: '下月>',
  419. nextStatus: '显示下月',
  420. nextBigText: '>>',
  421. nextBigStatus: '显示下一年',
  422. currentText: '今天',
  423. currentStatus: '显示本月',
  424. monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
  425. monthNamesShort: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
  426. yearNamesShort: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
  427. monthStatus: '选择月份',
  428. yearStatus: '选择年份',
  429. weekHeader: '周',
  430. weekStatus: '年内周次',
  431. dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
  432. dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
  433. dayNamesMin: ['日','一','二','三','四','五','六'],
  434. dayStatus: '设置 DD 为一周起始',
  435. dateStatus: '选择 m月 d日, DD',
  436. dateFormat: 'yy-mm-dd',
  437. firstDay: 1,
  438. initStatus: '请选择日期',
  439. isRTL: false};
  440. $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
  441. $( "#datepicker" ).datepicker({
  442. changeMonth: true,
  443. changeYear: true,
  444. dateFormat:"yy/mm/dd"
  445. });
  446. $( "#datepicker2" ).datepicker({
  447. changeMonth: true,
  448. changeYear: true,
  449. dateFormat:"yy/mm/dd"
  450. });
  451. });
  452. //分页渲染
  453. function renderPagination(totalPage,activePage,totalNum){
  454. let str = `<span class="totalSum">共${totalPage}页/${totalNum}条数据</span><span class="prePage"><img class="arrowPage" src=${arrowLeft} /></span>`
  455. if(totalPage <= 6){
  456. for(let i = 1; i <= totalPage; i++){
  457. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  458. }
  459. }else{
  460. if(activePage <= 3){ //选中页数小于4
  461. for(let i = 1; i <= 4; i++){
  462. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  463. }
  464. str += `<span class="more" >...</span>`
  465. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  466. } else if(activePage > totalPage -3){
  467. str += `<span class="pageNum page1" data-page=1>1</span>`
  468. str += `<span class="more" >...</span>`
  469. str += `<span class="pageNum ${'page'+(totalPage-3)}" data-page=${totalPage -3}>${totalPage -3}</span>`
  470. str += `<span class="pageNum ${'page'+(totalPage-2)}" data-page=${totalPage -2}>${totalPage -2}</span>`
  471. str += `<span class="pageNum ${'page'+(totalPage-1)}" data-page=${totalPage -1}>${totalPage -1}</span>`
  472. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  473. } else {
  474. str += `<span class="pageNum page1" data-page=1>1</span>`
  475. str += `<span class="more" >...</span>`
  476. str += `<span class="pageNum ${'page'+(activePage -1)}" data-page=${activePage -1}>${activePage -1}</span>`
  477. str += `<span class="pageNum ${'page'+activePage}" data-page=${activePage}>${activePage}</span>`
  478. str += `<span class="pageNum ${'page'+(activePage +1)}" data-page=${activePage +1}>${activePage +1}</span>`
  479. str += `<span class="more" >...</span>`
  480. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  481. }
  482. }
  483. str += `<span class="nextPage"><img class="arrowPage" src=${arrowRight} /></span>`
  484. $('.pagination').html(str)
  485. $('.page' + activePage).addClass('activePage')
  486. $(".pageNum").on("click", function(e){
  487. const activePageNow = Number($(this).attr('data-page'))
  488. getTabData(activePageNow)
  489. // renderPagination(totalPage,activePageNow,totalNum)
  490. })
  491. $(".prePage").on("click", function(e){
  492. let activePageNow = Number($(".activePage").attr('data-page'))
  493. if(activePageNow > 1){
  494. activePageNow--
  495. getTabData(activePageNow)
  496. // renderPagination(totalPage,activePageNow,totalNum)
  497. }
  498. })
  499. $(".nextPage").on("click", function(e){
  500. let activePageNow = Number($(".activePage").attr('data-page'))
  501. if(activePageNow < totalPage){
  502. activePageNow++
  503. getTabData(activePageNow)
  504. // renderPagination(totalPage,activePageNow,totalNum)
  505. }
  506. })
  507. }
  508. $(document).on("click", function(){
  509. $(".levelList ").css("display", "none")
  510. $(".deptList").css("display", "none")
  511. $(".selectLevel .arrow").attr("src",iconDown)
  512. })
  513. $((function($){
  514. })($));