Merge branch 'dev5.3.1' of http://192.168.2.236:10080/zhouna/newICSS into dev5.3.1

src/components/CommonSymptom/index.jsx

@@ -69,14 +69,6 @@ class CommonSymptom extends Component{
     }
     return '';
   }
-  // 历史症状
-  getHisStyle(id){
-    const {conceptId} = this.state;
-    if(conceptId.includes(id)){
-      return style['hisSelect'];
-    }
-    return style['hisTab'];
-  }
   handleClear(e){
     e.stopPropagation();
     this.setState({
@@ -124,12 +116,10 @@ class CommonSymptom extends Component{
         {mainHis.length>0?<ul className={style["his"]} id="his">
           <p>最近输入症状：</p>
           {mainHis.map((it)=>{
-            return <li onClick={(e)=>this.handleSelect(e,it)} title={it.name.length>5?it.name:''}>
-                <span className={this.getHisStyle(it.conceptId)} style={{'padding':it.name.length>4?'0':'0 5px','width':it.name.length>4?'104%':''}}>{it.name.length>5?it.name.slice(0,4)+'...':it.name}</span>
-              </li>
+            return <li onClick={(e)=>this.handleSelect(e,it)} className={this.getStyle(it.conceptId)} title={it.name.length>5?it.name:''}>{it.name.length>5?it.name.slice(0,4)+'...':it.name}</li>
           })}
         </ul>:''}
-        <p>常见症状：</p>
+        <p className={style['c-title']}>常见症状：</p>
         {data&&data.map((it)=>{
           return <li onClick={(e)=>this.handleSelect(e,it)} className={this.getStyle(it.conceptId)} title={it.name.length>5?it.name:''}>{it.name.length>5?it.name.slice(0,4)+'...':it.name}</li>
         })}

src/components/CommonSymptom/index.less

@@ -6,48 +6,28 @@
   white-space: pre-wrap;
   .listBox{
     max-width: 460px;
-    >p{
-      margin: 10px 0 15px;
-      padding-left: 15px;
-    }
-   /*  >li{
-     width: 85px;
-     line-height: 32px;
-     padding-left: 15px;
-     margin-right: 5px;
-     cursor: pointer;
-     display: inline-block;
-   } */
   }
   .his{
-    color: #777777;
-    border-bottom: 1px solid #EAEDF1;
-    padding-bottom: 10px;
-    >p{
-      line-height: 32px;
-      padding-left: 15px;
-      margin-bottom: 10px;
-    }
-    li{
-      /* display: inline-block;
-      margin-left: 10px;
-      padding: 0 5px; */
-      span{
-        display: inline-block;
-        border-radius:13px;
-        line-height: 25px;
-        // padding: 0 5px;
+      color: #3B9ED0;
+      border-bottom: 1px solid #EAEDF1;
+      p{
+        line-height: 32px;
+        padding-left: 15px;
+        color: #000;
       }
     }
+  .c-title{
+    margin: 10px 0;
+    text-indent: 15px;
   }
-   li{
+  li{
     width: 85px;
-    line-height: 32px;
+    line-height: 30px;
     padding-left: 15px;
     margin-right: 5px;
     cursor: pointer;
     display: inline-block;
-  } 
+  }
   li:hover{
     border-color:#3B9ED0;
   }
@@ -73,13 +53,6 @@
     margin-top: 5px;
     padding-right: 5px;
   }
-  .hisTab{
-    border:1px solid rgba(170,170,170,1);
-  }
-  .hisSelect{
-    color:#3B9ED0;
-    border:1px solid rgba(59,158,208,1);
-  }
 }
 .hide{
   display: none;