诉求标题表单验证方式

src/views/modules/events/item-deal-detail-view.vue

@@ -275,7 +275,7 @@
                       maxlength="300" v-model="postDataForm.handleAdviceRemark"  placeholder="请输入不予受理详细说明"></el-input>
            </el-form-item>
            <el-form-item label="诉求标题:"   prop='title'>
-            <el-input v-model="postDataForm.title" placeholder="请归纳总结一下此诉求属于什么分类。比如：居民反馈垃圾问题，则填写 “垃圾清理问题” "></el-input>
+            <el-input v-model="postDataForm.title" placeholder="诉求的简要描述，100个字符以内。比如：居民反馈垃圾问题，则填写 “垃圾清理问题” "></el-input>
           </el-form-item>
           <el-form-item label="诉求性质:"  prop='nature' >
             <!-- -->
@@ -636,8 +636,9 @@ export default {
          title:[
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
+            message: '请填写诉求标题，长度为0-100个字符',
+            trigger: 'blur',
+            max:100
           }
         ]
       }
@@ -1136,10 +1137,10 @@ export default {
         if (this.postDataForm.handleCategoryShow === '') {
           return this.$message.error('请选择处理选项')
         }
-        if (this.postDataForm.title === '') {
-          return this.$message.error('请填写诉求标题')
+        if (this.postDataForm.title === ''||this.postDataForm.title.length>100) {
+          return this.$message.error('请填写诉求标题，长度为0-100个字符')
         }
-
+  
         if (this.postDataForm.handleAdviceRemark === '' && this.postDataForm.handleCategoryShow == '6') {
           return this.$message.error('请填写不予受理详细说明')
         }