修改所有输入的地方限制长度

src/components/Editor/index.vue

@@ -97,12 +97,14 @@ export default {
               [{ align: [] }],                                 // 对齐方式
               ["clean"],                                       // 清除文本格式
               ["link", "image", "video"],                       // 链接、图片、视频
-              // [{clean: '源码编辑'}]
             ],
             handlers: {
               shadeBox: null,
+              source: false,
               // 添加工具方法
               sourceEditor: function () {
+                this.source = true; //开启源码编辑
+                  console.log("开启源码编辑")
                   // alert('我新添加的工具方法');
                   const container = this.container;
                   const firstChild = container.nextElementSibling.firstChild;
@@ -114,6 +116,8 @@ export default {
                       container.appendChild(shadeBox);
                       firstChild.innerText = firstChild.innerHTML;
                       shadeBox.addEventListener('click', function () {
+                          this.source = false; //关闭源码编辑
+                          console.log("关闭源码编辑")
                           this.style.display = 'none';
                           firstChild.innerHTML = firstChild.innerText.trim();
                       }, false);
@@ -121,6 +125,7 @@ export default {
                       this.shadeBox.style.display = 'block';
                       firstChild.innerText = firstChild.innerHTML;
                   }
+                      // this.$emit("isSource",this.source);  //父组件触发自定义事件，是否开启源码编辑
               },
               'image': function (value) {
                 if (value) {
@@ -229,7 +234,7 @@ export default {
     onEditorChange({editor, html, text}) {//内容改变事件
       console.log("---内容改变事件---");
       this.content = html
-      console.log(html)
+      // console.log(html)
     },
     // 富文本图片上传前
     beforeUpload(file) {

src/views/login.vue

@@ -73,12 +73,15 @@ export default {
       },
       loginRules: {
         username: [
-          { required: true, trigger: "blur", message: "用户名不能为空" }
+          { required: true, trigger: "blur", message: "用户名不能为空" },
+          { max: 30, message: "用户名输入过长", trigger: "blur" }
         ],
         password: [
-          { required: true, trigger: "blur", message: "密码不能为空" }
+          { required: true, trigger: "blur", message: "密码不能为空" },
+          { max: 30, message: "密码输入过长", trigger: "blur" }
         ],
-        code: [{ required: true, trigger: "change", message: "验证码不能为空" }]
+        code: [{ required: true, trigger: "change", message: "验证码不能为空" },
+          { max: 10, message: "验证码输入过长", trigger: "blur" }]
       },
       loading: false,
       redirect: undefined

src/views/system/appUser/detail/profiles.vue

@@ -99,10 +99,10 @@
           <el-input v-model="form.title" placeholder="请输入标题" />
         </el-form-item>
         <el-form-item label="内容" prop="cotents">
-          <el-input v-model="form.cotents" type="textarea" placeholder="请输入内容" />
+          <el-input v-model="form.cotents" type="textarea" placeholder="请输入内容" :rows="5" maxlength="500" show-word-limit />
         </el-form-item>
         <el-form-item label="备注" prop="remark">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" :rows="2" maxlength="200" show-word-limit />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -152,6 +152,9 @@ export default {
       form: {},
       // 表单校验
       rules: {
+        title: [{ required: true, message: "标题不能为空", trigger: "blur" },
+          { max: 20, message: "标题输入过长", trigger: "blur" }],
+        cotents: [{ required: true, message: "内容不能为空", trigger: "blur" }],
       }
     };
   },

src/views/system/appUser/index.vue

@@ -331,6 +331,7 @@ export default {
       rules: {
         nickName: [
           { required: true, message: "昵称不能为空", trigger: "blur" },
+          { max: 50, message: "昵称输入过长", trigger: "blur" }
         ],
         gender: [
           { required: true, message: "性别不能为空", trigger: "blur" },

src/views/system/config/index.vue

@@ -216,13 +216,16 @@ export default {
       // 表单校验
       rules: {
         configName: [
-          { required: true, message: "参数名称不能为空", trigger: "blur" }
+          { required: true, message: "参数名称不能为空", trigger: "blur" },
+          { max: 50, message: "参数名称输入过长", trigger: "blur" }
         ],
         configKey: [
-          { required: true, message: "参数键名不能为空", trigger: "blur" }
+          { required: true, message: "参数键名不能为空", trigger: "blur" },
+          { max: 50, message: "参数键名输入过长", trigger: "blur" }
         ],
         configValue: [
-          { required: true, message: "参数键值不能为空", trigger: "blur" }
+          { required: true, message: "参数键值不能为空", trigger: "blur" },
+          { max: 500, message: "参数键值输入过长", trigger: "blur" }
         ]
       }
     };

src/views/system/dept/index.vue

@@ -174,7 +174,8 @@ export default {
           { required: true, message: "上级部门不能为空", trigger: "blur" }
         ],
         deptName: [
-          { required: true, message: "部门名称不能为空", trigger: "blur" }
+          { required: true, message: "部门名称不能为空", trigger: "blur" },
+          { max: 30, message: "部门名称输入过长", trigger: "blur" }
         ],
         orderNum: [
           { required: true, message: "菜单顺序不能为空", trigger: "blur" }

src/views/system/dict/data.vue

@@ -200,10 +200,12 @@ export default {
       // 表单校验
       rules: {
         dictLabel: [
-          { required: true, message: "数据标签不能为空", trigger: "blur" }
+          { required: true, message: "数据标签不能为空", trigger: "blur" },
+          { max: 100, message: "数据标签输入过长", trigger: "blur" }
         ],
         dictValue: [
-          { required: true, message: "数据键值不能为空", trigger: "blur" }
+          { required: true, message: "数据键值不能为空", trigger: "blur" },
+          { max: 100, message: "数据键值输入过长", trigger: "blur" }
         ],
         dictSort: [
           { required: true, message: "数据顺序不能为空", trigger: "blur" }

src/views/system/dict/index.vue

@@ -224,10 +224,12 @@ export default {
       // 表单校验
       rules: {
         dictName: [
-          { required: true, message: "字典名称不能为空", trigger: "blur" }
+          { required: true, message: "字典名称不能为空", trigger: "blur" },
+          { max: 100, message: "字典名称输入过长", trigger: "blur" }
         ],
         dictType: [
-          { required: true, message: "字典类型不能为空", trigger: "blur" }
+          { required: true, message: "字典类型不能为空", trigger: "blur" },
+          { max: 100, message: "字典类型输入过长", trigger: "blur" }
         ]
       }
     };

src/views/system/family/album/index.vue

@@ -322,7 +322,10 @@ export default {
       form: { id: undefined },
       // 表单校验
       rules: {
-        title: [{ required: true, message: "标题不能为空", trigger: "blur" }],
+        title: [{ required: true, message: "标题不能为空", trigger: "blur" },
+          { max: 100, message: "标题输入过长", trigger: "blur" }],
+        contents: [{ max: 500, message: "描述输入过长", trigger: "blur" }],
+        remark: [{ max: 500, message: "备注输入过长", trigger: "blur" }],
         familyId: [{ validator:validatefamilyId, trigger: "blur" }],
       },
       familyId: undefined,

src/views/system/family/detail/member.vue

@@ -229,6 +229,7 @@ export default {
       rules: {
         name: [
           { required: true, message: "姓名不能为空", trigger: "blur" },
+          { max: 20, message: "姓名输入过长", trigger: "blur" }
         ],
         gender: [
           { required: true, message: "性别不能为空", trigger: "blur" },
@@ -241,6 +242,9 @@ export default {
             trigger: "blur",
           },
         ],
+        memberRemark: [
+          { max: 500, message: "备注输入过长", trigger: "blur" }
+        ],
       },
       familyName: null,
     };

src/views/system/family/detail/treeList.vue

@@ -179,7 +179,11 @@ export default {
       // 表单参数
       form: {},
       // 表单校验
-      rules: {}
+      rules: {
+        remark: [
+          { max: 500, message: "备注输入过长", trigger: "blur" }
+        ],
+      }
     }
   },
   activated() {

src/views/system/family/index.vue

@@ -217,7 +217,7 @@
               <el-input v-model="form.name" placeholder="请输入姓氏" />
             </el-form-item>
             <el-form-item label="家族地址" prop="address">
-              <el-input v-model="form.address" type="textarea" placeholder="请输入地址" />
+              <el-input v-model="form.address" type="textarea" placeholder="请输入地址" maxlength="255" show-word-limit />
               <!-- <area-cascader 不用级联
                 v-if="pshow"
                 :level="1"
@@ -247,6 +247,8 @@
             v-model="form.contents"
             type="textarea"
             placeholder="请输入描述"
+            maxlength="3000"
+            show-word-limit
           />
         </el-form-item>
       </el-form>
@@ -315,10 +317,13 @@ export default {
       // 表单校验
       rules: {
         fullName: [
-          { required: true, message: "家族名称不能为空", trigger: "blur" }
+          { required: true, message: "家族名称不能为空", trigger: "blur" },
+          { max: 255, message: "家族名称输入过长", trigger: "blur" }
         ],
-        name: [{ required: true, message: "姓氏不能为空", trigger: "blur" }],
-        contents: [{ required: true, message: "描述不能为空", trigger: "blur" }]
+        name: [{ required: true, message: "姓氏不能为空", trigger: "blur" },
+          { max: 100, message: "姓氏输入过长", trigger: "blur" }],
+        contents: [{ required: true, message: "描述不能为空", trigger: "blur" },
+          { max: 3000, message: "描述输入过长", trigger: "blur" }]
       },
 
       addressCode: [],
@@ -552,9 +557,9 @@ export default {
   border-radius: 4px;
   border: 1px solid #e1e2e6;
 }
-.area-select .area-selected-trigger {
+/* .area-select .area-selected-trigger {
   padding: 0px 13px;
-}
+} */
 .area-select.large {
   width: 100%;
 }

src/views/system/family/photo/index.vue

@@ -337,7 +337,11 @@ export default {
         albumId: [
           { required: true, message: "相簿不能为空", trigger: "change" }
         ],
-        title: [{ required: true, message: "标题不能为空", trigger: "blur" }],
+        title: [{ required: true, message: "标题不能为空", trigger: "blur" },
+        { max: 100, message: "标题输入过长", trigger: "blur" }],
+        remark: [
+          { max: 500, message: "备注输入过长", trigger: "blur" }
+        ],
         url: [{ required: true, message: "url不能为空", trigger: "blur" }]
       },
       familyId: undefined,

src/views/system/feedbackinfo/index.vue

@@ -71,7 +71,7 @@
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="id" align="center" prop="id" v-if="false"/>
       <el-table-column label="反馈标题" align="center" prop="title" />
-      <el-table-column label="反馈内容" align="center" prop="contents" />
+      <!-- <el-table-column label="反馈内容" align="center" prop="contents" /> -->
       <el-table-column label="提交人ID" align="center" prop="createBy" />
       <el-table-column label="创建时间" align="center" prop="createTime" width="180">
         <template slot-scope="scope">
@@ -114,10 +114,10 @@
           <el-input v-model="form.title" placeholder="请输入反馈标题" />
         </el-form-item>
         <el-form-item label="反馈内容" prop="contents">
-          <el-input v-model="form.contents" placeholder="请输入反馈内容" />
+          <el-input v-model="form.contents" type="textarea" :rows="3" placeholder="请输入反馈内容" maxlength="200" show-word-limit />
         </el-form-item>
         <el-form-item label="反馈意见" prop="opinions">
-          <el-input v-model="form.opinions" placeholder="请输入反馈意见" />
+          <el-input v-model="form.opinions" type="textarea" :rows="3" placeholder="请输入反馈意见" maxlength="200" show-word-limit />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -164,6 +164,18 @@ export default {
       form: {},
       // 表单校验
       rules: {
+        title: [
+          { required: true, message: "标题不能为空", trigger: "blur" },
+          { max: 200, message: "标题输入过长", trigger: "blur" }
+        ],
+        contents: [
+          { required: true, message: "内容不能为空", trigger: "blur" },
+          { max: 200, message: "内容输入过长", trigger: "blur" }
+        ],
+        opinions: [
+          { required: true, message: "意见不能为空", trigger: "blur" },
+          { max: 200, message: "意见输入过长", trigger: "blur" }
+        ],
       }
     };
   },

src/views/system/garden/index.vue

@@ -126,16 +126,17 @@
           <el-tag v-model="form.familyId"><span v-if="family">{{ family.fullName }}</span></el-tag>
         </el-form-item>
         <el-form-item label="园地标题" prop="title">
-          <el-input v-model="form.title" type="textarea" placeholder="请输入内容" />
+          <el-input v-model="form.title" placeholder="请输入标题" />
         </el-form-item>
         <el-form-item label="园地内容" prop="contents">
-          <editor v-model="form.contents" :min-height="192"/>
+          <!-- <editor v-model="form.contents" :min-height="192"/> -->
+          <el-input v-model="form.contents" type="textarea" :rows="5" placeholder="请输入内容" maxlength="500" show-word-limit />
         </el-form-item>
         <!-- <el-form-item label="排序号" prop="sort">
           <el-input v-model="form.sort" placeholder="请输入排序号" />
         </el-form-item> -->
         <el-form-item label="备注" prop="remark">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" maxlength="200" show-word-limit />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -192,7 +193,9 @@ export default {
       form: { id: undefined },
       // 表单校验
       rules: {
-        title: [{ required: true, message: "标题不能为空", trigger: "blur" }],
+        title: [{ required: true, message: "标题不能为空", trigger: "blur" },
+          { max: 200, message: "标题输入过长", trigger: "blur" }],
+        contents: [{ required: true, message: "内容不能为空", trigger: "blur" }],
         familyId: [{ validator:validatefamilyId, trigger: "blur" }],
       },
        familyId:undefined,

src/views/system/menu/index.vue

@@ -242,13 +242,21 @@ export default {
       // 表单校验
       rules: {
         menuName: [
-          { required: true, message: "菜单名称不能为空", trigger: "blur" }
+          { required: true, message: "菜单名称不能为空", trigger: "blur" },
+          { max: 50, message: "名称输入过长", trigger: "blur" }
         ],
         orderNum: [
           { required: true, message: "菜单顺序不能为空", trigger: "blur" }
         ],
         path: [
-          { required: true, message: "路由地址不能为空", trigger: "blur" }
+          { required: true, message: "路由地址不能为空", trigger: "blur" },
+          { max: 200, message: "路由地址输入过长", trigger: "blur" }
+        ],
+        component: [
+          { max: 255, message: "组件路径输入过长", trigger: "blur" }
+        ],
+        perms: [
+          { max: 100, message: "权限标识输入过长", trigger: "blur" }
         ]
       }
     };

src/views/system/news/edit.vue

@@ -51,7 +51,8 @@ export default {
       form: { pic: '' },
       // 表单校验
       rules: {
-        title: [{ required: true, message: '资讯标题不能为空', trigger: 'blur' }],
+        title: [{ required: true, message: '资讯标题不能为空', trigger: 'blur' },
+          { max: 200, message: "标题输入过长", trigger: "blur" }],
         pic: [{ required: true, message: '封面图不能为空', trigger: 'blur' }],
         contents: [{ required: true, message: '资讯内容不能为空', trigger: 'blur' }],
         state: [{ required: true, message: '状态 不能为空', trigger: 'blur' }]

src/views/system/notice/index.vue

@@ -218,7 +218,8 @@ export default {
       // 表单校验
       rules: {
         noticeTitle: [
-          { required: true, message: "公告标题不能为空", trigger: "blur" }
+          { required: true, message: "公告标题不能为空", trigger: "blur" },
+          { max: 50, message: "标题输入过长", trigger: "blur" }
         ],
         noticeType: [
           { required: true, message: "公告类型不能为空", trigger: "blur" }

src/views/system/personalModel/index.vue

@@ -105,7 +105,7 @@
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="留念内容" prop="contents">
-          <el-input type="textarea" :rows="3" v-model="form.contents" placeholder="请输入留念内容" />
+          <el-input type="textarea" :rows="3" v-model="form.contents" placeholder="请输入留念内容" maxlength="255" show-word-limit/>
         </el-form-item>
         <el-form-item label="类型">
           <el-select v-model="form.type" placeholder="请选择">
@@ -164,6 +164,13 @@ export default {
       form: {},
       // 表单校验
       rules: {
+        contents: [
+          { required: true, message: "内容不能为空", trigger: "blur" },
+          { max: 255, message: "内容输入过长", trigger: "blur" }
+        ],
+        type: [
+          { required: true, message: "类型不能为空", trigger: "blur" },
+        ],
       }
     };
   },

src/views/system/role/index.vue

@@ -190,7 +190,7 @@
           ></el-tree>
         </el-form-item>
         <el-form-item label="备注">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" maxlength="500" show-word-limit></el-input>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -324,10 +324,12 @@ export default {
       // 表单校验
       rules: {
         roleName: [
-          { required: true, message: "角色名称不能为空", trigger: "blur" }
+          { required: true, message: "角色名称不能为空", trigger: "blur" },
+          { max: 30, message: "角色名称输入过长", trigger: "blur" }
         ],
         roleKey: [
-          { required: true, message: "权限字符不能为空", trigger: "blur" }
+          { required: true, message: "权限字符不能为空", trigger: "blur" },
+          { max: 100, message: "权限字符输入过长", trigger: "blur" }
         ],
         roleSort: [
           { required: true, message: "角色顺序不能为空", trigger: "blur" }

src/views/system/shop/goods/edit.vue

@@ -58,7 +58,8 @@ export default {
       // 表单校验
       rules: {
         typeId: [{ required: true, message: '请选择商品类型', trigger: 'blur' }],
-        title: [{ required: true, message: '商品标题不能为空', trigger: 'blur' }],
+        title: [{ required: true, message: '商品标题不能为空', trigger: 'blur' },
+          { max: 100, message: "标题输入过长", trigger: "blur" }],
         price: [{ required: true, message: '商品价格不能为空', trigger: 'blur' }],
         pic: [{ required: true, message: '图片不能为空', trigger: 'blur' }],
         details: [{ required: true, message: '详情不能为空', trigger: 'blur' }],

src/views/system/shop/type/edit.vue

@@ -34,7 +34,8 @@ export default {
       form: {},
      // 表单校验
      rules: {
-       name: [{ required: true, message: '类型名称', trigger: 'blur' }],
+       name: [{ required: true, message: '类型名称', trigger: 'blur' },
+          { max: 100, message: "类型名称输入过长", trigger: "blur" }],
        state: [{ required: true, message: '状态不能为空', trigger: 'blur' }]
      }
     };

src/views/system/templatePage/index.vue

@@ -117,7 +117,7 @@
     />
 
     <!-- 添加或修改个人页模板对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body :close-on-click-modal=false>
+    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body :close-on-click-modal=false>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="模板名称" prop="title">
           <el-input v-model="form.title" placeholder="请输入模板名称" />
@@ -135,10 +135,10 @@
           </el-radio-group>
         </el-form-item>
         <el-form-item label="个人生平" prop="content">
-          <editor v-model="form.content" :min-height="492" :params="editParams" ref="myEditor"/>
+          <editor v-model="form.content" :min-height="400" :params="editParams" ref="myEditor"/>
         </el-form-item>
         <el-form-item label="备注" prop="remarks">
-          <el-input v-model="form.remarks" placeholder="请输入备注" type="textarea" :rows="2"/>
+          <el-input v-model="form.remarks" placeholder="请输入备注" type="textarea" :rows="2" maxlength="200" show-word-limit/>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -192,6 +192,8 @@ export default {
       form: {},
       // 表单校验
       rules: {
+       title: [{ required: true, message: '名称不能为空', trigger: 'blur' },
+          { max: 100, message: "名称输入过长", trigger: "blur" }],
       },
       editParams: {
         modName: 'template/'

src/views/system/user/index.vue

@@ -279,15 +279,18 @@ export default {
       rules: {
         userName: [
           { required: true, message: "用户名称不能为空", trigger: "blur" },
+          { max: 30, message: "用户名称输入过长", trigger: "blur" }
         ],
         nickName: [
           { required: true, message: "用户昵称不能为空", trigger: "blur" },
+          { max: 30, message: "用户昵称输入过长", trigger: "blur" }
         ],
         deptId: [
           { required: true, message: "归属部门不能为空", trigger: "blur" },
         ],
         password: [
           { required: true, message: "用户密码不能为空", trigger: "blur" },
+          { min: 6, max: 20, message: "长度在 6 到 20 个字符", trigger: "blur" }
         ],
         email: [
           { required: true, message: "邮箱地址不能为空", trigger: "blur" },