fixbug: 7784

src/components/knowledgeExtra/AddNewRule.vue

@@ -11,6 +11,12 @@
     box-sizing: border-box;
     background: #fff;
     padding: 20px;
+    display: flex;
+    flex-wrap: wrap;
+    .table_cell {
+      flex: 1;
+      min-width: 25%;
+    }
   }
   /deep/ .el-input--mini .el-input__inner,
   .el-select {
@@ -40,9 +46,8 @@
     ></crumbs>
     <div class="AddRuleContent">
       <el-form size="mini" :model="form" ref="ruleForm">
-        <!-- <div class="table_form"> -->
-        <el-row class="table_form">
-          <el-col :span="6">
+        <div class="table_form">
+          <div class="table_cell">
             <!-- 规则名称 -->
             <el-form-item
               label-width="130px"
@@ -55,9 +60,9 @@
                 v-model.trim="form.parDescription"
               />
             </el-form-item>
-          </el-col>
+          </div>
 
-          <el-col :span="6">
+          <div class="table_cell">
             <!-- 规则类型 -->
             <el-form-item
               label-width="130px"
@@ -82,8 +87,8 @@
                 注：更改规则类型，将会清空已填写的规则内容~
               </div>
             </el-form-item>
-          </el-col>
-          <el-col :span="6">
+          </div>
+          <div class="table_cell">
             <!-- 规则术语类型： -->
             <el-form-item
               label-width="130px"
@@ -108,12 +113,12 @@
                 注：更改规则术语类型，将会清空已填写的规则内容~
               </div>
             </el-form-item>
-          </el-col>
-          <el-col :span="6">
+          </div>
+          <div class="table_cell">
             <el-form-item
               label-width="130px"
               label="医学标准术语："
-              style="margin-bottom: 50px"
+              :style="{ height: '100%' }"
               :rules="rules.parConceptId"
               prop="parConceptId"
             >
@@ -134,11 +139,10 @@
                 </el-option>
               </el-select>
             </el-form-item>
-          </el-col>
-          <el-col :span="6">
+          </div>
+          <div class="table_cell" v-if="showHasSub" style="max-width:25%">
             <el-form-item
               label-width="130px"
-              v-if="showHasSub"
               label="有无子条件："
               :rules="rules.parHasSub"
               prop="parHasSub"
@@ -152,12 +156,10 @@
                 <el-option label="无" :value="0"></el-option>
               </el-select>
             </el-form-item>
-          </el-col>
-          <el-col :span="12">
+          </div>
+          <div class="table_cell" style="flex: 3;max-width:50%" v-if="showMsg">
             <el-form-item
-              style="flex: 1; minwidth: 500px"
               label-width="130px"
-              v-if="showMsg"
               label="附加信息："
               :rules="rules.parMsg"
               prop="parMsg"
@@ -169,11 +171,8 @@
                 v-model.trim="form.parMsg"
               ></el-input>
             </el-form-item>
-          </el-col>
-
-          <!-- 医学标准术语 -->
-        </el-row>
-        <!-- </div> -->
+          </div>
+        </div>
         <!-- 表格 -->
         <AddNewRuleTable
           v-if="form.parHasSub && tableShow"