样式

src/components/knowledgeExtra/AddDiagBase.vue

@@ -311,7 +311,7 @@
         }
         .disclButn{
             position: absolute;
-            right: 80px;
+            right: calc(50% - 60px);
             bottom: 10px;
         }
     }

src/components/knowledgeExtra/DiagBaseGroup.vue

@@ -1,7 +1,8 @@
 <template>
     <div class="sub-groups">
+        <div class="group-items">
         <!--<el-form ref="form" class="add-new-form" label-width="140px" :model="data" :rules="rules">-->
-            <el-form-item label="符合条件的数量：" :prop="'klDiagnoseTypeVO.'+parInx+'.groupVO.'+inx+'.fitNo'">
+            <el-form-item label="符合条件的数量：" :prop="'klDiagnoseTypeVO.'+parInx+'.groupVO.'+inx+'.fitNo'" class="diag-num">
                 <el-select v-model="data.fitNo"
                            placeholder="请选择"
                            size="small">
@@ -25,10 +26,11 @@
                            @changeVal="handleInput"
                            @addRule="addRule"
                            @delRule="delRule"></DiagBaseItem>
-            <div class="group-oper">
-                <el-button size="small" @click="addGroup">+新增分组</el-button>
-                <el-button :disabled="isLast" size="small" type="danger" plain @click="delGroup">-删除分组</el-button>
-            </div>
+        </div>
+        <div class="group-oper">
+            <el-button size="small" @click="addGroup">+新增分组</el-button>
+            <el-button :disabled="isLast" size="small" type="danger" plain @click="delGroup">-删除分组</el-button>
+        </div>
         <!--</el-form>-->
     </div>
 </template>
@@ -115,16 +117,27 @@
 </script>
 <style lang="less" scoped>
     .sub-groups{
+    }
+    .group-items{
+        padding:10px 20px;
+        margin: 10px 20px;
         background: #F5F5F5;
-        padding: 20px;
         border:1px #ccc dashed;
-        margin:20px 0 0 20px;
+    }
+    .diag-num{
+        background: #fff;
+        padding: 13px 0;
+        border-bottom: 1px solid #E6E6E6;
     }
     .group-oper{
         text-align: center;
         padding: 11px 0;
         border-top: 4px solid #F5F5F5;
         background: #fff;
+        margin: 0 20px;
+        .el-button{
+            margin-right: 60px;
+        }
     }
     .el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover{
         color: #fbc4c4;

src/components/knowledgeExtra/DiagBaseItem.vue

@@ -275,7 +275,7 @@
 <style lang="less">
     .groups-cont{
         background: #fff;
-        margin-top:20px;
+        border-bottom:2px solid #F5F5F5;
         .conceptItem{
             padding: 0 10px;
             cursor: pointer;
@@ -297,7 +297,7 @@
         .sub-condition-form{
             padding: 20px;
             position: relative;
-            border-bottom:2px solid #F5F5F5;
+            border-bottom:1px solid #F5F5F5;
             .del-btn{
                 color: #FF5B5B;
                 cursor: pointer;

src/components/knowledgeExtra/DiagBaseType.vue

@@ -1,7 +1,7 @@
 <template>
     <!--<el-form ref="form" class="add-new-form" label-width="130px" :model="data">-->
    <div class="add-new-form">
-        <el-form-item label="诊断依据类型：" :prop="'klDiagnoseTypeVO.'+inx+'.conditionType'">
+        <el-form-item label="诊断依据类型：" :prop="'klDiagnoseTypeVO.'+inx+'.conditionType'" class="diag-type">
             <el-select v-model="data.conditionType"
                        placeholder="请选择"
                        size="small">
@@ -114,7 +114,18 @@
               background: #F5F5F5;
               padding: 20px 0;
           }
+          .diag-type{
+              background: #fff;
+              margin: 0 20px;
+              padding: 13px 0;
+          }
           .group-oper{
-              margin:20px 0 0 20px;
+              margin: 20px 20px 0 20px;
+              background: #fff;
+              padding: 13px 0;
+              text-align: center;
+              .el-button{
+                  margin-right: 60px;
+              }
           }
       </style>