qcScore.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449
  1. require("../css/qcScore.less");
  2. const $ = require('jquery');
  3. require('jquery-templates');
  4. require('./modal.js');
  5. const {api,post,getUrlArgObject,setBoxHeight,getCookie} = require('./utils.js');
  6. const {keyMaps} = require('./maps.js');
  7. const {wardRound,preoperation,summary,operationRecord,applicationForm,resultForm,consultationNote,difficultRecord,illnessNotice,pathologicTest,rescueRecord,transfusionEvaluate,transfusionRecord} = require("./qcScore_byll.js")
  8. //本页全局变量
  9. let global_flawData = {}; //缺陷数据
  10. const global_id=getUrlArgObject("id");
  11. const global_age = getUrlArgObject("age");
  12. const global_code = getUrlArgObject("code");
  13. let global_activeTab=$(".sub-menu .page.active").attr("code"); //当前激活菜单项
  14. let global_modules ={}; //模板数据缓存
  15. $(function(){
  16. //getSubMenu();
  17. //initScoreItem();
  18. //getRecordDetail();
  19. getAllModules()
  20. //getInfoModule(15); //根据对应id获取模板
  21. function initMenu(data){
  22. const menu=[{id:0,name:"缺陷总览",parentId: -1,sonMode: []},...(data||[])];
  23. //菜单数据填充
  24. $("#subMenuTmpl").tmpl(menu).appendTo("#subMenu");
  25. //菜单收起展开
  26. $(".list-1").on("click",function(){
  27. $(".list-1 .slide-up").removeClass('slide-up');
  28. $(this).toggleClass('slide-up');
  29. $(this).find("ul").slideToggle();
  30. });
  31. $(".list-1 li").on("click",function(e){
  32. e.stopPropagation();
  33. });
  34. //右侧内容切换
  35. $(".page").on("click",function(){
  36. if($(this).attr("code")==="缺陷总览"){
  37. $(".flaw-table").show();
  38. }else{
  39. $(".flaw-table").hide();
  40. }
  41. //选中样式
  42. $(".sub-menu .active").removeClass('active');
  43. $(this).addClass("active");
  44. //显示对应内容
  45. const code=$(this).attr("code");
  46. global_activeTab=code;
  47. //initModuleData();
  48. $(".content-item,.flaw-item").hide();
  49. $(".content-item[code='"+code+"']").show();
  50. showFlawList();
  51. });
  52. }
  53. //判断有无某一权限
  54. function hasData(data){
  55. let trdObj = JSON.parse(getCookie("trdObj"))
  56. let lis = trdObj[global_code]
  57. if(!lis){
  58. return false
  59. }
  60. if(lis.indexOf(data)>-1){//有权限
  61. return true
  62. }
  63. return false;
  64. }
  65. //获取病例明细
  66. function getRecordDetail(){
  67. post(api.getRecordDetail,{'behospitalCode':global_id}).then(function(res){
  68. if(res.data.code==='0'){
  69. const data = res.data.data;
  70. const {beHospital,result,msg} = data;
  71. const info=Object.assign(beHospital,result);
  72. initMenu(JSON.parse(result.menuData));
  73. $(".sub-menu>ul>li:first-child.page").addClass("active");
  74. global_activeTab=$(".sub-menu .page.active").attr("code");
  75. initPatientInfo(info);
  76. initContent(result.pageData);
  77. initList(msg);
  78. initScoreItem(msg);
  79. global_flawData=msg;
  80. /*let obj = JSON.parse(result.pageData)
  81. infoNotNull(obj,'查房记录')&&wardRound(obj['查房记录'],'查房记录')
  82. infoNotNull(obj,'术前讨论、术前小结')&&preoperation(obj['术前讨论、术前小结'],'术前讨论、术前小结')
  83. infoNotNull(obj,'阶段小结')&&summary(obj['阶段小结'],'阶段小结')
  84. infoNotNull(obj,'手术记录')&&operationRecord(obj['手术记录'],'手术记录')
  85. infoNotNull(obj,'会诊申请单')&&applicationForm(obj['会诊申请单'],'会诊申请单')
  86. infoNotNull(obj,'会诊结果单')&&resultForm(obj['会诊结果单'],'会诊结果单')
  87. infoNotNull(obj,'会诊记录')&&consultationNote(obj['会诊记录'],'会诊记录')
  88. infoNotNull(obj,'疑难病例讨论记录')&&difficultRecord(obj['疑难病例讨论记录'],'疑难病例讨论记录')
  89. infoNotNull(obj,'病危通知书')&&illnessNotice(obj['病危通知书'],'病危通知书')
  90. infoNotNull(obj,'病理检验送检单')&&pathologicTest(obj['病理检验送检单'],'病理检验送检单')
  91. infoNotNull(obj,'抢救记录')&&rescueRecord(obj['抢救记录'],'抢救记录')
  92. infoNotNull(obj,'输血后效果评价')&&transfusionEvaluate(obj['输血后效果评价'],'输血后效果评价')*/
  93. setBoxHeight();
  94. }
  95. });
  96. }
  97. //判断模块内容是否不为空
  98. function infoNotNull(obj,moduleName){
  99. if( obj[moduleName]&&obj[moduleName].length > 0 &&Object.keys(obj[moduleName][0]).length !== 0 ){
  100. return true
  101. }
  102. return false
  103. }
  104. //填充患者信息
  105. function initPatientInfo(data){
  106. const obj=Object.assign({},data,{age:!global_age||global_age=="null"?"-":global_age});
  107. $("#infoTmpl").tmpl(obj).appendTo("#patientInfo");
  108. }
  109. //显示病例模块明细
  110. function initContent(data){
  111. const obj = JSON.parse(data);
  112. let info=[];
  113. let hml='',moduleId='';
  114. for(let k in obj){
  115. if(k==="病案首页"){ //病案首页不使用动态模板
  116. info=formatInfoData(k,obj[k][0]);
  117. $("#indexTmpl").tmpl(info).appendTo("#contentInfo");
  118. continue;
  119. }
  120. for(let i in obj[k]){
  121. info=formatInfoData(k,obj[k][i]);
  122. moduleId=info.mode_id;
  123. if(global_modules[moduleId]){
  124. hml=initModuleData(moduleId,obj[k].length);
  125. $.tmpl(hml,info).appendTo("#contentInfo");
  126. };
  127. }
  128. }
  129. if(obj["病案首页"]&&obj["病案首页"][0]["出院诊断"]){
  130. const diag = JSON.parse(obj["病案首页"][0]["出院诊断"]);
  131. $("#tableTmpl").tmpl({k:"出院诊断",data:diag}).appendTo("#diagTable");
  132. }
  133. if(obj["病案首页"]&&obj["病案首页"][0]["手术信息"]){
  134. const diag = JSON.parse(obj["病案首页"][0]["手术信息"]);
  135. $("#tableTmpl").tmpl({k:"手术信息",data:diag}).appendTo("#surgeryTable");
  136. }
  137. $(".content-item[code="+global_activeTab+"]").show();
  138. //console.log(obj)
  139. }
  140. function formatInfoData(k,data){
  141. let obj = {},name="";
  142. for(let i in data){
  143. if(i!=="mode_id"){
  144. name=i.replace(/[^\u4e00-\u9fa5|a-zA-Z0-9]+/g,"").replace(/^[0-9]+/,"a"); //过滤key中存在的特殊符号,模板会渲染不出来且不报错
  145. obj[name]=data[i].replace(/\n/g,"<br/>")||"";
  146. }else{
  147. obj[i]=data[i].replace(/\n/g,"<br/>")||"";
  148. }
  149. }
  150. return Object.assign({title:k},obj);
  151. }
  152. /*function formatData(data,title){
  153. if(!keyMaps[title]){
  154. return data;
  155. }
  156. const keyArr=Object.keys(keyMaps[title]);
  157. let obj={};
  158. keyArr.map((k)=>{
  159. obj[keyMaps[title][k]]=data[0][k]||"";
  160. });
  161. const obj1=Object.assign({},obj,data[0]);
  162. return [obj1];
  163. }*/
  164. function initList(data){
  165. $("#flawTotalList").tmpl({data:data}).appendTo(".flaw-table");
  166. $(".slide-up").off("click").on("click",function(){
  167. const name = $(this).text();
  168. $("tr[code='"+name+"']").slideToggle();
  169. $(this).toggleClass("down");
  170. });
  171. }
  172. //评分项数据填充
  173. function initScoreItem(data){
  174. $("#flaws .flaw-box").html("");
  175. let hasAu = hasData('FUNC000013')
  176. let hasAu2 = hasData('FUNC000012')
  177. for(let k in data){
  178. $("#flawTmpl").tmpl(data[k]).appendTo("#flaws .flaw-box");
  179. }
  180. showFlawList();
  181. $(".flaw-item .oper a").click(function () {
  182. const i = $(".flaw-item[code="+global_activeTab+"]").index($(this).parents(".flaw-item"));
  183. const code=$(this).attr("code");
  184. const isEdit = $(this).is(".edit-flaw");
  185. if(!hasAu)return
  186. if(isEdit&&hasAu){
  187. showModal('0',code,i);
  188. }else if(!isEdit&&hasAu2){
  189. showModal('1',code,i);
  190. }
  191. })
  192. $(".edit-flaw").css({"opacity":hasAu?"1":"0.5",cursor:hasAu?"pointer":"unset"});
  193. $(".del-flaw").css({"opacity":hasAu2?"1":"0.5",cursor:hasAu2?"pointer":"unset"});
  194. $(".flaw-item .title a[href]").click(function(){
  195. const id = $(this).attr("href");
  196. $(".info-item .cont,.flaw-item .title").removeClass("active");
  197. $(id).addClass("active");
  198. $(this).parent().addClass("active");
  199. });
  200. }
  201. //显示缺陷列表
  202. function showFlawList(){
  203. const hml = $(".flaw-item[code="+global_activeTab+"]");
  204. if(hml.length){
  205. hml.show();
  206. $("#flaws .empty").hide();
  207. }else{
  208. $("#flaws .empty").length?$("#flaws .empty").show():$("#emptyTmpl").tmpl().appendTo("#flaws .flaw-box");
  209. }
  210. }
  211. //删除评分项
  212. function delScore(id,info){
  213. const param={
  214. 'behospitalCode':global_id,
  215. 'optResultAlgVO':{
  216. 'id':id
  217. }
  218. };
  219. post(api.delScore,param).then(function(res){
  220. if(res.data.code==='0'){
  221. $("#delModal").hide();
  222. updateFlaws(res.data.data);
  223. $("#anchor"+info.pageKeyList[0]).removeClass("active");
  224. $.alerModal({"message":"删除成功",type:"tip",time:'1000'});
  225. }
  226. });
  227. }
  228. //修改评分项
  229. function editScore(info){
  230. const param={
  231. "behospitalCode": global_id,
  232. "optResultAlgVO": info
  233. };
  234. post(api.editScore,param).then(function(res){
  235. if(res.data.code==='0'){
  236. $("#delModal").hide();
  237. updateFlaws(res.data.data);
  238. $.alerModal({"message":"修改成功",type:"tip",time:'1000'});
  239. }
  240. });
  241. }
  242. //显示删除/修改弹窗
  243. function showModal(flag,code,i){
  244. $("#delModal .modal-body").html("");
  245. $("#delModal").show();
  246. //事件解绑
  247. $("#delModal .confirm").off("click");
  248. $("#qcScore,#qcMsg").off("input");
  249. const flawsList = formatFlawKeys(global_flawData);
  250. const info = flawsList[global_activeTab][i];
  251. if(flag==='0'){ //修改
  252. $("#delModal .title").text("修改");
  253. $("#delModal .confirm").text("保存");
  254. $("#editTmpl").tmpl(info).appendTo("#delModal .modal-body");
  255. //分数输入验证
  256. $("#qcScore").on("input",function(){
  257. const val=$(this).val();
  258. if(/^[0-9]\d*$|^[0-9]\d*(.\d)?$/.test(val)){
  259. $(".edit-box .warning").hide();
  260. }else{
  261. $(".edit-box .warning .red").text("支持≥0的数字输入,最多保留小数点后1位~");
  262. $(".edit-box .warning").show();
  263. }
  264. });
  265. //提示信息输入验证
  266. $("#qcMsg").on("input",function(){
  267. const val=$(this).val();
  268. if(val.trim()){
  269. $(".edit-box .warning").hide();
  270. }else{
  271. $(".edit-box .warning .red").text("提示信息不能为空~");
  272. $(".edit-box .warning").show();
  273. }
  274. });
  275. $("#delModal .confirm").click(function(){
  276. if($(".edit-box .warning").is(":visible")){
  277. return;
  278. }
  279. const obj = Object.assign({},info,{msg:$("#delModal #qcMsg").val(),score:$("#delModal #qcScore").val()});
  280. editScore(obj);
  281. });
  282. }else{
  283. $("#delModal .title").text("删除评分");
  284. $("#delModal .confirm").text("确定");
  285. $("#delModal .modal-body").html('<p>确定要删除该评分记录吗?</p>');
  286. $("#delModal .confirm").click(function(){
  287. delScore(code,info);
  288. });
  289. }
  290. }
  291. //缺陷列表key值去掉特殊符号
  292. function formatFlawKeys(data){
  293. const obj = {};
  294. for(let k in data){
  295. obj[k.replace(/[^\u4e00-\u9fa5|a-zA-Z0-9]+/g,'')]=data[k];
  296. }
  297. return obj;
  298. }
  299. //更新缺陷列表
  300. function updateFlaws(info){
  301. $("#patientInfo .level").text("质控等级:"+info.level);
  302. $("#patientInfo .score").text("质控得分:"+info.scoreRes);
  303. const param = {
  304. 'behospitalCode':global_id,
  305. 'paramStr':[
  306. "msg"
  307. ]
  308. };
  309. post(api.getRecordDetail,param).then(function(res){
  310. if(res.data.code==='0'){
  311. const data = res.data.data;
  312. const {msg} = data;
  313. initScoreItem(msg);
  314. global_flawData=msg;
  315. }
  316. });
  317. }
  318. //获取病例模板
  319. function getInfoModule(moduleId){
  320. const param = {
  321. moduleId:moduleId
  322. };
  323. post(api.getInfoModule,param).then(function(res){
  324. if(res.data.code==='0'){
  325. const data = res.data.data;
  326. cachemoduleDatas(data);
  327. getRecordDetail();
  328. }
  329. });
  330. }
  331. //模板数据缓存
  332. function cachemoduleDatas(data){
  333. const moudle=data.moduleDetail;
  334. global_modules[data.modeName]=[];
  335. for(let i in moudle){
  336. global_modules[data.modeName].push(moudle[i]);
  337. }
  338. }
  339. //初始化模板
  340. function initModuleData(mid,n){
  341. const module=global_modules[mid].moduleDetail;
  342. const key = global_modules[mid].modeName.replace(/[^\u4e00-\u9fa5|a-zA-Z0-9]+/g,'');
  343. let hml = '<div class="content-item" code="'+key+'">' +
  344. '<h2 class="title">'+global_modules[mid].modeName+'</h2>' +
  345. (n>1?'<div class="container">':'<div class="container content-ht">');
  346. for(let i in module){
  347. hml=hml+'<div class="info-item">';
  348. for(let j=0;j<module[i].length;j++) {
  349. const detal = module[i][j].questionDTO;
  350. const {tagType} = detal;
  351. switch (tagType) {
  352. case 1:
  353. hml = hml + simpleStructure(detal);
  354. break;
  355. case 4:
  356. hml = hml + combineStructure(detal);
  357. break;
  358. default:
  359. break;
  360. }
  361. }
  362. hml = hml+"</div>"
  363. }
  364. return hml+"</div></div>";
  365. }
  366. //基础类型结构生成
  367. function simpleStructure(data){
  368. const {name, val,monoLine,addLine,position,bold,retract,id} = data;
  369. const posClass = position===1?'text-left':'';
  370. const boldClass = bold===1?'text-bold':'';
  371. const retractClass = retract===1?'text-indent':'';
  372. const lineHml = ('<p class="'+posClass+' '+boldClass+' '+retractClass+'">'+ extractVars(val)+'</p>');
  373. const txtHml = ('<p style="display: inline;vertical-align: middle;" class="'+posClass+' '+boldClass+' '+retractClass+'">'+ extractVars(val)+'</p>');
  374. let hml = addLine||monoLine?`<div class="cont" style="width: 100%;" id="anchor${id}">`:`<div class="cont" id="anchor${id}">`;
  375. hml=hml+`<span class="label">${name}</span>`+ (addLine?lineHml:txtHml)+ `</div>`;
  376. return hml;
  377. }
  378. //组合类型结构生成
  379. function combineStructure(data){
  380. const {name,questionMapping} = data;
  381. let hml='<div class="inner-table"><table>';
  382. const colNum = Math.ceil(questionMapping.length/2);
  383. let tdVal='';
  384. const regexp = /(【(.+?)】)/g;
  385. for(let i=0;i<questionMapping.length;){
  386. if(questionMapping[i+1]){
  387. tdVal="<td>"+questionMapping[i].name+extractVars(questionMapping[i].val)+"</td><td>"+questionMapping[i+1].name+extractVars(questionMapping[i+1].val)+"</td>";
  388. }else{
  389. tdVal="<td>"+questionMapping[i].name+extractVars(questionMapping[i].val)+"</td><td></td>";
  390. }
  391. if(i==0){
  392. hml=hml+`<tr><td rowspan="${colNum}">${name}</td>${tdVal}`;
  393. }else{
  394. hml=hml+`<tr>${tdVal}`;
  395. }
  396. hml=hml+"</tr>";
  397. i=((i+2)>questionMapping.length?i+1:i+2)
  398. }
  399. hml=hml+"</table></div>";
  400. return hml;
  401. }
  402. //抽取变量
  403. function extractVars(org){
  404. const regexp = /(【(.+?)】)/g;
  405. const arr = org.split(regexp);
  406. //console.log(arr)
  407. let htl = '',val='';
  408. for(let i=0;i<arr.length;i++){
  409. val = arr[i].indexOf("【")!=-1?'':(arr[i-1]&&arr[i-1].indexOf("【")!=-1?"{{html "+arr[i]+"}}":arr[i]);
  410. htl=htl+val;
  411. }
  412. return htl;
  413. }
  414. //获取所有模板
  415. function getAllModules(){
  416. const param={
  417. hospitalId:getUrlArgObject("hid"),
  418. modeId:''
  419. };
  420. post(api.getModuleById,param).then((res)=>{
  421. if(res.data.code==='0') {
  422. const data = res.data.data;
  423. global_modules=data;
  424. getRecordDetail();
  425. }
  426. });
  427. }
  428. });