上线审批，增加输入长度校验和回行控制

src/pages/main/iptv/planApproval.vue

@@ -52,7 +52,7 @@
                             <el-form-item prop="itemName" class="form-item">
                                 <el-input v-if="this.formStatus!=2 && '06'.includes(infolist.status)"
                                 v-model.trim="infolist.itemName" placeholder="请输入申请事项内容"
-                                          :disabled="disableStatus" >
+                                          :disabled="disableStatus" maxlength="61">
                                 </el-input>
                                 <div v-if="this.formStatus===2 || !'06'.includes(infolist.status)"
                                  class="el-descriptions">{{infolist.itemName}}</div>
@@ -75,7 +75,7 @@
                             <el-form-item prop="otherName" class="form-item">
                                 <el-input v-if="this.formStatus!=2 && '06'.includes(infolist.status)"
                                  v-model.trim="infolist.otherName"
-                                :disabled="disableStatus" placeholder="请输入其他频道名称"  ></el-input>
+                                :disabled="disableStatus" placeholder="请输入其他频道名称"  maxlength="17" ></el-input>
                                 <div v-if="this.formStatus===2 || !'06'.includes(infolist.status)"
                                  class="el-descriptions">{{infolist.otherName}}</div>
                             </el-form-item>
@@ -244,6 +244,39 @@ export default {
             }
 
         }
+
+        const itemNameRule = (rule, value, callback) => {
+            if(value) {
+                let  trimValue = value.replace(/^\s+|\s+$/gm,'');
+                if (!trimValue) {
+                    callback(new Error('不能为空'))
+                } else {
+                    if (value.length>60){
+                        callback(new Error('不能超过60个字'))
+                    }
+                    callback()
+                }
+            }else{
+                callback(new Error('不能为空'))
+            }
+        }
+
+        const otherNameRule = (rule, value, callback) => {
+            if(value) {
+                let  trimValue = value.replace(/^\s+|\s+$/gm,'');
+                if (!trimValue) {
+                    callback(new Error('不能为空'))
+                } else {
+                    if (value.length>16){
+                        callback(new Error('不能超过16个字'))
+                    }
+                    callback()
+                }
+            }else{
+                callback(new Error('不能为空'))
+            }
+        }
+
         const urls = {
             uploadUrl:'/market/iptv/upload',
             downfileUrl:'/market/iptv/downfile'
@@ -300,7 +333,7 @@ export default {
                 itemName: [{
                     required: true,
                     trigger: 'change',
-                    validator: nullRule
+                    validator: itemNameRule
                 }],
                 channelName: [{
                     required: true,
@@ -310,7 +343,7 @@ export default {
                 otherName: [{
                     required: true,
                     trigger: 'change',
-                    validator: nullRule
+                    validator: otherNameRule
                 }],
                 planPurpose: [{
                     required: true,