限制输入框的字数

src/components/Upload/singleUpload.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <el-upload
+      accept=".png, .jpg"
       :action="useOss ? ossUploadUrl : minioUploadUrl"
       :data="useOss ? dataObj : null"
       list-type="picture"
@@ -95,6 +96,17 @@ export default {
       this.dialogVisible = true;
     },
     beforeUpload(file) {
+      // const fileSuffix = file.name.substring(file.name.lastIndexOf('.') + 1);
+      // const whiteList = ['pdf', 'doc', 'docx', 'xls', 'xlsx'];
+      // if (whiteList.indexOf(fileSuffix) === -1) {
+      //   this.$msg('上传文件只能是 pdf、doc、docx、xls、xlsx格式', 'error');
+      //   return false;
+      // }
+      // const isLt2M = file.size / 1024 / 1024 < 2;
+      // if (!isLt2M) {
+      //   this.$msg('上传文件大小不能超过 2MB', 'error');
+      //   return false;
+      // }
       let _self = this;
       if (!this.useOss) {
         //不使用oss不需要获取策略

src/views/home/info.vue

@@ -9,16 +9,32 @@
         style="width:514px"
       >
         <el-form-item label="企业全称">
-          <el-input v-model="form.companyName"></el-input>
+          <el-input
+            v-model="form.companyName"
+            maxlength="25"
+            show-word-limit
+          ></el-input>
         </el-form-item>
         <el-form-item label="企业行业">
-          <el-input v-model="form.companyType"></el-input>
+          <el-input
+            v-model="form.companyType"
+            maxlength="25"
+            show-word-limit
+          ></el-input>
         </el-form-item>
         <el-form-item label="用户姓名">
-          <el-input v-model="form.nickName"></el-input>
+          <el-input
+            v-model="form.nickName"
+            maxlength="25"
+            show-word-limit
+          ></el-input>
         </el-form-item>
         <el-form-item label="用户职位">
-          <el-input v-model="form.note"></el-input>
+          <el-input
+            v-model="form.note"
+            maxlength="25"
+            show-word-limit
+          ></el-input>
         </el-form-item>
         <el-form-item label="企业地址" required>
           <el-col :span="10">
@@ -58,7 +74,11 @@
           </el-col>
         </el-form-item>
         <el-form-item label="详细地址">
-          <el-input v-model="form.address"></el-input>
+          <el-input
+            v-model="form.address"
+            maxlength="25"
+            show-word-limit
+          ></el-input>
         </el-form-item>
         <el-form-item label="企业画像" prop="labelIdList">
           <el-button size="small" @click="open">设置</el-button>
@@ -273,6 +293,11 @@ export default {
       align-items: center;
       .el-image {
         margin-bottom: 30px;
+        /deep/.el-image-viewer__wrapper {
+          .el-image-viewer__close {
+            color: #fff;
+          }
+        }
       }
       /deep/.el-upload-list {
         display: none;