mukuai.js 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508
  1. const $ = require('jquery');
  2. require("../css/mukuai.less");
  3. require('./../resource/jquery-ui/jquery-ui.min.js');
  4. require('./modal.js');
  5. const {api} = require('./api.js')
  6. const {post,getCookie,getUrlArgObjectNew} = require('./utils.js')
  7. const switchIconOpen = require("./../images/btn_open.png")
  8. const switchIconClose = require("./../images/btn_close.png")
  9. const iconDown= require("./../images/arrow_down.png")
  10. const iconUp = require("./../images/arrow_up.png")
  11. const arrowLeft= require("./../images/arrow_left.png")
  12. const arrowRight = require("./../images/arrow_right.png")
  13. let casesId="", name="", isReject ="2", isUsed ="",casesIdTemp="", nameTemp="", isRejectTemp ="2", isUsedTemp ="",from="",deptIdTemp="",deptItemId="",deptId=""
  14. $(".selectModuleType").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  15. $(".selectReject").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  16. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  17. $(".selectUsed").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  18. let deptList = JSON.parse(getCookie("deptList"))||[]
  19. $(function(){
  20. dateChange()
  21. let srcUrl = $("#contentIframe",parent.document).attr("src")
  22. isReject = getUrlArgObjectNew("dateType",srcUrl)||2
  23. deptId = deptIdTemp = getUrlArgObjectNew("deptName",srcUrl)||""
  24. from = getUrlArgObjectNew("from",srcUrl)||""
  25. getTabData(1)//条目缺陷
  26. if(isReject == 1){
  27. $(".monthYear .mon").css({
  28. backgroundColor:'#00A1FF',
  29. color:'#fff'
  30. }).siblings().css({
  31. color:'#00A1FF',
  32. backgroundColor:'#fff'
  33. })
  34. }else{
  35. $(".monthYear .year").css({
  36. backgroundColor:'#00A1FF',
  37. color:'#fff'
  38. }).siblings().css({
  39. color:'#00A1FF',
  40. backgroundColor:'#fff'
  41. })
  42. }
  43. if(deptId){
  44. $(".selectDept").html(deptId).attr({
  45. "data-id":deptId,
  46. "title":deptId
  47. }).append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  48. getDeptList()
  49. }else{
  50. getDeptList(1)
  51. }
  52. $(".partTitle a").click(function(){
  53. //初始菜单选中
  54. focusMenuItem('YH-KZTKS')
  55. $(".container",parent.document).addClass("console-cont");
  56. })
  57. $(".abnormalClear").click(function(){
  58. // window.location.reload()
  59. deptId = deptList[0].deptName
  60. name = ""
  61. $(".patientNumInp").val("")
  62. $(".selectDept").html(deptId).attr({
  63. "data-id":deptId,
  64. "title":deptId
  65. }).append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  66. getTabData(1)
  67. })
  68. })
  69. function focusMenuItem(code){
  70. const ele = $(parent.document).find(".menu .page[code="+code+"]");
  71. const parEle = ele.parents(".list-1");
  72. if(!parEle.is(".list-1-show")){
  73. parEle.click();
  74. }
  75. //console.log($(parent.document).find(".menu .page[code='YH-ZKK-GMKQXZB_XQ']"))
  76. ele.click();
  77. }
  78. bindDeptSelect()
  79. //科室选择
  80. function bindDeptSelect(){
  81. $(document).on("click",'.deptItem',function(){
  82. const deptItemName = $(this).attr("data-name")||''
  83. const deptItemId = $(this).attr("data-id")
  84. deptIdTemp =deptItemId
  85. if(deptItemName.length > 10){
  86. $('.selectDept').html(deptItemName.substring(0,8)+'...')
  87. }else{
  88. $('.selectDept').html(deptItemName)
  89. }
  90. $('.selectDept ').attr({'title':deptItemName,'data-id':deptItemName})
  91. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  92. $(".deptList").css("display", "none")
  93. })
  94. }
  95. //全选绑定
  96. $('.selectDept').on("click", function(e){
  97. e.stopPropagation()
  98. $(".levelList ").css("display","none")
  99. $(".selectLevel .arrow").attr("src",iconDown)
  100. const showList = $(".deptList ").css("display")
  101. if(showList == "none" ||!showList){
  102. $(".deptList ").css("display","block")
  103. $(".selectDept .arrow").attr("src",iconUp)
  104. }else{
  105. $(".deptList ").css("display", "none")
  106. $(".selectDept .arrow").attr("src",iconDown)
  107. }
  108. })
  109. //科室处理
  110. getDeptList()
  111. function getDeptList(){
  112. let str = ``
  113. if(deptList.length<=0)return
  114. $(".mukuai .selectDept ").attr("data-id",deptList[0].deptName).find("i").html(deptList[0].deptName)
  115. for(let i = 0;i < deptList.length;i++){
  116. let tmp = deptList[i]
  117. str += `<li class="deptItem ellipsis" title="${tmp.deptName}" data-id="${tmp.deptName}" data-name="${tmp.deptName}">${tmp.deptName}</li>`
  118. }
  119. $(".mukuai .filterDropList").html(str)
  120. }
  121. //判断有无某一权限
  122. function hasData(data){
  123. let lis = JSON.parse(getCookie("codeLis"))||[]
  124. if(lis.indexOf(data)>-1){//有权限
  125. return true
  126. }
  127. return false;
  128. }
  129. //所有数据切换日期筛选
  130. function dateChange(){
  131. $(".monthYear .mon").click(function(){
  132. $(this).css({
  133. backgroundColor:'#00A1FF',
  134. color:'#fff'
  135. }).siblings().css({
  136. color:'#00A1FF',
  137. backgroundColor:'#fff'
  138. })
  139. isReject = 1
  140. isRejectTemp = 1
  141. getTabData(1)
  142. })
  143. $(".monthYear .year").click(function(){
  144. $(this).css({
  145. backgroundColor:'#00A1FF',
  146. color:'#fff'
  147. }).siblings().css({
  148. color:'#00A1FF',
  149. backgroundColor:'#fff'
  150. })
  151. isReject = 2
  152. isRejectTemp = 2
  153. getTabData(1)
  154. })
  155. }
  156. //获取表格数据
  157. function getTabData(activePage){
  158. const param = {
  159. current:activePage,
  160. type: isReject,
  161. name: name, //条目名
  162. deptName: deptId||(deptList.length>0?deptList[0].deptName:''), //科室名
  163. size: 15
  164. }
  165. post(from == 1?api.entryCountGroupByCasePage:api.entryCountGroupByCaseAndDeptPage,param).then(res =>{
  166. if(res.data.code == '0'){
  167. const data = res.data.data.records
  168. const totalPage = res.data.data.pages
  169. const totalNum = res.data.data.total
  170. renderTab(data,activePage)
  171. if(totalPage > 1){
  172. renderPagination(totalPage,Number(activePage),totalNum)
  173. } else{
  174. $('.pagination').html("")
  175. }
  176. }else{}
  177. }).catch((e) =>{})
  178. }
  179. $(".moduleItemInp").on("input", function(e){
  180. const val = $(this).val().trim()
  181. nameTemp = val
  182. })
  183. $(".filter").on("click", function(e){
  184. casesId=casesIdTemp, name=nameTemp, isReject =isRejectTemp, isUsed =isUsedTemp,deptId = deptIdTemp
  185. getTabData(1)
  186. })
  187. $(".filterclear").on("click", function(e){
  188. nameTemp = ""
  189. $(".moduleItemInp").val("")
  190. })
  191. $('.selectModuleType').on("click", function(e){
  192. e.stopPropagation()
  193. $(".rejectList ").css("display","none")
  194. $(".usedList ").css("display", "none")
  195. $(".selectReject .arrow").attr("src",iconDown)
  196. $(".selectUsed .arrow").attr("src",iconDown)
  197. const showList = $(".moduleTypeList ").css("display")
  198. if(showList == "none" ||!showList){
  199. $(".moduleTypeList ").css("display","block")
  200. $(".selectModuleType .arrow").attr("src",iconUp)
  201. }else{
  202. $(".moduleTypeList ").css("display", "none")
  203. $(".selectModuleType .arrow").attr("src",iconDown)
  204. }
  205. })
  206. $('.selectReject').on("click", function(e){
  207. e.stopPropagation()
  208. $(".moduleTypeList ").css("display", "none")
  209. $(".usedList ").css("display", "none")
  210. $(".selectModuleType .arrow").attr("src",iconDown)
  211. $(".selectUsed .arrow").attr("src",iconDown)
  212. const showList = $(".rejectList ").css("display")
  213. if(showList == "none" ||!showList){
  214. $(".rejectList ").css("display","block")
  215. $(".selectUsed .arrow").attr("src",iconUp)
  216. }else{
  217. $(".rejectList ").css("display", "none")
  218. $(".selectUsed .arrow").attr("src",iconDown)
  219. }
  220. })
  221. $('.selectUsed').on("click", function(e){
  222. e.stopPropagation()
  223. $(".moduleTypeList ").css("display", "none")
  224. $(".rejectList ").css("display","none")
  225. $(".selectModuleType .arrow").attr("src",iconDown)
  226. $(".selectReject .arrow").attr("src",iconDown)
  227. const showList = $(".usedList ").css("display")
  228. if(showList == "none" ||!showList){
  229. $(".usedList ").css("display","block")
  230. $(".selectUsed .arrow").attr("src",iconUp)
  231. }else{
  232. $(".usedList ").css("display", "none")
  233. $(".selectUsed .arrow").attr("src",iconDown)
  234. }
  235. })
  236. // bindRejectSelect()
  237. // bindUsedSelect()
  238. // getmoduleTypeList()
  239. function renderTab(data,activePage){
  240. let str = ``;
  241. const cls = hasData("FUNC000007")?"editItem":"editItemDis";
  242. for(let i = 0; i < data.length; i++){
  243. const item = data[i]
  244. str += `
  245. <tr data-id=${item.id} data-index=${i}>
  246. <td class="textCenter">${(activePage-1)*15 + i+1}</td>
  247. <td>${item.name}</td>
  248. <td class="textCenter">${item.percentStr}</td>
  249. </tr>
  250. `
  251. }
  252. $('tbody').html(str?str:`<tr><td colspan="17" style="text-align: center;color: #aaa">
  253. <img style="margin-top:50px;width:100px;" src="${require('../images/empty.png')}" />
  254. <p style="margin-top:20px;margin-bottom:30px;color:#ccc;position:relative;left:5px;">暂无数据~</p>
  255. </td></tr>`)
  256. bindEdit(data,activePage)
  257. }
  258. function bindEdit(data,activePage){
  259. if(!hasData('FUNC000007')){
  260. return
  261. }
  262. $('.editItem').click(function(e){
  263. const index = $(this).parent().attr('data-index')
  264. editItem(data[index],activePage)
  265. })
  266. }
  267. //修改
  268. function editItem(item,activePage){
  269. const itemCpoy = JSON.parse(JSON.stringify(item))
  270. $('.pop-box').remove()
  271. $('.container').append('<div class="pop-box"></div>')
  272. const str = `
  273. <div class="itemMsgBox">
  274. <div class="mask"></div>
  275. <div class="itemMsgContent">
  276. <p class="itemMsgTitle">修改 <img class="iconClose" src=${require('./../images/icon_close_default.png')} alt="关闭" /></p>
  277. <div class="itemMsgContentBox">
  278. <div class="itemMsgInfoBox"><span class="itemMsgLab">模块名称:</span> <span class="itemInfoRight">${itemCpoy.casesName}</span></div>
  279. <div class="itemMsgInfoBox"><span class="itemMsgLab">条目名称:</span> <span class="itemInfoRight"> ${itemCpoy.name}</span></div>
  280. <div class="itemMsgInfoBox"><span class="itemMsgLab">提示信息:</span> <span class="itemInfoRight"> <input class="itemTipMsg" value="${itemCpoy.msg}" /></span></div>
  281. <div class="itemMsgInfoBox"><span class="itemMsgLab">
  282. 分值:
  283. </span> <span class="itemInfoRight">
  284. <input class="itemScore" type="number" min="0" value=${itemCpoy.score} />
  285. </span>
  286. <p class="itemMsgInfoTips">支持≥0的数字输入,最多保留小数点后1位~</p>
  287. </div>
  288. <div class="itemMsgInfoBox"><span class="itemMsgLab">单项否决:</span><span class="itemInfoRight itemReject">${item.isReject == '1' ? `<img class="switchImg" src=${switchIconOpen} /><span class="imgInfo"> 是</span>`:`<img class="switchImg" src=${switchIconClose} /> <span class="imgInfo"> 否</span>`}</span></div>
  289. <div class="itemMsgInfoBox"><span class="itemMsgLab">启用:</span><span class=" temInfoRight itemUsed">${item.isUsed == '1' ? `<img class="switchImg" src=${switchIconOpen} /><span class="imgInfo"> 是</span>`:`<img class="switchImg" src=${switchIconClose} /> <span class="imgInfo"> 否</span>`}</span></div>
  290. </div>
  291. <div class="confirmEditBox"><span class="confirmEdit">保存</span></div>
  292. </div>
  293. </div>
  294. `
  295. $("#mainBox", parent.document).append(str)
  296. $("#mainBox .itemMsgBox .iconClose", parent.document).on("click", function(e){
  297. $("#mainBox .itemMsgBox", parent.document).remove()
  298. })
  299. $("#mainBox .itemMsgBox .itemTipMsg", parent.document).on("input", function(e){
  300. const val = $(this).val().trim()
  301. itemCpoy.msg = val
  302. })
  303. $("#mainBox .itemMsgBox .itemScore", parent.document).on("keypress", function(e){
  304. return (/[0-9\.]/.test(String.fromCharCode(e.keyCode)))
  305. })
  306. $("#mainBox .itemMsgBox .itemScore", parent.document).on("input", function(e){
  307. const val = $(this).val()
  308. itemCpoy.score = val
  309. })
  310. $("#mainBox .itemMsgBox .itemReject", parent.document).on("click", function(e){
  311. itemCpoy.isReject = itemCpoy.isReject == 1 ? 0 : 1
  312. $('#mainBox .itemMsgBox', parent.document).remove()
  313. editItem(itemCpoy,activePage)
  314. })
  315. $("#mainBox .itemMsgBox .itemUsed", parent.document).on("click", function(e){
  316. itemCpoy.isUsed = itemCpoy.isUsed == 1 ? 0 : 1
  317. $('#mainBox .itemMsgBox', parent.document).remove()
  318. editItem(itemCpoy,activePage)
  319. })
  320. $("#mainBox .itemMsgBox .confirmEdit", parent.document).on("click", function(){
  321. var reg = new RegExp(/^\d+(\.\d)?$/);
  322. if(reg.test(itemCpoy.score)){
  323. // console.log('itemCopy', itemCpoy)
  324. if(!itemCpoy.msg.trim()){
  325. $.alerModal({"message":"提示信息不能为空~",type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  326. return
  327. }
  328. saveEdit(itemCpoy,activePage)
  329. $("#mainBox .itemMsgBox .itemMsgInfoTips", parent.document).css("display","none")
  330. $('#mainBox .itemMsgBox', parent.document).remove()
  331. return
  332. }else{
  333. $("#mainBox .itemMsgBox .itemMsgInfoTips", parent.document).css("display","block")
  334. return
  335. }
  336. })
  337. }
  338. //保存修改
  339. function saveEdit(item,activePage){
  340. const param = {
  341. id: item.id,
  342. isReject: item.isReject,
  343. isUsed: item.isUsed,
  344. msg: item.msg,
  345. score: item.score
  346. }
  347. post(api.updataQcCasesEntry,param).then(res =>{
  348. if(res.data.code == '0'){
  349. // const data = res.data.data
  350. $.alerModal({"message":"修改成功",type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  351. getTabData(activePage)
  352. }else{}
  353. }).catch((e) =>{
  354. })
  355. }
  356. //获取模块类型
  357. function getmoduleTypeList(){
  358. post(api.getQcCasesAll).then(res =>{
  359. if(res.data.code == '0'){
  360. const moduleTypeList = res.data.data
  361. renderModuleTypeList(moduleTypeList)
  362. }else{}
  363. }).catch((e) =>{
  364. })
  365. }
  366. function renderModuleTypeList(moduleTypeList){
  367. let str = `<li class="modeTypeItem " data-id=" " data-name="全部">全部</li>`
  368. for(let i = 0; i < moduleTypeList.length; i++){
  369. str += `<li class="modeTypeItem ellipsis" title=${moduleTypeList[i].name} data-id=${moduleTypeList[i].id} data-name=${moduleTypeList[i].name}> ${moduleTypeList[i].name}</li>`
  370. }
  371. $('.moduleTypeList').html(str)
  372. bindModuleTypeSelect()
  373. }
  374. //模块类型选择
  375. function bindModuleTypeSelect(){
  376. $('.modeTypeItem').on("click",function(){
  377. const modeTypeItemName = $(this).attr("data-name")
  378. const modeTypeItemId = $(this).attr("data-id")
  379. casesIdTemp =modeTypeItemId
  380. $('.selectModuleType').html(modeTypeItemName).attr("title",modeTypeItemName)
  381. $(".selectModuleType").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  382. $(".moduleTypeList ").css("display", "none")
  383. })
  384. }
  385. //单项否决选择
  386. function bindRejectSelect(){
  387. $('.rejectItem').on("click",function(){
  388. const rejectItemName = $(this).attr("data-name")
  389. const rejectItemId = $(this).attr("data-id")
  390. isRejectTemp=rejectItemId
  391. $('.selectReject').html(rejectItemName)
  392. $(".rejectList ").css("display", "none")
  393. $(".selectReject").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  394. })
  395. }
  396. //是否启用选择
  397. function bindUsedSelect(){
  398. $('.usedItem').on("click",function(){
  399. const usedItemName = $(this).attr("data-name")
  400. const usedItemItemId = $(this).attr("data-id")
  401. isUsedTemp =usedItemItemId
  402. $('.selectUsed').html(usedItemName)
  403. $(".usedList").css("display", "none")
  404. $(".selectUsed").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  405. })
  406. }
  407. //分页渲染
  408. function renderPagination(totalPage,activePage,totalNum){
  409. let str = `<span class="totalSum">共${totalPage}页/${totalNum}条数据</span><span class="prePage"><img class="arrowPage" src=${arrowLeft} /></span>`
  410. if(totalPage <= 6){
  411. for(let i = 1; i <= totalPage; i++){
  412. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  413. }
  414. }else{
  415. if(activePage <= 3){ //选中页数小于4
  416. for(let i = 1; i <= 4; i++){
  417. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  418. }
  419. str += `<span class="more" >...</span>`
  420. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  421. } else if(activePage > totalPage -3){
  422. str += `<span class="pageNum page1" data-page=1>1</span>`
  423. str += `<span class="more" >...</span>`
  424. str += `<span class="pageNum ${'page'+(totalPage-3)}" data-page=${totalPage -3}>${totalPage -3}</span>`
  425. str += `<span class="pageNum ${'page'+(totalPage-2)}" data-page=${totalPage -2}>${totalPage -2}</span>`
  426. str += `<span class="pageNum ${'page'+(totalPage-1)}" data-page=${totalPage -1}>${totalPage -1}</span>`
  427. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  428. } else {
  429. str += `<span class="pageNum page1" data-page=1>1</span>`
  430. str += `<span class="more" >...</span>`
  431. str += `<span class="pageNum ${'page'+(activePage -1)}" data-page=${activePage -1}>${activePage -1}</span>`
  432. str += `<span class="pageNum ${'page'+activePage}" data-page=${activePage}>${activePage}</span>`
  433. str += `<span class="pageNum ${'page'+(activePage +1)}" data-page=${activePage +1}>${activePage +1}</span>`
  434. str += `<span class="more" >...</span>`
  435. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  436. }
  437. }
  438. str += `<span class="nextPage"><img class="arrowPage" src=${arrowRight} /></span>`
  439. $('.pagination').html(str)
  440. $('.page' + activePage).addClass('activePage')
  441. $(".pageNum").on("click", function(e){
  442. const activePageNow = Number($(this).attr('data-page'))
  443. getTabData(activePageNow)
  444. // renderPagination(totalPage,activePageNow,totalNum)
  445. })
  446. $(".prePage").on("click", function(e){
  447. let activePageNow = Number($(".activePage").attr('data-page'))
  448. if(activePageNow > 1){
  449. activePageNow--
  450. getTabData(activePageNow)
  451. // renderPagination(totalPage,activePageNow,totalNum)
  452. }
  453. })
  454. $(".nextPage").on("click", function(e){
  455. let activePageNow = Number($(".activePage").attr('data-page'))
  456. if(activePageNow < totalPage){
  457. activePageNow++
  458. getTabData(activePageNow)
  459. // renderPagination(totalPage,activePageNow,totalNum)
  460. }
  461. })
  462. }
  463. $(document).on("click", function(){
  464. $(".moduleTypeList ").css("display", "none")
  465. $(".rejectList ").css("display","none")
  466. $(".usedList ").css("display", "none")
  467. $(".selectModuleType .arrow").attr("src",iconDown)
  468. $(".selectReject .arrow").attr("src",iconDown)
  469. $(".selectUsed .arrow").attr("src",iconDown)
  470. $(".deptList").css("display", "none")
  471. $(".selectDept .arrow").attr("src",iconDown)
  472. })