样式修改

src/components/knowledgeExtra/AddNewRuleTable.vue

@@ -37,6 +37,18 @@
     // position: absolute;
     top: 28px;
   }
+  .form-texarea {
+    /deep/ .el-form-item__error {
+      // position: absolute;
+      top: 54px;
+    }
+  }
+  .texarea-form {
+    /deep/ .el-form-item__error {
+      // position: absolute;
+      top: 32px;
+    }
+  }
   .type_content {
     /deep/ .el-form-item--mini.el-form-item,
     .el-form-item--small.el-form-item {
@@ -140,10 +152,14 @@
           <div :class="showMsg?'custom_table_header':''">附加信息</div>
         </template>
         <template slot-scope="scope">
-          <el-form-item :prop="`klRuleByIdSub[${scope.$index}].subMsg`" :rules="showMsg?rules.subMsg:[]">
+          <el-form-item
+            :prop="`klRuleByIdSub[${scope.$index}].subMsg`"
+            :rules="showMsg?rules.subMsg:rules.subMsgs"
+            :class="scope.row.subMsg == ''?'texarea-form':'form-texarea'"
+          >
             <el-input
               type="textarea"
-              :rows="1"
+              :autosize="{minRows: 1,maxRows: 2}"
               placeholder="请输入附加信息"
               v-model.trim="scope.row.subMsg"
             ></el-input>
@@ -847,7 +863,7 @@ export default {
     maxNum: {
       default: null
     },
-    showMsg:{
+    showMsg: {
       default: null
     }
   }

src/components/knowledgeExtra/rules.js

@@ -41,6 +41,18 @@ export const tableRules = {
       trigger: "change"
     }
   ],
+  subMsgs: [
+    {
+      validator: (rule, value, callback) => {
+        if (value.length > 100) {
+          callback(new Error("附加信息不能超过100字"));
+        } else {
+          callback();
+        }
+      },
+      trigger: "change"
+    }
+  ],
   subDescription: [
     { required: true, message: "请输入基础规则名称", trigger: ["change"] },
     {