Преглед изворни кода

fixbug: 7723 7727 7728 7729 7730 7731 7734 7735

reaper пре 4 година
родитељ
комит
055ab4bd15

+ 1 - 1
src/components/knowledgeExtra/AddNewRule.vue

@@ -40,7 +40,7 @@
     <div class="AddRuleContent">
       <el-form size="mini" :model="form" :rules="rules" ref="ruleForm">
         <!-- <div class="table_form"> -->
-        <el-row :gutter="20" class="table_form">
+        <el-row class="table_form">
           <el-col :span="8">
             <!-- 规则名称 -->
             <el-form-item

+ 27 - 11
src/components/knowledgeExtra/AddNewRuleTable.vue

@@ -17,7 +17,6 @@
     justify-content: space-around;
     .btn_div {
       flex: 1;
-      height: 80px;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -34,7 +33,8 @@
     margin: 0 auto;
   }
   /deep/ .el-form-item__error {
-    position: relative;
+    // position: absolute;
+    top: 28px;
   }
   .type_content {
     /deep/ .el-form-item--mini.el-form-item,
@@ -45,11 +45,14 @@
     display: flex;
     // flex-wrap: wrap;
     .type_content_item {
-      padding: 10px 0;
+      // padding: 14px 0;
       // flex: 1;
       // min-width: 200px;
     }
     .type_content_item1 {
+      /deep/ .el-form-item__content {
+        padding-bottom: 0px;
+      }
       .row_box {
         .el-col {
           /deep/ .el-form-item__error {
@@ -87,6 +90,15 @@
   /deep/ .el-table th {
     background: transparent;
   }
+  /deep/ .el-form-item__content {
+    padding-bottom: 14px;
+  }
+  /deep/.el-form-item__label {
+    // margin-top: 14px;
+  }
+  .table_cell_cls {
+    vertical-align: top;
+  }
 }
 </style>
 
@@ -101,6 +113,7 @@
       size="mini"
       :row-style="rowStyle"
       :header-row-style="{ background: '#E3EAF4' }"
+      :cell-style="cellStyle"
       :span-method="ObjectSpanMethod"
     >
       <el-table-column width="80px" label="组" prop="groupType">
@@ -261,17 +274,14 @@
         <template slot-scope="scope">
           <div class="type_content">
             <el-form-item
-              class="type_content_item"
-              style="width: 240px; marginright: 20px"
-              label="选择类型:"
-              label-width="100px"
+              style="width: 100px; margin-right: 20px"
               :prop="`klRuleByIdSub[${scope.$index}].dataType`"
               :rules="rules.dataType"
               v-if="scope.row.subType === 2 && showDataType(scope.$index)"
             >
               <el-select
                 v-model="scope.row.dataType"
-                placeholder="选择"
+                placeholder="选择类型"
                 @change="dataTypeChange($event, scope.$index)"
               >
                 <el-option label="数值类型" value="1"> </el-option>
@@ -281,7 +291,7 @@
             <!-- v-if="klRuleByIdSub[scope.$index].dataType === '1'" -->
             <el-form-item
               class="type_content_item type_content_item1"
-              style="flex: 2; height: 54px; margin: 0 10px"
+              style="flex: 2; margin: 0 10px"
               label="最大值:"
               v-if="scope.row.dataType === '1'"
             >
@@ -434,7 +444,7 @@
             >
               <el-input
                 type="textarea"
-                rows="3"
+                rows="1"
                 placeholder="请输入医学内容"
                 v-model.trim="scope.row.subEqValue"
               ></el-input>
@@ -458,7 +468,7 @@
             >
               <el-input
                 type="textarea"
-                rows="2"
+                rows="1"
                 placeholder="请输入正则表达式"
                 v-model.trim="scope.row.subEqValue"
               ></el-input>
@@ -499,6 +509,12 @@ export default {
         };
       }
     },
+    // cellStyle
+    cellStyle({ row, column, rowIndex, columnIndex }) {
+      console.log(column);
+      if (column.label == "组" || column.label == "基础规则") return {};
+      return { "vertical-align": "top", "padding-top": "14px" };
+    },
     // 最大值 选择rule
     subMaxOperator(scope, rule, value, callback) {
       const { subMaxValue, subMinOperator, subMinValue } = scope.row;