文件上传名称回显

src/views/supplier/components/uploadFile.vue

@@ -16,7 +16,7 @@
     >
       <el-button slot="trigger" size="mini" type="primary">选取文件</el-button>
       <!-- <el-button style="margin-left: 10px;" size="mini" type="success" @click="uploadFile">上传</el-button> -->
-      <div slot="tip" class="el-upload__tip">只能上传.doc/.ppt/.pdf文件，且不超过2MB</div>
+      <div slot="tip" class="el-upload__tip">只能上传.doc/.ppt/.pdf文件，建议大小在10M内</div>
     </el-upload>
   </div>
 </template>

src/views/supplier/user/add.vue

@@ -263,30 +263,31 @@ export default {
         statementContent: '', // 声明弹窗内容
         statementFileId: null, // 声明文件id
         statementImage: '', // 声明图片
-        statementLink: '' // 声明链接
+        statementLink: '', // 声明链接
+        statementFileName: ''
       },
       // 表单校验规则1
       addFromDataRules: {
-        shopType: { required: true, message: '供应商类型不能为空', trigger: 'change' },
-        brandId: { required: true, message: '品牌不能为空', trigger: 'change' },
+        shopType: { required: true, message: '供应商类型不能为空', trigger: 'change', type: 'number' },
+        brandId: { required: true, message: '品牌不能为空', trigger: 'change', type: 'number' },
         shopName: { required: true, message: '请输入供应商名称', trigger: 'change' },
         mobile: [
           { required: true, message: '请输入手机号', trigger: 'blur' },
           { validator: valideMobile, trigger: 'blur' }
         ],
         linkMan: { required: true, message: '联系人不能为空', trigger: 'blur' },
-        countryId: { required: true, message: '产地不能为空', trigger: 'change' },
+        countryId: { required: true, message: '产地不能为空', trigger: 'change', type: 'number' },
         brandAuthLogo: { required: true, message: '品牌logo不能为空', trigger: 'change' },
         shopInfo: { validator: valideShopInfo, trigger: 'change', required: true }
       },
       // 表单校验规则2
       brandDataRules: {
-        brandId: { required: true, message: '品牌不能为空', trigger: 'change' },
-        countryId: { required: true, message: '产地不能为空', trigger: 'change' },
+        brandId: { required: true, message: '品牌不能为空', trigger: 'change', type: 'number' },
+        countryId: { required: true, message: '产地不能为空', trigger: 'change', type: 'number' },
         brandAuthLogo: { required: true, message: '品牌logo不能为空', trigger: 'change' },
         statementContent: { required: true, message: '声明内容不能为空', trigger: 'blur' },
         statementLink: { required: true, message: '声明链接不能为空', trigger: 'blur' },
-        statementFileId: { required: true, message: '请上传声明文件', trigger: 'change' },
+        statementFileId: { required: true, message: '请上传声明文件', trigger: 'change', type: 'number' },
         statementImage: { required: true, message: '请上传声明图片', trigger: 'change' }
       },
       // 上传成功的文件列表
@@ -486,7 +487,6 @@ export default {
             this.prevBrandId = -1
             console.log('添加：' + this.excludeBrand)
           }
-
           this.showDialog = false
         }
       })
@@ -508,7 +508,7 @@ export default {
         this.fileList2 = [{ name: '文件已上传', url: this.brandData.statementImage }]
       }
       if (this.brandData.statementFileId) {
-        this.fileList3 = [{ name: '文件已上传', url: '' }]
+        this.fileList3 = [{ name: this.brandData.statementFileName, url: '' }]
       }
       this.showDialog = true
     },
@@ -541,8 +541,11 @@ export default {
     },
     // 文件上传成功
     fileUploadSuccess(data) {
-      this.brandData.statementFileId = data.data
-      this.saveBrand()
+      this.brandData.statementFileId = data.data.fileId
+      this.brandData.statementFileName = data.data.fileName
+      if (data.code === 0) {
+        this.saveBrand()
+      }
     },
     fileUploadFaild(err, file, fileList) {
       console.log(err)