icd10查询

src/css/searchStaticList.less

@@ -136,6 +136,24 @@
             margin-bottom: 10px;
         }
     }
+  .icon{
+    border:1px #4F9FF3 solid;
+    color: #4F9FF3;
+    border-radius: 11px;
+    display: inline-block;
+    width: 58px;
+    height: 20px;
+    text-align: center;
+    margin:0 6px 0 20px;
+    &.gicon{
+      border-color:#1ECEBD;
+      color: #1ECEBD;
+    }
+  }
+  .code{
+    color:#999;
+    word-break: break-all;
+  }
     .type {
         border-radius: 3px;
         color: #fff;

src/css/staticSearch.less

@@ -93,17 +93,82 @@ html{
     border-bottom: 1px #EFEFEF solid;
     line-height: 32px;
     padding-top: 5px;
-    cursor: pointer;
+    .diag-name{
+        color: #333;
+        font-size: 14px;
+        display: inline-block;
+        width: 92%;
+        cursor: pointer;
+    }
+    .code-slide{
+        display: inline-block;
+        cursor: pointer;
+        width: 10px;
+        height: 7px;
+        background: url("../images/icon_arrow_up.png") no-repeat;
+        background-size: cover;
+        margin-bottom: 0;
+    }
+    &.hide-codes{
+        .codeDiv{
+            display: none;
+        }
+        .code-slide{
+            background: url("../images/icon_arrow_down.png") no-repeat;
+            background-size: cover;
+        }
+    }
 }
 .staticSearchB ul li:hover {
-    border-bottom: 2px solid #3B9ED0;
+    border-bottom: 2px solid #3589FF;
 }
 .staticSearchB ul  p{
+    position: relative;
     color: @fontClr;
+    font-weight: bold;
+    img{
+        position: absolute;
+        right: 2px;
+        bottom: 10px;
+    }
+}
+.staticSearchB .codeDiv{
+    background: #EAEDF1;
+    padding: 10px;
+    margin-bottom: 10px;
+    p,span{
+        color: #444;
+        font-size: 14px;
+        font-weight: normal;
+        line-height: 22px;
+    }
+    td{
+        vertical-align: top;
+        line-height: 20px;
+    }
+    .type-icon{
+        border:1px #4F9FF3 solid;
+        color: #4F9FF3;
+        border-radius: 11px;
+        display: inline-block;
+        width: 58px;
+        height: 22px;
+        text-align: center;
+        margin-right: 6px;
+        &.type-l{
+            border-color:#1ECEBD;
+            color: #1ECEBD;
+        }
+    }
+    .type-code{
+        color:#999;
+        word-break: break-all;
+    }
 }
 .staticSearchB ul i {
     font-size: 14px;
     color: @linkColor;
+    font-weight: normal;
 }
 .staticSearchB .tip {
     font-size: 16px;

src/js/searchStaticList.js

@@ -106,9 +106,10 @@ function renderList(tabList){
                 <div>
                     <span class="type">${item.typeName}</span>
                     <span class="drug">${item.name}</span>
-                    ${item.code ?`<span class="code">${item.code}</span>`:''}
-                </div>
-                ${item.retrievalName?`<div class="same">同义词：<span>${item.retrievalName}</span></div>`:''}
+                    ${item.code ?`<span class="icon">医保版</span><span class="name">${item.name}</span><span class="code">${item.code}</span>`:''}
+                    ${item.code ?`<span class="icon gicon">国临版</span><span class="name">${item.name}</span><span class="code">${item.code}</span>`:''}
+					</div>
+${item.retrievalName?`<div class="same">同义词：<span>${item.retrievalName}</span></div>`:''}
                 <div class="content">
                     <p>${item.abstractContent ? item.abstractContent : ''}</p>
                 </div>

src/js/staticSearch.js

@@ -6,6 +6,8 @@ let checkOffImg = require('./../images/check_off.png')
 let checkOnImg = require('./../images/check_on.png')
 require('./../images/empty3.png').replace( /undefined/g, '')
 require('./../images/icon_search.png').replace( /undefined/g, '')
+require('./../images/icon_arrow_down.png').replace( /undefined/g, '')
+require('./../images/icon_arrow_up.png').replace( /undefined/g, '')
 
 let searchType = getUrlArgObject("searchType") || ""
 
@@ -125,10 +127,33 @@ function getKnowledgeData(value) {
             var lisStr = ''
             if(knowledgeLis&&knowledgeLis.length>0){
                 for(var i = 0;i<knowledgeLis.length;i++){
-                    var tmpPart = knowledgeLis[i]
-                    var tmpLi = `<li data-name='${tmpPart.name}' data-uname='${tmpPart.uniqueName}' data-type='${tmpPart.libTypeId}' data-sign='${tmpPart.type}'>
-                        <p>${tmpPart.name}<i>${tmpPart.typeName?(' ( '+tmpPart.typeName+' )'):''}</i> <span>${tmpPart.code||''}</span></p>
+                    var tmpPart = knowledgeLis[i];
+				    var ynameDom = tmpPart.code?`<tr>
+                                                    <td rowspan="2" width="65"><span class="type-icon">医保版</span></td>
+                                                      <td><span title="${tmpPart.name}">${tmpPart.name}</span></td>
+                                                  </tr>
+                                                  <tr>
+                                                    <td>
+                                                    <span title="${tmpPart.code}" class="type-code">${tmpPart.code}</span>
+                                                    </td>
+                                                 </tr>`:'';
+				  var gnameDom = tmpPart.guoname||tmpPart.guocode?`<tr>
+                                                    <td rowspan="2"><span class="type-icon type-l">国临版</span></td>
+                                                      <td><span title="${tmpPart.guoname}">${tmpPart.guoname}</span></td>
+                                                  </tr>
+                                                  <tr>
+                                                    <td>
+                                                    <span title="${tmpPart.guocode}" class="type-code">${tmpPart.guocode}</span>
+                                                    </td>
+                                                 </tr>`:'';
+				  var codeDom = ynameDom+gnameDom?`<div class="codeDiv"><table width="100%"><tbody>${ynameDom}${gnameDom}</tbody></table></div>`:"";
+				  var codeIcon = ynameDom+gnameDom?`<span class="code-slide"></span>`:"";
+				  var tmpLi = `<li class="hide-codes" data-name='${tmpPart.name}' data-uname='${tmpPart.uniqueName}' data-type='${tmpPart.libTypeId}' data-sign='${tmpPart.type}'>
+                        <p><span class="diag-name">${tmpPart.name}<i>${tmpPart.typeName?(' ( '+tmpPart.typeName+' )'):''}</i></span>
+                          ${codeIcon}
+                        </p>
                         ${tmpPart.retrievalName?('<span>• '+tmpPart.retrievalName+'</span>'):''}
+                        ${codeDom}
                     </li>`
                     lisStr += tmpLi
                 }
@@ -156,11 +181,11 @@ $(window).on('resize', function(){
     adjustHeight()
 })
 
-$(".staticSearchB ul").on("click","li",function(){
-    const infoMsgName = $(this).attr('data-name')
-    const infoMsgUName = $(this).attr('data-uname')
-    const type = $(this).attr('data-type')
-    const sign = $(this).attr('data-sign')
+$(".staticSearchB ul").on("click","li .diag-name",function(){
+    const infoMsgName = $(this).parents("li").attr('data-name')
+    const infoMsgUName = $(this).parents("li").attr('data-uname')
+    const type = $(this).parents("li").attr('data-type')
+    const sign = $(this).parents("li").attr('data-sign')
     if(type != 48){
         openNewWin(`staticInfo.html?type=${encodeURIComponent(sign)}&position=0&name=${encodeURIComponent(infoMsgName)}`)
         // openNewWin(`information.html?type=${encodeURIComponent(sign)}&position=0&name=${encodeURIComponent(infoMsgName)}&uname=${encodeURIComponent(infoMsgUName)}`)
@@ -173,7 +198,9 @@ $(".staticSearchB ul").on("click","li",function(){
         openNewWin(`scale.html?msg=${encodeURIComponent(JSON.stringify(msg1))}`)
     }
 })
-
+$(".staticSearchB ul").on("click","li .code-slide",function(){
+  $(this).parents("li").toggleClass("hide-codes");
+});
   
 $(".staticSearchT").on('click','#clearKnowledge',function() {
     $(".staticSearchT input").val("")