Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
2 changed files
with
13 additions
and
20 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-31 15:43:30 | 4 | * @LastEditTime: 2023-08-07 14:43:46 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
| ... | @@ -25,7 +25,7 @@ | ... | @@ -25,7 +25,7 @@ |
| 25 | <el-button type="primary" @click="clickImage" v-if="previewImg.imgList.length>0">(放大) 显示(缩小)</el-button> | 25 | <el-button type="primary" @click="clickImage" v-if="previewImg.imgList.length>0">(放大) 显示(缩小)</el-button> |
| 26 | <el-upload class="fileUpdate" ref="upload" :key="key" action="" :show-file-list="false" :multiple="true" :auto-upload="false" | 26 | <el-upload class="fileUpdate" ref="upload" :key="key" action="" :show-file-list="false" :multiple="true" :auto-upload="false" |
| 27 | :on-change="handleChange" | 27 | :on-change="handleChange" |
| 28 | accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload"> | 28 | accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg"> |
| 29 | <el-button icon="el-icon-upload" type="primary" v-if="ableOperation">上传</el-button> | 29 | <el-button icon="el-icon-upload" type="primary" v-if="ableOperation">上传</el-button> |
| 30 | </el-upload> | 30 | </el-upload> |
| 31 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" | 31 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" |
| ... | @@ -225,28 +225,12 @@ | ... | @@ -225,28 +225,12 @@ |
| 225 | this.showViewer = true | 225 | this.showViewer = true |
| 226 | }, | 226 | }, |
| 227 | /** | 227 | /** |
| 228 | * @description: 上传 | ||
| 229 | * @param {*} file | ||
| 230 | * @author: renchao | ||
| 231 | */ | ||
| 232 | beforeUpload (file) { | ||
| 233 | const isLt5M = file.size / 1024 / 1024 < 5; | ||
| 234 | if (!isLt5M) { | ||
| 235 | this.$message.error('上传图片大小不能超过 5MB!'); | ||
| 236 | return false; | ||
| 237 | } | ||
| 238 | |||
| 239 | // 所有条件满足时返回 true | ||
| 240 | return true; | ||
| 241 | }, | ||
| 242 | /** | ||
| 243 | * @description: handleChange | 228 | * @description: handleChange |
| 244 | * @param {*} file | 229 | * @param {*} file |
| 245 | * @param {*} files | 230 | * @param {*} files |
| 246 | * @author: renchao | 231 | * @author: renchao |
| 247 | */ | 232 | */ |
| 248 | async handleChange (file, fileList) { | 233 | async handleChange (file, fileList) { |
| 249 | if (!this.beforeUpload(file)) return | ||
| 250 | let length = fileList.length; | 234 | let length = fileList.length; |
| 251 | this.maxFileLength = Math.max(length, this.maxFileLength) | 235 | this.maxFileLength = Math.max(length, this.maxFileLength) |
| 252 | var formData = new FormData(); | 236 | var formData = new FormData(); |
| ... | @@ -254,8 +238,12 @@ | ... | @@ -254,8 +238,12 @@ |
| 254 | if (this.maxFileLength !== length) { | 238 | if (this.maxFileLength !== length) { |
| 255 | return | 239 | return |
| 256 | } | 240 | } |
| 257 | let num = 0 | 241 | let num = 0, max = 0; |
| 242 | const isLt5M = file.size / 1024 / 1024 < 5; | ||
| 258 | fileList.forEach(item => { | 243 | fileList.forEach(item => { |
| 244 | if (!isLt5M) { | ||
| 245 | max++ | ||
| 246 | } | ||
| 259 | if (!['image/jpeg', 'image/png', 'image/jpg', 'image/gif'].includes(item.raw.type)) { | 247 | if (!['image/jpeg', 'image/png', 'image/jpg', 'image/gif'].includes(item.raw.type)) { |
| 260 | num++ | 248 | num++ |
| 261 | } else { | 249 | } else { |
| ... | @@ -268,6 +256,11 @@ | ... | @@ -268,6 +256,11 @@ |
| 268 | this.key++ | 256 | this.key++ |
| 269 | return; | 257 | return; |
| 270 | } | 258 | } |
| 259 | if (max >= 1) { | ||
| 260 | this.$message.error('上传图片大小不能超过 5MB!'); | ||
| 261 | this.key++ | ||
| 262 | return; | ||
| 263 | } | ||
| 271 | formData.append("bsmSj", this.previewImg.bsmSj); | 264 | formData.append("bsmSj", this.previewImg.bsmSj); |
| 272 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); | 265 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); |
| 273 | uploadBatch(formData).then((res) => { | 266 | uploadBatch(formData).then((res) => { | ... | ... |
| ... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
| 9 | <i class="el-icon-question invalid-icon"></i> | 9 | <i class="el-icon-question invalid-icon"></i> |
| 10 | <div class="invalid-body">您是否确定终止该业务办理?</div> | 10 | <div class="invalid-body">您是否确定终止该业务办理?</div> |
| 11 | </div> | 11 | </div> |
| 12 | <div class="invalid-reson">终止原因:</div> | 12 | <div class="invalid-reson">退件原因:</div> |
| 13 | <el-input | 13 | <el-input |
| 14 | v-model="stopMessage" | 14 | v-model="stopMessage" |
| 15 | placeholder="请输入终止原因" | 15 | placeholder="请输入终止原因" | ... | ... |
-
Please register or sign in to post a comment