更新注册界面

src/dashoo.cn/frontend_web/src/pages/passwordback.vue

@@ -48,7 +48,7 @@
                 </el-col>
               </el-row>
               <el-row style="margin-left: 50%; margin-top: 10px; margin-bottom: 20px;">
-                <el-button type="primary" @click="register" style="width: 30%">提交</el-button>
+                <el-button type="primary" @click="save" style="width: 30%">提交</el-button>
               </el-row>
             </el-form>
         </div>

src/dashoo.cn/frontend_web/src/pages/signup.vue

@@ -46,19 +46,22 @@
                     <el-input v-model="formData.LegalPerson"  placeholder="请输入法定代表人姓名"></el-input>           
                   </el-form-item>
                 </el-col>
-                <el-col :span="16">
+                <el-col :span="24">
                   <el-form-item label="法定代表人身份证号" label-width="150px" style="width: 100%" prop="LegalPersonId">
                     <el-input v-model="formData.LegalPersonId"  placeholder="请输入法定代表人身份证号"></el-input>           
                   </el-form-item>
                 </el-col>
-                <el-col :span="8">
-                  <el-form-item label="" label-width="60px" prop="LegalPersonImg">
+                <el-col :span="24">
+                  <el-form-item label="上传身份证扫描件" label-width="150px" prop="LegalPersonImg">
                     <el-upload action="" ref="LegalPersonUpload"
-                      :limit="2"
+                      list-type="picture-card"
+                      :limit=this.limitNumb
+                      :on-exceed="uploadExceed"
                       :http-request="uploadRequest"
                       :show-file-list="true"
                       :before-upload="beforeUpload">
-                      <el-button size="small" type="primary">上传身份证扫描件<i class="el-icon-upload el-icon--right"></i></el-button>
+                      <i class="el-icon-plus"></i>
+                      <!-- <el-button size="small" type="primary">上传身份证扫描件<i class="el-icon-upload el-icon--right"></i></el-button> -->
                     </el-upload>
                   </el-form-item>
                 </el-col>
@@ -67,19 +70,22 @@
                     <el-input v-model="formData.ContactName"  placeholder="请输入联系人姓名"></el-input>           
                   </el-form-item>
                 </el-col>
-                <el-col :span="16">
+                <el-col :span="24">
                   <el-form-item label="联系人身份证号" label-width="150px" style="width: 100%" prop="ContactId">
                     <el-input v-model="formData.ContactId"  placeholder="请输入联系人身份证号"></el-input>           
                   </el-form-item>
                 </el-col>
-                <el-col :span="8">
-                  <el-form-item label="" label-width="60px" prop="ContactImg">
+                <el-col :span="24">
+                  <el-form-item label="上传身份证扫描件" label-width="150px" prop="ContactImg">
                     <el-upload action="" ref="ContactUpload"
-                      :limit="2"
+                      list-type="picture-card"
+                      :limit=this.limitNumb
+                      :on-exceed="uploadExceed"
                       :http-request="uploadRequest"
                       :show-file-list="true"
                       :before-upload="beforeUpload">
-                      <el-button size="small" type="primary">上传身份证扫描件<i class="el-icon-upload el-icon--right"></i></el-button>
+                      <i class="el-icon-plus"></i>
+                      <!-- <el-button size="small" type="primary">上传身份证扫描件<i class="el-icon-upload el-icon--right"></i></el-button> -->
                     </el-upload>
                   </el-form-item>
                 </el-col>
@@ -178,6 +184,7 @@
 
         supplierNameList: [], //公司名列表
         waituploads: [], // 等待上传的文件列表
+        limitNumb: 2, //文件上传限制数
 
         formData: {
           Id: '', //int
@@ -338,7 +345,9 @@
           })
           return
         }
-        _this.formData.LegalPersonURL = _this.getFileURL(_this.$refs.LegalPersonUpload.uploadFiles) //获取地址
+        let URL = []
+        URL = _this.getFileURL(_this.$refs.LegalPersonUpload.uploadFiles) //获取地址
+        _this.formData.LegalPersonURL = URL.join("&")
 
         // 判断联系人身份证文件上传是否完成
         if (!_this.checkSuccess(_this.$refs.ContactUpload.uploadFiles)) {
@@ -347,7 +356,9 @@
           })
           return
         }
-        _this.formData.ContactURL = _this.getFileURL(_this.$refs.ContactUpload.uploadFiles)
+        let URL2 = []
+        URL2 = _this.getFileURL(_this.$refs.ContactUpload.uploadFiles) //获取地址
+        _this.formData.ContactURL = URL2.join("&")
 
         //手机号验证
         let re3 = /^[1][3456789]\d{9}$/
@@ -404,6 +415,15 @@
           })
       },
 
+      //上传超过限制数
+      uploadExceed(files, fileList) {
+        if (fileList.length == this.limitNumb) {
+          this.$alert("超出上传文件数，禁止上传！", '提示', {
+            confirmButtonText: '确定',
+          })
+        }
+      },
+
       //图片格式以及文件大小限制
       beforeUpload(file) {
         let isLt10m = file.size / 1024 / 1024 / 10 < 1
@@ -465,13 +485,13 @@
 
       //获取上传文件的路径
       getFileURL(uploadFiles) {
-        let fileURL = ''
+        let fileURL = []
         if (uploadFiles && uploadFiles.length > 0) {
           for (let i = 0; i < uploadFiles.length; i++) {
             if (uploadFiles[i].status === 'success') {
               for (let j = 0; j < this.waituploads.length; j++) {
                 if (this.waituploads[j].uid === uploadFiles[i].uid) {
-                  fileURL =  `${this.waituploads[j].url}/${this.waituploads[j].fid}|${uploadFiles[i].name}`
+                  fileURL.push(`${this.waituploads[j].url}/${this.waituploads[j].fid}|${uploadFiles[i].name}`)
                 }
               }
             }