修改样式

src/css/knowledgeMap.less

@@ -58,7 +58,7 @@
                 margin: 20px 10px  10px;
                 .selectedName{
                     display: inline-block;
-                    width: 60px;
+                    width: 92px;
                     height: 40px;
                     text-align: center;
                     line-height: 40px;
@@ -100,6 +100,20 @@
                     box-sizing: border-box;
                     outline: none;
                     color: #333;
+                    font-size: 14px;
+                }
+                input::-webkit-input-placeholder{
+                    color: #ccc;
+                }
+                    
+        　　　　input:-moz-placeholder,textarea:-moz-placeholder{
+                    color: #ccc;
+                }
+        　　　　input::-moz-placeholder,textarea::-moz-placeholder{
+                    color: #ccc;
+                }
+        　　　　input:-ms-input-placeholder,textarea:-ms-input-placeholder{
+                    color: #ccc;
                 }
                 .searchBtn{
                     position: absolute;;
@@ -165,7 +179,7 @@
                 line-height: 60px;
             }
             .radioItem{
-                font-size: 12px;
+                font-size: 14px;
                 color: #333;
                 line-height: 16px;
             }
@@ -175,8 +189,8 @@
                 top: 2px;
             }
             .iconSelect{
-                width: 12px;
-                top: 0px;
+                width: 14px;
+                top: -1px;
                 position: relative;
             }
         }

src/css/knowledgeTree.less

@@ -46,6 +46,19 @@
             padding: 10px;
             background: #F7F8FA;
         }
+        input::-webkit-input-placeholder{
+            color: #ccc;
+        }
+            
+　　　　input:-moz-placeholder,textarea:-moz-placeholder{
+            color: #ccc;
+        }
+　　　　input::-moz-placeholder,textarea::-moz-placeholder{
+            color: #ccc;
+        }
+　　　　input:-ms-input-placeholder,textarea:-ms-input-placeholder{
+            color: #ccc;
+        }
         .btnBox{
             height: 60px;
             text-align: center;
@@ -55,8 +68,9 @@
             background: #5A8EEE;
             color: #fff;
             position: relative;
-            border-radius: 2px;
+            border-radius: 4px;
             top: 20px;
+            font-size: 14px;
         }
         .mainBox{
             position: relative;
@@ -84,5 +98,8 @@
             border: 1px solid #E6E6E6;
         }
     }
+    .disabled{
+        opacity: 0.5;
+    }
     
 }

src/html/knowledgeGraph.html

@@ -22,7 +22,7 @@
           <div class="top">
             <div class="select">
               <span class="selectedName">疾病</span>
-              <img class="iconSlide" src="./images/iconSlideDown.png" alt="iconSlide">
+              <!-- <img class="iconSlide" src="./images/iconSlideDown.png" alt="iconSlide"> -->
               <!-- <ul class="selectList">
                 <li class="selectItem" data-id="diagnose">疾病</li>
                 <li class="selectItem">药物</li>

src/html/knowledgeTree.html

@@ -17,7 +17,7 @@
         <p class="tips">提示说明：输入疾病、药物、症状、诊疗技术及设备（治疗）等相关医学实体名称，展示其 schema 描述体系。</p>
         <p  class="tips">输入示例：1. 支气管肺炎 2. 胆囊炎</p>
       </div>
-      <textarea class="searchTxt" id="searchTxt" placeholder="搜索疾病名称" autocomplete="off" rows="5"></textarea>
+      <textarea class="searchTxt" id="searchTxt" placeholder="请输入" autocomplete="off" rows="5"></textarea>
       <div class="btnBox"><span class="sumbit">提交</span></div>
       <div class="mainBox">
         <div id="main" class="mainWrapper" style="width: 1160px;height:600px;">

src/js/knowledgeTree.js

@@ -10,9 +10,20 @@ const { getSchema } = require('./schemaMap.js');
 $("#searchTxt").val("胆囊炎")
 getSchema('胆囊炎','diagnose')
 
+//搜索节点名
+$("#searchTxt").bind("input propertychange",function(event){
+    const val = $("#searchTxt").val().trim()
+    if(!val){
+        $('.sumbit').addClass('disabled')
+    }else{
+        $('.sumbit').removeClass('disabled')
+    }
+});
 $(".sumbit").click(function(){
     const val = $("#searchTxt").val().trim()
-    getSchema(val,'diagnose')
+    if(val){
+        getSchema(val,'diagnose')
+    }
 })
 
 

src/resources/zTree/css/zTreeStyle/zTreeStyle.css

@@ -8,7 +8,7 @@ website:	http://code.google.com/p/jquerytree/
 
 -------------------------------------*/
 
-.ztree * {padding:0; margin:0; font-size:12px;}
+.ztree * {padding:0; margin:0; font-size:14px;}
 /* .ztree * { font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif} */
 
 .ztree {margin:0; padding:5px; color:#333}
@@ -27,7 +27,7 @@ website:	http://code.google.com/p/jquerytree/
 .ztree li a.tmpTargetNode_next {}
 .ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
 	font-size:12px; border:1px #7EC4CC solid; *border:0px}
-.ztree li span {line-height:16px; margin-right:2px}
+.ztree li span {line-height:20px; margin-right:2px}
 .ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
 	border:0 none; cursor: pointer;outline:none;
 	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
@@ -72,11 +72,11 @@ website:	http://code.google.com/p/jquerytree/
 .ztree li span.button.bottom_docu{background-position:-56px -36px}
 .ztree li span.button.noline_docu{ background:none;}
 
-.ztree li span.button.ico_open{margin-right:2px;margin-top:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
-.ztree li span.button.ico_close{margin-right:2px;margin-top:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
-.ztree li span.button.ico_docu{margin-right:2px;margin-top:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
-.ztree li span.button.edit {margin-right:2px;margin-top:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
-.ztree li span.button.remove {margin-right:2px;margin-top:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_open{margin-right:2px;margin-top:3px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_close{margin-right:2px;margin-top:3px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_docu{margin-right:2px;margin-top:3px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.edit {margin-right:2px;margin-top:3px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.remove {margin-right:2px;margin-top:3px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
 
 .ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}