index.js 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. const $ = require("jquery");
  2. require("babel-polyfill");
  3. const echarts = require("echarts");
  4. require("./../css/knowledgeMap.less");
  5. require("./../css/common.css");
  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/logo.png');
  17. require('./../resources/zTree/js/jquery.ztree.core.min.js');
  18. require('./../resources/zTree/js/jquery.ztree.excheck.min.js')
  19. require('./../resources/zTree/css/zTreeStyle/zTreeStyle.css');
  20. const { post, api } = require('./api.js');
  21. const { mapData, zTreeData,mapData3,zTreeData3 } = require('./data.js');
  22. const { drawGraph,updateTree,getGraph,getTree,getNode } = require('./graphMap.js');
  23. window.select_type="疾病";
  24. window.select_type_noSearch="疾病";
  25. const clientHei = $(window).height()
  26. const contentHei = clientHei - 80
  27. $(".left").css("height",contentHei+'px')
  28. $(".right").css("height",contentHei+'px')
  29. $(".ztree").css("height",contentHei-80-43-60-20+'px')
  30. $("#main").css("height",contentHei-20-20+'px')
  31. //关系图
  32. getGraph("急性冠脉综合征",select_type);
  33. getTree(1,1,"急性冠脉综合征");
  34. $('#searchInp').val("急性冠脉综合征")
  35. //选择类型
  36. $('.select').click(function(e){
  37. e.stopPropagation();
  38. const selectListShow = $('.selectList').css('display')
  39. if(selectListShow == 'none'){
  40. $('.iconSlide').attr('src','./images/iconSlideUp.png')
  41. } else{
  42. $('.iconSlide').attr('src','./images/iconSlideDown.png')
  43. }
  44. $('.selectList').fadeToggle()
  45. })
  46. $('.selectList .selectItem').click(function(){
  47. select_type_noSearch = $(this).attr('data-id')
  48. const txt = $(this).text()
  49. $(".selectedName").html(txt)
  50. })
  51. //搜索节点名
  52. $("#searchInp").bind("input propertychange",function(event){
  53. const val = $("#searchInp").val().trim()
  54. if(val){
  55. getNode(val,select_type_noSearch)
  56. }else{
  57. $(".tabNameList").hide()
  58. }
  59. });
  60. //切换条目
  61. $('.radioItem').click(function(e){
  62. const initDiag = "急性冠脉综合征"
  63. const type = $(this).attr('data-type')
  64. // $(this).children('img').attr('src')
  65. $('.iconRadio').attr('src','/images/radioUnSelect.png')
  66. $(this).children('img').attr('src','/images/radioSelect.png')
  67. $('#searchInp').val(initDiag)
  68. getTree(type,1,initDiag);
  69. getGraph(initDiag,select_type);
  70. updateTree(initDiag)
  71. })
  72. //搜索
  73. $('#searchBtn').click(function(e){
  74. e.stopPropagation()
  75. const val = $('#searchInp').val()
  76. if(val){
  77. getGraph(val,'疾病')
  78. updateTree(val)
  79. }else{
  80. $('.tabNameListNoSearch').show()
  81. }
  82. })
  83. //切换tab
  84. $('.tabList .tab').click(function(){
  85. const id = $(this).attr('data-id')
  86. $(this).addClass("activeTab").siblings().removeClass('activeTab')
  87. if(id != select_type){
  88. if(id != "diagnose"){
  89. $(".radioList").hide()
  90. }else{
  91. $(".radioList").show()
  92. }
  93. select_type = id
  94. // getTree(1,1,""); //切换tab重新画菜单树
  95. }
  96. })
  97. //点击页面其他地方关闭下拉
  98. $('html').click(function(){
  99. const selectListShow = $('.selectList').css('display')
  100. const tabNameListShow = $('.tabNameList').css('display')
  101. const tabNameListNoSearchShow = $('.tabNameListNoSearch').css('display')
  102. if(selectListShow == 'block'){
  103. $('.selectList').hide()
  104. $('.iconSlide').attr('src','./images/iconSlideDown.png')
  105. }
  106. if(tabNameListShow == 'block'){
  107. $('.tabNameList').hide()
  108. }
  109. if(tabNameListNoSearchShow == 'block'){
  110. $('.tabNameListNoSearch').hide()
  111. }
  112. })