partDetailControl.js 20 KB

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