qcListPerson.js 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847
  1. const $ = require('jquery');
  2. require("../css/qcListPerson.less");
  3. require('./modal.js');
  4. const {api} = require('./api.js')
  5. const {post,getUrlArgObject,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. const goUpG= require("./../images/arrow_up_grey.png")
  18. const goUpB = require("./../images/arrow_up_blue.png")
  19. const goDownG= require("./../images/arrow_down_grey.png")
  20. const goDownB = require("./../images/arrow_down_blue.png")
  21. let pageSet = [],pageSetCopy = [], showNum = 0, scrollTop=0;
  22. let doctorName_global = getUrlArgObject("doctorName")
  23. // console.log('doctorName_global',doctorName_global)
  24. $('.selectDoctor').html(doctorName_global)
  25. $("#filterToggler").click(function(){
  26. const text = $(this).text();
  27. $(".toggle-item").slideToggle();
  28. $(this).text(text==="收起筛选"?"展开筛选":"收起筛选").toggleClass("up");
  29. });
  30. $(".selectLevel").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  31. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  32. let srcUrl = $("#contentIframe",parent.document).attr("src")
  33. let statisticsType = getUrlArgObjectNew("dateType",srcUrl)||getUrlArgObjectNew("shijian",srcUrl) || ""
  34. let chengdu = getUrlArgObjectNew("chengdu",srcUrl)||""
  35. let deptIdPram = getUrlArgObjectNew("deptId",srcUrl)||""
  36. let deptNamePram = getUrlArgObjectNew("deptName",srcUrl)||""
  37. let docName = getUrlArgObjectNew("docName",srcUrl)||""
  38. let tabList = [], name = "", behospitalCode="", behosDateStart="", level="",behosDateEnd="", scoreSum = 0,nameTemp = "",
  39. behospitalCodeTemp="",levelTemp="", deptId="",deptIdTemp="", doctorName=doctorName_global, doctorNameTemp=doctorName_global,data_desc=["leave_hospital_date"],data_asc=[];
  40. if(chengdu){
  41. levelTemp = chengdu
  42. level = chengdu
  43. $('.selectLevel').html(chengdu)
  44. $(".levelList").css("display", "none")
  45. $(".selectLevel").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  46. }
  47. if(docName){
  48. doctorNameTemp = docName
  49. doctorName = docName
  50. $('.selectDoctor').html(docName)
  51. }
  52. if(deptIdPram&&deptNamePram){
  53. deptIdTemp = deptIdPram
  54. deptId = deptIdPram
  55. if(deptNamePram.length > 10){
  56. $('.selectDept').html(deptNamePram.substring(0,8)+'...')
  57. }else{
  58. $('.selectDept').html(deptNamePram)
  59. }
  60. $('.selectDept ').attr('title',deptNamePram)
  61. $(".deptList").css("display", "none")
  62. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  63. }
  64. $('.datapickerBox').append(`<img class="iconCalen" src=${iconCalenGrey} />`)
  65. $('.iconCalen').on("mouseenter", function(e){
  66. $(this).attr("src", iconCalenBlue)
  67. })
  68. $('.iconCalen').on("mouseleave", function(e){
  69. $(this).attr("src", iconCalenGrey)
  70. })
  71. $('.iconCalen').on("click", function(e){
  72. $(this).parent().find("input").focus()
  73. })
  74. $('.recordScoreBtn').css("opacity",hasData('FUNC000017')?'1':'0.5')
  75. //判断有无某一权限
  76. function hasData(data){
  77. let trdObj = JSON.parse(getCookie("trdObj"))
  78. let lis = trdObj['YH-BLZK-ZKPFGR']
  79. if(!lis){
  80. return false
  81. }
  82. if(lis.indexOf(data)>-1){//有权限
  83. return true
  84. }
  85. return false;
  86. }
  87. function getTabData(activePage){
  88. const param = {
  89. current:activePage,
  90. behospitalCode: behospitalCode,
  91. name: name, //条目名
  92. level:level,//病历等级
  93. deptId: deptId,
  94. asc:data_asc, //升序
  95. desc:data_desc, //降序
  96. doctorName: doctorName,
  97. leaveHosDateStart: behosDateStart, //1-单项否决 0-非
  98. leaveHosDateEnd: behosDateEnd, //0-未启用 1-启用
  99. size: 15,
  100. statisticsType:statisticsType
  101. }
  102. return post(api.qcListByPerson,param).then(res =>{
  103. if(res.data.code == '0'){
  104. tabList = res.data.data.records
  105. const totalPage = res.data.data.pages
  106. const totalNum = res.data.data.total
  107. renderTab(tabList)
  108. renderPagination(totalPage,Number(activePage),totalNum)
  109. if(totalPage > 1){
  110. renderPagination(totalPage,Number(activePage),totalNum)
  111. } else{
  112. $('.pagination').html("")
  113. }
  114. }else{
  115. $.alerModal({"message":res.data.msg,type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  116. }
  117. }).catch((e) =>{
  118. })
  119. }
  120. //getTabData(1)
  121. $(".filter").on("click", function(e){
  122. behosDateStart = $("#datepicker").val().trim()
  123. behosDateEnd = $("#datepicker2").val().trim()
  124. const start = new Date(behosDateStart).getTime()
  125. const end = new Date(behosDateEnd).getTime()
  126. if(start > end){
  127. $.alerModal({"message":'开始时间不能大于结束时间~',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  128. return
  129. }
  130. if(behosDateStart){
  131. behosDateStart = behosDateStart.replace(/\//g,'-') + ' 00:00:00'
  132. }
  133. if(behosDateEnd){
  134. behosDateEnd = behosDateEnd.replace(/\//g,'-') + ' 23:59:59'
  135. }
  136. name = nameTemp
  137. behospitalCode = behospitalCodeTemp
  138. level = levelTemp==="全部"?"":levelTemp
  139. deptId = deptIdTemp
  140. doctorName = doctorNameTemp
  141. getTabData(1)
  142. })
  143. $(".abnormalClear").on("click", function(e){
  144. tabList = [];
  145. name = "";
  146. behospitalCode="";
  147. level="";
  148. scoreSum = 0;
  149. nameTemp = "";
  150. behospitalCodeTemp="";
  151. levelTemp="";
  152. deptId="";
  153. deptIdTemp="";
  154. doctorName="";
  155. doctorNum="";
  156. doctorNameTemp="";
  157. doctorNumTemp="";
  158. data_desc=["leave_hospital_date"]
  159. data_asc=[];
  160. $('.patientNumInp').val('')
  161. $('.patientNameInp').val('')
  162. $('.doctorInp').val('')
  163. $('.doctorNumInp').val('')
  164. $('.doctorInp').val('')
  165. // $('#datepicker').val('')
  166. // $('#datepicker2').val('')
  167. //默认日期为近一个月
  168. $( "#datepicker" ).datepicker({
  169. changeMonth: true,
  170. changeYear: true,
  171. dateFormat:"yy/mm/dd",
  172. }).datepicker( "setDate", "-6d");
  173. $( "#datepicker2" ).datepicker({
  174. changeMonth: true,
  175. changeYear: true,
  176. dateFormat:"yy/mm/dd"
  177. }).datepicker( "setDate",new Date());
  178. $('.selectDept ').html('全部')
  179. $(".deptList").css("display", "none")
  180. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  181. // $('.selectDept ').addClass('unSelect')
  182. $('.selectLevel').html('全部')
  183. $(".levelList").css("display", "none")
  184. $(".selectLevel").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  185. // $('.selectLevel ').addClass('unSelect')
  186. $("th[code]").removeClass("asc desc")
  187. $(".leaveHospitalDate").addClass(" desc")
  188. behosDateStart = $("#datepicker").val().trim()
  189. behosDateEnd = $("#datepicker2").val().trim()
  190. if(behosDateStart){
  191. behosDateStart = behosDateStart.replace(/\//g,'-') + ' 00:00:00'
  192. }
  193. if(behosDateEnd){
  194. behosDateEnd = behosDateEnd.replace(/\//g,'-') + ' 23:59:59'
  195. }
  196. getTabData(1)
  197. })
  198. function bindOrder(){
  199. $("th[code]").off("click").on("click",function(e){
  200. const code=$(this).attr("code");
  201. if(data_asc[0]===code){
  202. data_desc=[code];
  203. data_asc=[];
  204. $("th[code]").removeClass("asc desc");
  205. $(this).addClass("desc");
  206. }else{
  207. data_desc=[];
  208. data_asc=[code];
  209. $("th[code]").removeClass("asc desc");
  210. $(this).addClass("asc");
  211. }
  212. getTabData(1);
  213. // console.log(code)
  214. });
  215. }
  216. function renderTab(data){
  217. let str = ``
  218. let hasSelectAll = true;
  219. if(data.length===0){
  220. $('.tbody').html(emptyBox(null,showNum+2))
  221. return;
  222. }
  223. for(let i = 0; i < data.length; i++){
  224. const item = data[i]
  225. if(!item.hasSelect){
  226. hasSelectAll = false
  227. }
  228. str += `
  229. <tr data-index=${i}>
  230. <td class="scoreOperaItem textCenter">${item.hasSelect ? `<img class="iconCheck" src=${iconCheck} />`:`<img class="iconCheck" src=${iconUnCheck} />`}</td>
  231. <td class="recordScoreOperaBtn textCenter" style="opacity:${hasData('FUNC000017')?'1':'0.5'}">评分</td>`
  232. for(let j = 0; j < pageSet.length; j++){
  233. if(pageSet[j].status == 1){
  234. str += `<td class="${isTextCenter(pageSet[j].val) ? 'textCenter':''}"><span data-index=${i} class="${pageSet[j].val=='name'?'patientNameSpan':''}">${item[pageSet[j].val] || "-"}<span></td>`
  235. }
  236. }
  237. // <td >${item.behospitalCode || "-"}</td>
  238. // <td>${item.fileCode || "-"}</td>
  239. // <td class="textCenter"><span data-index=${i} class="patientNameSpan">${item.name || "-"}<span></td>
  240. // <td class="textCenter">${item.sex || "-"}</td>
  241. // <td class="textCenter">${item.age || "-"}</td>
  242. // <td class="textCenter">${item.bedCode || "-"}</td>
  243. // <td class="textCenter">${item.behospitalDate&&item.behospitalDate.slice(0,10) || "-"}</td>
  244. // <td class="textCenter">${item.leaveHospitalDate&&item.leaveHospitalDate.slice(0,10)|| "-"}</td>
  245. // <td class="textCenter">${item.diagnose|| "-"}</td>
  246. // <td class="textCenter">${item.behDoctorName || "-"}</td>
  247. // <td class="textCenter">${item.doctorName || "-"}</td>
  248. // <td class="textCenter">${item.directorDoctorName || "-"}</td>
  249. // <td class="textCenter">${item.behDeptName || "-"}</td>
  250. // <td class="textCenter">${item.level || "-"}</td>
  251. // <td class="textCenter">${item.scoreRes || "-"}</td>
  252. // <td class="textCenter">${item.gradeTime&&item.gradeTime.slice(0,10) || "-"}</td>
  253. str += "</tr>"
  254. }
  255. if(data.length === 0){
  256. hasSelectAll = false
  257. }
  258. if(hasSelectAll){
  259. $('.scoreOpera img').attr("src" ,iconCheck)
  260. $('.scoreOpera').attr("data-selectall",true)
  261. }else{
  262. $('.scoreOpera img').attr("src" ,iconUnCheck)
  263. $('.scoreOpera').attr("data-selectall",false)
  264. }
  265. $('.tbody').html(str)
  266. bindScoreOperaItem()
  267. bindRecordScoreOper()
  268. bindScoreDetail()
  269. }
  270. function isTextCenter(name){
  271. const textCenterList = ['level', 'scoreRes', 'sex','age', 'behospitalDate', 'leaveHospitalDate', 'placefileDate', 'gradeTime']
  272. return textCenterList.findIndex(item=> item==name) > -1
  273. }
  274. function scoreDetail(id,age,code,name){
  275. window.open(`./qcScore.html?id=${id}&age=${age}&code=${code}&hid=${getCookie('hospitalid')}&name=${name}`)
  276. }
  277. function bindScoreDetail(){
  278. $('.patientNameSpan').on('click',function(e){
  279. const index = $(this).attr("data-index")
  280. const id = tabList[index].behospitalCode
  281. const age = tabList[index].age
  282. const noScore = tabList[index].level == '未评分'
  283. if(noScore){
  284. $.alerModal({"message":'请先进行评分!',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  285. return
  286. } else{
  287. scoreDetail(id,age,'YH-BLZK-ZKPFGR',tabList[index].name)
  288. }
  289. })
  290. }
  291. //选择病历等级
  292. $('.selectLevel').on("click", function(e){
  293. e.stopPropagation()
  294. $(".deptList ").css("display", "none")
  295. $(".selectDept .arrow").attr("src",iconDown)
  296. const showList = $(".levelList ").css("display")
  297. if(showList == "none" ||!showList){
  298. $(".levelList ").css("display","block")
  299. $(".selectLevel .arrow").attr("src",iconUp)
  300. }else{
  301. $(".levelList ").css("display", "none")
  302. $(".selectLevel .arrow").attr("src",iconDown)
  303. }
  304. })
  305. bindLeveldSelect()
  306. //是否启用选择
  307. function bindLeveldSelect(){
  308. $('.levelItem').on("click",function(){
  309. const levelItemName = $(this).attr("data-name")
  310. const levelItemItemId = $(this).attr("data-id")
  311. levelTemp =levelItemItemId
  312. $('.selectLevel').html(levelItemName)
  313. $('.selectLevel').removeClass('unSelect')
  314. $(".levelList").css("display", "none")
  315. $(".selectLevel").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  316. })
  317. }
  318. //全选绑定
  319. function bindScoreOperaItem(){
  320. $(".scoreOperaItem").off("click").on("click", function(e){
  321. const index = $(this).parent().attr("data-index")
  322. tabList[index].hasSelect = tabList[index].hasSelect ? false:true
  323. renderTab(tabList)
  324. })
  325. }
  326. function bindRecordScoreOper(){
  327. $(".recordScoreOperaBtn").on("click", function(e){
  328. if(!hasData('FUNC000017')){
  329. return
  330. }
  331. const index = $(this).parent().attr("data-index")
  332. const behospitalCode = tabList[index].behospitalCode
  333. loading()
  334. recordScore(behospitalCode,1,true)
  335. })
  336. }
  337. function bindOperaAll(){
  338. $('.scoreOpera').on("click", function(e){
  339. const hasSelectAll = $('.scoreOpera').attr("data-selectall")
  340. if(hasSelectAll == 'true'){
  341. for(let i = 0; i < tabList.length; i++){
  342. tabList[i].hasSelect = false
  343. }
  344. }else{
  345. for(let i = 0; i < tabList.length; i++){
  346. tabList[i].hasSelect = true
  347. }
  348. }
  349. renderTab(tabList)
  350. })
  351. }
  352. $('.selectDept').on("click", function(e){
  353. e.stopPropagation()
  354. $(".levelList ").css("display","none")
  355. $(".selectLevel .arrow").attr("src",iconDown)
  356. const showList = $(".deptList ").css("display")
  357. if(showList == "none" ||!showList){
  358. $(".deptList ").css("display","block")
  359. $(".selectDept .arrow").attr("src",iconUp)
  360. }else{
  361. $(".deptList ").css("display", "none")
  362. $(".selectDept .arrow").attr("src",iconDown)
  363. }
  364. })
  365. //获取科室列表
  366. getDeptList()
  367. function getDeptList(){
  368. post(api.getDeptListDept,{inputStr:""}).then(res =>{
  369. if(res.data.code == '0'){
  370. const deptList = res.data.data
  371. rendeDeptList(deptList)
  372. }else{}
  373. }).catch((e) =>{
  374. })
  375. }
  376. //获取页面配置
  377. function getPageSet(){
  378. return post(api.getQcListPageSet,{pageType:1}).then(res =>{
  379. if(res.data.code == '0'){
  380. pageSet = res.data.data
  381. pageSetCopy = JSON.parse(JSON.stringify(pageSet))
  382. showNum = 0
  383. renderTabTitle(pageSet)
  384. }else{}
  385. }).catch((e) =>{
  386. })
  387. }
  388. function renderTabTitle(data){
  389. let str = ` <th class="textCenter" ></th>
  390. <th class="recordScoreOpera textCenter" style="width: 65px;">操作</th>`
  391. for(let i = 0; i < data.length; i++){
  392. const item = data[i]
  393. if(item.status == 1){
  394. showNum++
  395. str += `<th class="textCenter ${item.val} ${item.val =='leaveHospitalDate' ? 'desc':''}" code="${item.val.replace(/([A-Z])/g,function(match) {
  396. return '_' + match.toLowerCase()
  397. })}">${item.name}</th>`
  398. }
  399. }
  400. let operStr=`<td colspan="${showNum+2}" style="background: #fff">
  401. <div class="tabFoot">
  402. <span class="scoreOpera" data-selectAll=false><img class="iconCheck" src="${iconUnCheck}" alt="checkbox">全选</span>
  403. <span class="recordScoreBtn">评分</span>
  404. <span class="setCol"><img class="iconSetting" src=${require('./../images/setting.png')} alt="关闭" />列设置</span>
  405. </div>
  406. </td>`
  407. $(".tabOpera").html(operStr)
  408. $(".tabTitle").html(str)
  409. //全选绑定
  410. bindOperaAll()
  411. bindRecordScoreBtn()
  412. bindSetCol()
  413. bindOrder()
  414. }
  415. function bindSetCol(){
  416. $(".setCol").off("click").on("click", function(){
  417. renderColSet(pageSetCopy)
  418. })
  419. }
  420. function rendeDeptList(deptList){
  421. let str = `<li class="deptItem ellipsis" data-id=" " data-name="全部">全部</li>`
  422. for(let i = 0; i < deptList.length; i++){
  423. str += `<li class="deptItem ellipsis" title=${deptList[i].deptName} data-id=${deptList[i].deptId} data-name=${deptList[i].deptName}> ${deptList[i].deptName}</li>`
  424. }
  425. $('.deptList').html(str)
  426. bindDeptSelect()
  427. }
  428. //科室选择
  429. function bindDeptSelect(){
  430. $('.deptItem').on("click",function(){
  431. const deptItemName = $(this).attr("data-name")
  432. const deptItemId = $(this).attr("data-id")
  433. deptIdTemp =deptItemId
  434. if(deptItemName.length > 10){
  435. $('.selectDept').html(deptItemName.substring(0,8)+'...')
  436. }else{
  437. $('.selectDept').html(deptItemName)
  438. }
  439. $('.selectDept ').attr('title',deptItemName)
  440. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  441. $('.selectDept').removeClass('unSelect')
  442. $(".deptList").css("display", "none")
  443. })
  444. }
  445. function loading(){
  446. const str = `
  447. <div class="loadingBox">
  448. <div class="mask"></div>
  449. <img class="loadingImg" src=${loadingImg} alt="loading" />
  450. </div>
  451. `
  452. $("#mainBox", parent.document).append(str)
  453. }
  454. function hideLoading(){
  455. $("#mainBox .loadingBox", parent.document).remove()
  456. }
  457. function bindRecordScoreBtn(){
  458. $('.recordScoreBtn').off("click").on("click",function(e){
  459. if(!hasData('FUNC000017')){
  460. return
  461. }
  462. let scoreList = []
  463. for(let i = 0; i <tabList.length; i++){
  464. if(tabList[i].hasSelect){
  465. scoreList.push(tabList[i].behospitalCode)
  466. }
  467. }
  468. if(scoreList.length === 0){
  469. $.alerModal({"message":'请选择要评分的项!',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  470. return
  471. } else{
  472. loading()
  473. for(let j = 0; j < scoreList.length; j++){
  474. recordScore(scoreList[j],scoreList.length,true)
  475. }
  476. }
  477. })
  478. }
  479. function recordScore(behospitalCode,totalNum,hasToast){
  480. const param = {
  481. behospitalCode: behospitalCode
  482. }
  483. post(api.recordScore,param).then(res =>{
  484. if(res.data.code == '0'){
  485. scoreSum++
  486. if(scoreSum === totalNum){
  487. hideLoading()
  488. scoreSum = 0
  489. const activePage = $(".activePage").attr('data-page') || 1
  490. getTabData(activePage)
  491. if(hasToast){
  492. $.alerModal({"message":'评分成功',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  493. }
  494. }
  495. }else{
  496. hideLoading()
  497. if(hasToast){
  498. $.alerModal({"message":'评分失败',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  499. }
  500. }
  501. }).catch((e) =>{
  502. hideLoading()
  503. if(hasToast){
  504. $.alerModal({"message":'评分失败',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  505. }
  506. })
  507. }
  508. function renderColSet(list){
  509. let pageSetList = list || pageSetCopy
  510. let allSelect = true
  511. for(let i = 0; i < pageSetList.length; i++){
  512. if(pageSetList[i].status != 1){
  513. allSelect = false
  514. }
  515. }
  516. let str = `<div class='colSetBox'>
  517. <div class='mask'></div>
  518. <div class='cloInfobox'>
  519. <div class='cloInfoTitle'><span class='cloInfoTitleTxt'>列显示设置</span> <img class="iconClose" src=${require('./../images/icon_close_default.png')} alt="关闭" /></div>
  520. <div class='cloInfo'></div>
  521. <div class='btnBox'> <span class='cancalColSet'>取消</span> <span class='saveColSet'>保存设置</span></div>
  522. </div>
  523. </div>`
  524. let infoStr = `<div class='colTabTitle' ><span class='colOpera toggleSelectColAll' data-select=${allSelect}>${allSelect ? `<img src=${iconCheck} />`:`<img src=${iconUnCheck} />`}全选</span><span class='colName'>列名</span></div><div class='colTabInfoBox' >`
  525. for(let i = 0; i < pageSetList.length; i++){
  526. infoStr += `<div class='colTabInfo' data-index=${i}>
  527. <span class='colOpera' data-index=${i}>${pageSetList[i].status == 1 ? `<img class="toggleSelectCol" src=${iconCheck} />`:`<img class="toggleSelectCol" src=${iconUnCheck} />`}</span>
  528. <span class='colName'>
  529. <span>${pageSetList[i].name}</span>
  530. <span class="pageOrder">
  531. <span class="pageSetUpBox">${ i === 0 ?'':`<img class="pageSetUp" src=${goUpG} />`}</span>
  532. <span class="pageSetDownBox">${ i === pageSetList.length -1 ?'':`<img class="pageSetDown" src=${goDownG} />`}</span>
  533. </span>
  534. </span>
  535. </div>`
  536. }
  537. infoStr += "</div>"
  538. // $(".main-body").append(str)
  539. if(!$("#mainBox .colSetBox", parent.document).length){
  540. $("#mainBox", parent.document).append(str)
  541. }
  542. $("#mainBox .colSetBox .cloInfo", parent.document).html(infoStr)
  543. $(".colTabInfoBox", parent.document).scrollTop(scrollTop)
  544. scrollTop = 0
  545. bindSelectCol()
  546. bindColOrder()
  547. bindSaveColSet()
  548. bindCloseColSet()
  549. bindImgEnter()
  550. }
  551. function bindImgEnter(){
  552. $(".pageSetUpBox img",parent.document).off("mouseenter").on("mouseenter",function(){
  553. $(this).attr('src', goUpB)
  554. })
  555. $(".pageSetDownBox img",parent.document).off("mouseenter").on("mouseenter",function(){
  556. $(this).attr('src', goDownB)
  557. })
  558. $(".pageSetUpBox img",parent.document).off("mouseout").on("mouseout",function(){
  559. $(this).attr('src', goUpG)
  560. })
  561. $(".pageSetDownBox img",parent.document).off("mouseout").on("mouseout",function(){
  562. $(this).attr('src', goDownG)
  563. })
  564. }
  565. function bindSelectCol(){
  566. $(".toggleSelectCol", parent.document ).off("click").on("click", function(){
  567. const index = $(this).parent().attr("data-index")
  568. pageSetCopy[index].status = pageSetCopy[index].status == 1 ? 0 : 1
  569. scrollTop = $(".colTabInfoBox", parent.document).scrollTop()
  570. renderColSet(pageSetCopy)
  571. })
  572. $(".toggleSelectColAll", parent.document ).off("click").on("click", function(){
  573. const hasSelectAll = $(this).attr("data-select")
  574. for(let i = 0; i < pageSetCopy.length; i++){
  575. if(hasSelectAll == "true"){
  576. pageSetCopy[i].status = 0
  577. }else{
  578. pageSetCopy[i].status = 1
  579. }
  580. }
  581. scrollTop = $(".colTabInfoBox", parent.document).scrollTop()
  582. renderColSet(pageSetCopy)
  583. })
  584. }
  585. function closeColSet(){
  586. pageSetCopy = JSON.parse(JSON.stringify(pageSet))
  587. $("#mainBox .colSetBox", parent.document).remove()
  588. }
  589. function bindCloseColSet(){
  590. $(".colSetBox .iconClose", parent.document ).off("click").on("click",function(){
  591. closeColSet()
  592. })
  593. $(".colSetBox .cancalColSet", parent.document ).off("click").on("click",function(){
  594. closeColSet()
  595. })
  596. }
  597. function bindSaveColSet(){
  598. $(".saveColSet", parent.document ).off("click").on("click", function(){
  599. let showNumSet = 0
  600. let sysUserPagesetVOList = []
  601. for(let i = 0; i < pageSetCopy.length; i++){
  602. const item = pageSetCopy[i]
  603. sysUserPagesetVOList.push({
  604. name: item.name,
  605. orderNo: i,
  606. status: item.status,
  607. val: item.val
  608. })
  609. if(item.status == 1){
  610. showNumSet++
  611. }
  612. }
  613. if(showNumSet === 0){
  614. $.alerModal({"message":'最少显示一列',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  615. return
  616. }
  617. return post(api.saveQcListPageSet,{pageType:1,sysUserPagesetVOList:sysUserPagesetVOList}).then(res =>{
  618. if(res.data.code == '0'){
  619. closeColSet()
  620. getPageSet().then(res =>{
  621. $(".filter").click(); //初始查询
  622. })
  623. }else{
  624. $("#mainBox .colSetBox", parent.document).remove()
  625. $.alerModal({"message":'保存失败',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  626. }
  627. }).catch((e) =>{
  628. $("#mainBox .colSetBox", parent.document).remove()
  629. $.alerModal({"message":'保存失败',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  630. })
  631. })
  632. }
  633. function bindColOrder(){
  634. $(".pageSetUp", parent.document ).off("click").on("click", function(){
  635. const index = parseInt($(this).parent().parent().parent().parent().attr("data-index"))
  636. if(index != 0){
  637. const upItem = pageSetCopy[index]
  638. const upItemPre = pageSetCopy[index-1]
  639. pageSetCopy.splice(index-1,2,upItem,upItemPre)
  640. scrollTop = $(".colTabInfoBox", parent.document).scrollTop()
  641. renderColSet(pageSetCopy)
  642. }else{
  643. return
  644. }
  645. })
  646. $(".pageSetDown", parent.document ).off("click").on("click", function(){
  647. const index = parseInt($(this).parent().parent().parent().parent().attr("data-index"))
  648. if(index == pageSetCopy.length - 1){
  649. return
  650. }else{
  651. const downItem = pageSetCopy[index]
  652. const downItemBack = pageSetCopy[index + 1]
  653. console.log('downItem',downItem,'downItemBack',downItemBack)
  654. pageSetCopy.splice(index,2,downItemBack,downItem)
  655. scrollTop = $(".colTabInfoBox", parent.document).scrollTop()
  656. renderColSet(pageSetCopy)
  657. }
  658. })
  659. }
  660. $(".patientNumInp").on("input", function(e){
  661. const val = $(this).val().trim()
  662. let beCode=behospitalCode;
  663. const patrn = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~!@#¥%……&*()——\-+={}|《》?:“”【】、;‘',。、]/g;
  664. beCode=val.replace(patrn,function(x){
  665. return "\\"+x;
  666. });
  667. behospitalCodeTemp = beCode
  668. })
  669. $(".patientNameInp").on("input", function(e){
  670. const val = $(this).val().trim()
  671. nameTemp = val
  672. })
  673. $(".doctorInp").on("input", function(e){
  674. const val = $(this).val().trim()
  675. doctorNameTemp = val
  676. })
  677. $(function() {
  678. $.datepicker.regional['zh-CN'] = {
  679. clearText: '清除',
  680. clearStatus: '清除已选e799bee5baa6e59b9ee7ad9431333361303131日期',
  681. closeText: '关闭',
  682. closeStatus: '不改变当前选择',
  683. prevText: '<上月',
  684. prevStatus: '显示上月',
  685. prevBigText: '<<',
  686. prevBigStatus: '显示上一年',
  687. nextText: '下月>',
  688. nextStatus: '显示下月',
  689. nextBigText: '>>',
  690. nextBigStatus: '显示下一年',
  691. currentText: '今天',
  692. currentStatus: '显示本月',
  693. monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
  694. monthNamesShort: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
  695. yearNamesShort: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
  696. monthStatus: '选择月份',
  697. yearStatus: '选择年份',
  698. weekHeader: '周',
  699. weekStatus: '年内周次',
  700. dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
  701. dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
  702. dayNamesMin: ['日','一','二','三','四','五','六'],
  703. dayStatus: '设置 DD 为一周起始',
  704. dateStatus: '选择 m月 d日, DD',
  705. dateFormat: 'yy-mm-dd',
  706. firstDay: 1,
  707. initStatus: '请选择日期',
  708. isRTL: false};
  709. $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
  710. let startDate = "", endDate=new Date()
  711. let year = new Date().getFullYear()
  712. let month = new Date().getMonth() + 1
  713. if(statisticsType == '1'){
  714. startDate = new Date(`${year}-${month}-01`)
  715. }else if(statisticsType == '2'){
  716. startDate = new Date(`${year}-01-01`)
  717. } else {
  718. startDate = "-6d"
  719. }
  720. $( "#datepicker" ).datepicker({
  721. changeMonth: true,
  722. changeYear: true,
  723. dateFormat:"yy/mm/dd",
  724. }).datepicker( "setDate", startDate);
  725. $( "#datepicker2" ).datepicker({
  726. changeMonth: true,
  727. changeYear: true,
  728. dateFormat:"yy/mm/dd"
  729. }).datepicker( "setDate",endDate);
  730. getPageSet().then(res =>{
  731. $(".filter").click(); //初始查询
  732. })
  733. });
  734. //分页渲染
  735. function renderPagination(totalPage,activePage,totalNum){
  736. let str = `<span class="totalSum">共${totalPage}页/${totalNum}条数据</span><span class="prePage"><img class="arrowPage" src=${arrowLeft} /></span>`
  737. if(totalPage <= 6){
  738. for(let i = 1; i <= totalPage; i++){
  739. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  740. }
  741. }else{
  742. if(activePage <= 3){ //选中页数小于4
  743. for(let i = 1; i <= 4; i++){
  744. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  745. }
  746. str += `<span class="more" >...</span>`
  747. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  748. } else if(activePage > totalPage -3){
  749. str += `<span class="pageNum page1" data-page=1>1</span>`
  750. str += `<span class="more" >...</span>`
  751. str += `<span class="pageNum ${'page'+(totalPage-3)}" data-page=${totalPage -3}>${totalPage -3}</span>`
  752. str += `<span class="pageNum ${'page'+(totalPage-2)}" data-page=${totalPage -2}>${totalPage -2}</span>`
  753. str += `<span class="pageNum ${'page'+(totalPage-1)}" data-page=${totalPage -1}>${totalPage -1}</span>`
  754. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  755. } else {
  756. str += `<span class="pageNum page1" data-page=1>1</span>`
  757. str += `<span class="more" >...</span>`
  758. str += `<span class="pageNum ${'page'+(activePage -1)}" data-page=${activePage -1}>${activePage -1}</span>`
  759. str += `<span class="pageNum ${'page'+activePage}" data-page=${activePage}>${activePage}</span>`
  760. str += `<span class="pageNum ${'page'+(activePage +1)}" data-page=${activePage +1}>${activePage +1}</span>`
  761. str += `<span class="more" >...</span>`
  762. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  763. }
  764. }
  765. str += `<span class="nextPage"><img class="arrowPage" src=${arrowRight} /></span>`
  766. $('.pagination').html(str)
  767. $('.page' + activePage).addClass('activePage')
  768. $(".pageNum").on("click", function(e){
  769. const activePageNow = Number($(this).attr('data-page'))
  770. getTabData(activePageNow)
  771. // renderPagination(totalPage,activePageNow,totalNum)
  772. })
  773. $(".prePage").on("click", function(e){
  774. let activePageNow = Number($(".activePage").attr('data-page'))
  775. if(activePageNow > 1){
  776. activePageNow--
  777. getTabData(activePageNow)
  778. // renderPagination(totalPage,activePageNow,totalNum)
  779. }
  780. })
  781. $(".nextPage").on("click", function(e){
  782. let activePageNow = Number($(".activePage").attr('data-page'))
  783. if(activePageNow < totalPage){
  784. activePageNow++
  785. getTabData(activePageNow)
  786. // renderPagination(totalPage,activePageNow,totalNum)
  787. }
  788. })
  789. }
  790. $(document).on("click", function(){
  791. $(".levelList ").css("display", "none")
  792. $(".deptList").css("display", "none")
  793. $(".selectLevel .arrow").attr("src",iconDown)
  794. })
  795. $((function($){
  796. })($));