bug5956

src/css/staticSearch.css

@@ -55,23 +55,28 @@ html{
     width: 15px;
     height: 15px;
     right: 85px;
-    top: 40px;
+    top: 20px;
     display: inline-block;
     cursor: pointer;
     background: url(/images/del_nor.png) center center no-repeat;
     background-size:15px 15px;
     z-index: 100;
 }
-.staticSearchB .tip,.container .staticSearchT i,.staticSearchB .empty {
+.staticSearchB .tip,.container .staticSearchT i,.staticSearchB .empty, .staticSearchB .searching,.staticSearchB .inputWarning{
     display: none;
 }
-.staticSearchB .empty {
+.staticSearchB .empty, .staticSearchB .searching,.staticSearchB .inputWarning{
     color: #979797;
     text-align: center;
     line-height: 40px;
     margin-top: 10px;
     top: 150px;
+    position: relative;
+}
+.staticSearchB .inputWarning{
+    color: #1E1E1E;
 }
+
 .staticSearchB ul {
     position: absolute;
     height: 480px;
@@ -116,4 +121,7 @@ html{
 .medicalTypeItem img {
     vertical-align: text-bottom;
     margin: 0  3px 2px 0;
+}
+.emptyImg{
+    width: 100px;
 }

src/html/cdss.html

@@ -64,7 +64,12 @@
       
                   <div class="staticSearchB">
                       <p class="tip">搜索结果</p>
-                      <p class="empty">暂无搜索结果！</p>
+                      <p class="searching">正在搜索中...</p>
+                      <p class="inputWarning">请输入搜索内容！</p>
+                      <div class="empty">
+                          <img class="emptyImg" src="./images/empty3.png" alt="">
+                        <p>暂无搜索结果~</p>
+                      </div>
                       <ul>
                           
                       </ul>

src/html/staticSearch.html

@@ -50,7 +50,12 @@
 
             <div class="staticSearchB">
                 <p class="tip">搜索结果</p>
-                <p class="empty">暂无搜索结果！</p>
+                <p class="searching">正在搜索中...</p>
+                <p class="inputWarning">请输入搜索内容！</p>
+                <div class="empty">
+                    <img class="emptyImg" src="./images/empty3.png" alt="">
+                  <p>暂无搜索结果~</p>
+                </div>
                 <ul>
                     
                 </ul>

src/js/cdss.js

@@ -13,6 +13,7 @@ require('./../css/staticSearch.css')
 require('./../js/staticSearch.js')
 require('./../images/empty.png').replace(/^undefined/g, '')
 require('./../images/empty2.png').replace(/^undefined/g, '')
+require('./../images/empty3.png').replace(/^undefined/g, '')
 require('./../images/loading.gif').replace(/^undefined/g, '')
 require('./../images/right.png').replace(/^undefined/g, '')
 require('./../images/new.png').replace(/^undefined/g, '')

src/js/staticSearch.js

@@ -4,6 +4,8 @@ var $ = require("jquery");
 var { post,config,getUrlArgObject,openNewWin,isIe8 } = require('./promise.js');
 let checkOffImg = require('./../images/check_off.png')
 let checkOnImg = require('./../images/check_on.png')
+require('./../images/empty3.png').replace( /undefined/g, '')
+
 let searchType = getUrlArgObject("searchType") || ""
 
 
@@ -30,14 +32,22 @@ $(".staticSearchT input").keyup(function(e) {
         $(".searchKnowledge .staticSearchB .empty").css({display:'none'})
         $(".searchKnowledge .staticSearchB .tip").css({display:'none'})
         $(".searchKnowledge .staticSearchB ul").html('')
+        $(".searchKnowledge .staticSearchB .inputWarning").css("display","block")
+       
+    }else{
+        $(".searchKnowledge .staticSearchB .inputWarning").css("display","none")
     }
-    ev.keyCode == 13&&getKnowledgeData(val);
+    val!=''&&ev.keyCode == 13&&getKnowledgeData(val);
 })
 // document.title = "医学知识搜索"
 $(".searchScale").css({display:'none'})
 $(".searchKnowledge").css({display:'block'})
 $(".searchKnowledge .staticSearchT").on('click','button',function() {
     var val = $(this).parents(".staticSearchT").find("input").val()
+    if(val == ''){
+        $(".searchKnowledge .staticSearchB .inputWarning").css("display","block")
+       
+    }
     val!=''&&getKnowledgeData(val)
 })
 
@@ -86,6 +96,7 @@ function bindMedicalTypeClick() {
 }
 getMedicalTypes()
 function getKnowledgeData(value) {
+    $(".searchKnowledge .staticSearchB .inputWarning").css("display","none")
     if(first) {
         adjustHeight()
         first =false
@@ -96,10 +107,12 @@ function getKnowledgeData(value) {
             medicalTypes.push(medicalTypesList[i].val)
         }
     }
+    $(".searchKnowledge .staticSearchB .searching").css("display","block")
     post(config.getStaticKnowledge,{
         inputStr: value.replace(/\\/g,'\\\\').replace(/%/g,'\\%').replace(/\_/g,'\\_'),
         types:medicalTypes
         }).then((res) => {
+            $(".searchKnowledge .staticSearchB .searching").css("display","none")
         const data = res.data
         if(data.code == 0) {
             var knowledgeLis = data.data;