knowledgeTree.js 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. const $ = require("jquery");
  2. require("babel-polyfill");
  3. const echarts = require("echarts");
  4. require("./../css/knowledgeTree.less");
  5. require("./../css/common.less");
  6. // require("ztree");
  7. require('./../resources/images/icon.png');
  8. require('./../resources/images/iconOpen.png');
  9. require('./../resources/images/iconClose.png');
  10. require('./../resources/images/node.png');
  11. require('./../resources/images/radioUnSelect.png');
  12. require('./../resources/images/radioSelect.png');
  13. require('./../resources/images/iconSlideUp.png');
  14. require('./../resources/images/iconSlideDown.png');
  15. require('./../resources/images/iconSelect.png');
  16. require('./../resources/images/syflogo.png');
  17. require('./../resources/images/logo.png');
  18. require('./../resources/zTree/js/jquery.ztree.core.min.js');
  19. require('./../resources/zTree/js/jquery.ztree.excheck.min.js')
  20. require('./../resources/zTree/css/zTreeStyle/zTreeStyle.css');
  21. const iconUp = require('./../resources/images/iconUp.png');
  22. const iconDown = require('./../resources/images/iconDown.png');
  23. // document.write("aaaa");
  24. const {getSchema,updateTree,getTree,getNode,getTab,renderTab,setTabBottomHei,setSelectName,hideHideTab,hideSlide} = require('./schemaMap.js');
  25. window.select_type="疾病";
  26. window.select_type_noSearch="疾病";
  27. window.refreshTree = true
  28. setHei()
  29. function setHei(){
  30. const clientHei = $(window).height()
  31. const contentHei = clientHei - 80
  32. $(".left").css("height",contentHei+'px')
  33. $(".right").css("height",contentHei+'px')
  34. console.log('select_type',select_type)
  35. if(select_type=="疾病"){
  36. setTabBottomHei(1)
  37. }else{
  38. setTabBottomHei(2)
  39. }
  40. $("#main").css("height",contentHei-20-20+'px')
  41. }
  42. $(window).resize(function(){
  43. setHei()
  44. // getSchema(graphTxt,select_type);
  45. })
  46. //关系图
  47. getSchema("胆囊炎",select_type);
  48. getTree(1,1,"胆囊炎");
  49. $('#searchInp').val("胆囊炎")
  50. //选择类型
  51. $('.select').click(function(e){
  52. e.stopPropagation();
  53. hideSlide('selectList')
  54. const selectListShow = $('.selectList').css('display')
  55. if(selectListShow == 'none'){
  56. $('.iconSlide').attr('src','./images/iconSlideUp.png')
  57. } else{
  58. $('.iconSlide').attr('src','./images/iconSlideDown.png')
  59. }
  60. $('.selectList').fadeToggle()
  61. })
  62. $('.selectList .selectItem').click(function(){
  63. select_type_noSearch = $(this).attr('data-id')
  64. const txt = $(this).text()
  65. const oldTxt = $(".selectedName").html()
  66. setSelectName(txt)
  67. $("#searchInp").attr("placeholder",`请输入${txt}名称`)
  68. if(txt != oldTxt){
  69. $('#searchInp').val("")
  70. }
  71. })
  72. //搜索节点名
  73. $("#searchInp").bind("input propertychange",function(event){
  74. const val = $("#searchInp").val().trim()
  75. if(val){
  76. getNode(val,select_type_noSearch)
  77. }else{
  78. $(".tabNameList").hide()
  79. }
  80. });
  81. //切换条目
  82. $('.radioItem').click(function(e){
  83. const initDiag = "胆囊炎"
  84. const type = $(this).attr('data-type')
  85. // $(this).children('img').attr('src')
  86. $('.iconRadio').attr('src','/images/radioUnSelect.png')
  87. $(this).children('img').attr('src','/images/radioSelect.png')
  88. $('#searchInp').val(initDiag)
  89. getTree(type,1,initDiag);
  90. getSchema(initDiag,select_type);
  91. // updateTree(initDiag)
  92. })
  93. //搜索
  94. $('#searchBtn').click(function(e){
  95. e.stopPropagation()
  96. const val = $('#searchInp').val().trim()
  97. if(val){
  98. const clientHei = $(window).height()
  99. const contentHei = clientHei - 80
  100. $(".tabNameList").hide()
  101. getSchema(val,select_type_noSearch).then(()=>{
  102. if(!window.refreshTree){
  103. return
  104. }
  105. select_type = select_type_noSearch
  106. if(select_type == '疾病'){
  107. // $('#searchInp').val("高血压3级")
  108. getTree(1,1,val);
  109. }else if(select_type == '药品通用名'){
  110. getTree(0,2,val);
  111. }else if(select_type == '症状'){
  112. getTree(0,3,val);
  113. }else if(select_type == '手术和操作'){
  114. getTree(0,4,val);
  115. }else if(select_type == '实验室检查'){
  116. getTree(0,5,val);
  117. }else if(select_type == '辅助检查'){
  118. getTree(0,6,val);
  119. }
  120. if(select_type == '疾病'){
  121. $('.iconRadio').attr('src','/images/radioUnSelect.png')
  122. $('.ICD10 img').attr('src','/images/radioSelect.png')
  123. $(".radioList").show()
  124. setTabBottomHei(1)
  125. }else{
  126. $(".radioList").hide()
  127. setTabBottomHei(2)
  128. }
  129. let renderTabInfo = getTab("疾病")
  130. renderTab(renderTabInfo)
  131. })
  132. }else{
  133. $('.tabNameListNoSearch').show()
  134. }
  135. })
  136. let renderTabInfo = getTab("疾病")
  137. renderTab(renderTabInfo)
  138. $(".tabList").click(function(e){
  139. e.stopPropagation()
  140. hideSlide()
  141. })
  142. $(".hideTabList").click(function(e){
  143. e.stopPropagation()
  144. hideSlide()
  145. })
  146. //点击页面其他地方关闭下拉
  147. $('html').click(function(){
  148. hideSlide()
  149. })