修改样式

src/components/icss/AddChemicalAndCommonMapping.vue

@@ -11,8 +11,8 @@
         ></crumbs>
         <div class="AddChemicalAndCommonMappingBox clearfix">
             <div class="titleBox clearfix">
-                <h3 class="title">关联公表项</h3>
-                <h3 class="title">关联化验项</h3> 
+                <p class="title">关联公表项</p>
+                <p class="title">关联化验项</p> 
             </div>
             <div class="leftBox clearfix" >
                 
@@ -57,7 +57,8 @@
                 </div>
             </div>
             <div class="midBox">
-                <h3>相互关联</h3>
+                <img class="midLogo" src="../../images/relation.png" alt="">
+                <p class="midTitle">相互关联</p>
             </div>
             <div class="rightBox">
                 <div class="itemLabel">
@@ -275,7 +276,7 @@ export default {
 <style lang="less">
 .AddChemicalAndCommonMappingWrapper {
     .AddChemicalAndCommonMappingBox {
-        min-width: 900px;
+        min-width: 940px;
     }
     color: #606266;
     .topBack {
@@ -293,12 +294,12 @@ export default {
             
     // }
     .titleBox {
-        border-bottom: 1px solid #dcdfe6;
         padding:  0 0 10px 0px;
     }
     .title {
         width: 50%;
         float: left;
+        font-size: 14px;
     }
     .AddChemicalAndCommonMappingBox {
         padding: 20px 30px 20px 30px;
@@ -312,8 +313,20 @@ export default {
         font-size: 14px;
     }
     .midBox {
-        width: 10%;
+        width: 6%;
         padding:  50px 0 0 0;
+        text-align: center;
+    }
+    .midTitle {
+        width: 40px;
+        margin: 0 auto;
+    }
+    .midLogo {
+        margin: 0 auto;
+    }
+    .leftBox, .rightBox {
+        border: 1px solid #dcdfe6;
+        padding: 20px 20px;
     }
     .itemLabel {
         width: 100%;
@@ -337,17 +350,17 @@ export default {
     }
     .searchInput, .searchName {
         display: inline-block;
-        height: 30px;
-        line-height: 30px;
+        height: 32px;
+        line-height: 32px;
         border: 1px solid #dcdfe6;
         margin: 9px 0 0 0;
     }
     
     .searchName {
-        width: 39px;
         text-align: center;
         border-left: none;
         cursor: pointer;
+        padding: 0 14px;
     }
     .itemList {
         position: absolute;
@@ -379,11 +392,12 @@ export default {
             background-color: #fff;
             margin: 0px 20px;
             padding: 20px;
-            min-width: 920px;
+            min-width: 960px;
+            height: 80px;
             .el-button {
                 position: absolute;
                 right: 80px;
-                top: -20px;
+                top: 20px;
             }
     }
     .sumbit {

src/components/icss/AddChronicAndIndexRelation.vue

@@ -53,7 +53,7 @@
                     <td class="selectedContentOpera">操作</td>
                 </tr>
                 <tr v-for="(item, index) in selectedIndexList" :key="item.indexUnique"> 
-                    <td class="selectedContent">{{item.indexUnique}}</td>
+                    <td class="selectedContent ">{{item.indexUnique}}</td>
                     <td class="selectedContentGrop"><input class="groupInput" type="number" v-model="item.indexDesc"></td>
                     <td class="selectedContentOpera"><el-button type="text" size="small" class="delete" @click="delSelectedIndex(item, index)">删除</el-button></td>
                 </tr>
@@ -255,8 +255,8 @@
         
         .searchInput, .searchName {
             display: inline-block;
-            height: 30px;
-            line-height: 30px;
+            height: 32px;
+            line-height: 32px;
             border: 1px solid #dcdfe6;
             margin: 0px 0 0 0;
             padding: 0 5px;
@@ -270,7 +270,8 @@
         .searchName {
             border-left: none;
             cursor: pointer;
-            font-size: 14px;
+            font-size: 16px;
+            padding: 0 14px;
         }
         .itemList {
             position: absolute;
@@ -322,7 +323,7 @@
             tr {
                 td {
                     height: 40px;
-                    border: 1px solid #dcdfe6;
+                    border-bottom: 1px solid #dcdfe6;
                     text-align: center;
                 }
             }
@@ -348,6 +349,7 @@
             text-align: center;
             height: 28px;
             color: #606266;
+            width: 80%;
         }
         .btn {
             position: relative;

src/components/icss/AddDisAndScaleRelation.vue

@@ -325,8 +325,8 @@
         }
         .searchInput, .searchName {
             display: inline-block;
-            height: 30px;
-            line-height: 30px;
+            height: 32px;
+            line-height: 32px;
             border: 1px solid #dcdfe6;
             margin: 0px 0 0 0;
             padding: 0 5px;
@@ -338,6 +338,7 @@
         .searchName {
             border-left: none;
             cursor: pointer;
+            padding: 0 14px;
         }
         .itemList {
             position: absolute;
@@ -382,6 +383,9 @@
         }
         .symptomPool {
             width: 100%;
+            .el-input__inner {
+                border-radius: 0;
+            }
         }
         .tagList {
             width: 100%;