修改样式

src/components/icss/AddChemicalAndCommonMapping.vue

@@ -149,10 +149,14 @@ export default {
                      if (type == 1) {
                         this.mealNameList = res.data.data
                         if(this.mealNameList.length > 0){ this.$refs['mealNameList'].style.display='block' }
+                        if(this.itemNameList.length > 0) { this.$refs['itemNameList'].style.display='none' }
+                        if(this.uniqueNameList.length > 0){this.$refs['uniqueNameList'].style.display='none'}
                     } else if (type == 2) {
                        
                         this.itemNameList = res.data.data
                         if(this.itemNameList.length > 0) { this.$refs['itemNameList'].style.display='block' }
+                        if(this.uniqueNameList.length > 0){this.$refs['uniqueNameList'].style.display='none'}
+                        if(this.mealNameList.length > 0){ this.$refs['mealNameList'].style.display='none' }
                     }
                 }
             })
@@ -166,6 +170,8 @@ export default {
                 if(res.data.code === '0') {
                     this.uniqueNameList = res.data.data
                     if(this.uniqueNameList.length > 0){this.$refs['uniqueNameList'].style.display='block'}
+                    if(this.itemNameList.length > 0) { this.$refs['itemNameList'].style.display='none' }
+                    if(this.mealNameList.length > 0){ this.$refs['mealNameList'].style.display='none' }
                 }
             })
         },
@@ -269,7 +275,7 @@ export default {
 <style lang="less">
 .AddChemicalAndCommonMappingWrapper {
     min-width: 980px;
-    
+    color: #606266;
     .topBack {
         top: 0;
     }
@@ -285,7 +291,7 @@ export default {
             
     // }
     .titleBox {
-        border-bottom: 1px solid #000;
+        border-bottom: 1px solid #dcdfe6;
         padding:  0 0 10px 0px;
     }
     .title {
@@ -301,6 +307,7 @@ export default {
         width: 40%;
         float: left;
         height: 200px;
+        font-size: 14px;
     }
     .midBox {
         width: 10%;
@@ -308,12 +315,13 @@ export default {
     }
     .itemLabel {
         width: 100%;
-        height: 40px;
-        line-height: 40px;
+        height: 50px;
+        line-height: 50px;
         position: relative;
     }
     .itemLabelName, .searchInput,  .searchName{
         float: left;
+        color: #606266;
     }
     .itemLabelName {
         width: 150px;
@@ -327,34 +335,38 @@ export default {
     }
     .searchInput, .searchName {
         display: inline-block;
-        height: 22px;
-        line-height: 22px;
-        border: 1px solid gray;
+        height: 30px;
+        line-height: 30px;
+        border: 1px solid #dcdfe6;
         margin: 9px 0 0 0;
     }
     
     .searchName {
+        width: 39px;
+        text-align: center;
         border-left: none;
+        cursor: pointer;
     }
     .itemList {
         position: absolute;
         display: none;
         background: #fff;
         width: 162px;
-        max-height: 80px;
-        border: 1px solid gray;
+        max-height: 150px;
+        border: 1px solid #dcdfe6;
         left: 150px;
-        top: 35px;
+        top: 42px;
         z-index: 2;
         overflow-y: auto;
     }
     .mealNameItem {
-        height: 20px;
-        line-height: 20px;
+        height: 30px;
+        line-height: 30px;
         font-size: 14px;
+        cursor: pointer;
     }
     .mealNameItem:hover {
-        border: 1px solid #22ccc8;
+        background: #f5f7fa;
     }
     .selectItemName {
         display: inline-block;
@@ -377,29 +389,17 @@ export default {
         width: 80px;
         height: 30px;
         line-height: 30px;  
-        border: 1px solid #000;
+        border: 1px solid #dcdfe6;
         text-align: center;
         right: 100px;
     }
-    .confirmRealation {
-            .cancelButton{
-                span {
-                    border: 1px solid #000;
-                    color: #000 !important;
-                }
-                
-            }  
-         
-       
-    }
-    .el-message-box__btns .el-button--default {
-        color: #000;
-    }
 }
 .confirmRealation {
     .cancelButton{
-        border-color: #000;
-        color: #000 !important;
+        border: 1px solid #dcdfe6;
+        span {
+            color: #606266;
+        }
     }  
     
 

src/components/icss/AddChronicAndIndexRelation.vue

@@ -128,6 +128,7 @@
                if(res.data.code === '0') {
                    this.diagList = res.data.data
                    if(this.diagList.length>0) {this.$refs['diagList'].style.display = 'block'}
+                   if(this.indexList.length>0) {this.$refs['indexList'].style.display = 'none'}
                 }
             })
         },
@@ -160,6 +161,7 @@
                     //     {conceptName : '血常规'},
                     // ]
                    if(this.indexList.length > 0){this.$refs['indexList'].style.display='block'}
+                   if(this.diagList.length>0) {this.$refs['diagList'].style.display = 'none'}
                 }
             })
         },
@@ -240,6 +242,7 @@
 <style lang="less">
     @import '../../less/common.less';
     .AddChronicAndIndexRelationWrapper {
+        color: #606266;
         .topBack {
             top: 0;
         }
@@ -254,7 +257,7 @@
             display: inline-block;
             height: 30px;
             line-height: 30px;
-            border: 1px solid gray;
+            border: 1px solid #dcdfe6;
             margin: 0px 0 0 0;
             padding: 0 5px;
             float: left;
@@ -266,26 +269,30 @@
         }
         .searchName {
             border-left: none;
+            cursor: pointer;
+            font-size: 14px;
         }
         .itemList {
             position: absolute;
             display: none;
             background: #fff;
             width: 162px;
-            max-height: 80px;
-            border: 1px solid gray;
+            max-height: 150px;
+            border: 1px solid #dcdfe6;
             left: 110px;
             top: 35px;
             z-index: 2;
             overflow-y: auto;
         }
         .diagItem {
-            height: 20px;
-            line-height: 20px;
+            padding: 0 5px;
+            height: 30px;
+            line-height: 30px;
             font-size: 14px;
+            cursor: pointer;
         }
         .diagItem:hover {
-            border: 1px solid #22ccc8;
+            background: #f5f7fa;
         }
         .addDepartForm {
             position: relative;
@@ -307,6 +314,7 @@
             float: left;
             height: 40px;
             line-height: 40px;
+            font-size: 14px;
         }
         .indexTab {
             width: 100%;
@@ -314,7 +322,7 @@
             tr {
                 td {
                     height: 40px;
-                    border: 1px solid #666;
+                    border: 1px solid #dcdfe6;
                     text-align: center;
                 }
             }
@@ -334,11 +342,12 @@
             position: relative;
         }
         .indexList {
-            left: 128px;
+            left: 112px;
         }
         .groupInput {
             text-align: center;
             height: 28px;
+            color: #606266;
         }
         .btn {
             position: relative;

src/components/icss/AddDisAndScaleRelation.vue

@@ -312,6 +312,8 @@
 <style lang="less">
     @import '../../less/common.less';
     .addDisAndScaleRelationWrapper {
+        color: #606266;
+        font-size: 14px;
         .topBack {
             top: 0;
         }
@@ -325,7 +327,7 @@
             display: inline-block;
             height: 30px;
             line-height: 30px;
-            border: 1px solid gray;
+            border: 1px solid #dcdfe6;
             margin: 0px 0 0 0;
             padding: 0 5px;
         }
@@ -335,32 +337,35 @@
         }
         .searchName {
             border-left: none;
+            cursor: pointer;
         }
         .itemList {
             position: absolute;
             display: none;
             background: #fff;
             width: 162px;
-            max-height: 80px;
-            border: 1px solid gray;
+            max-height: 150px;
+            border: 1px solid #dcdfe6;
             left: 110px;
             top: 35px;
             z-index: 2;
             overflow-y: auto;
         }
         .diagItem {
-            height: 20px;
-            line-height: 20px;
+            padding: 0 5px;
+            height: 30px;
+            line-height: 30px;
             font-size: 14px;
+            cursor: pointer;
         }
         .diagItem:hover {
-            border: 1px solid #22ccc8;
+            background: #f5f7fa;
         }
         .addDepartForm {
             background-color: #fff;
             padding: 20px;
             margin: 70px 20px 0px 20px;
-            border-bottom: 1px solid #c0c4cc;
+            border-bottom: 1px solid #dcdfe6;
         }
         .symptomList {
             background-color: #fff;