style:所有材料信息功能的完善
Showing
4 changed files
with
20 additions
and
24 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-10-12 09:40:40 | 4 | * @LastEditTime: 2023-10-12 09:49:08 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -26,7 +26,7 @@ | ... | @@ -26,7 +26,7 @@ |
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"> | 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" :loading="upDateloading" v-if="ableOperation">上传</el-button> |
30 | </el-upload> | 30 | </el-upload> |
31 | <!-- 左移右移 --> | 31 | <!-- 左移右移 --> |
32 | <el-button type="primary" @click="handleMove('left')" v-if="ableOperation && thumbnailImages.length>0">左移</el-button> | 32 | <el-button type="primary" @click="handleMove('left')" v-if="ableOperation && thumbnailImages.length>0">左移</el-button> |
... | @@ -73,6 +73,7 @@ | ... | @@ -73,6 +73,7 @@ |
73 | }, | 73 | }, |
74 | data () { | 74 | data () { |
75 | return { | 75 | return { |
76 | upDateloading: false, | ||
76 | loading: false, | 77 | loading: false, |
77 | key: 0, | 78 | key: 0, |
78 | isScan: false, | 79 | isScan: false, |
... | @@ -288,6 +289,7 @@ | ... | @@ -288,6 +289,7 @@ |
288 | this.key++ | 289 | this.key++ |
289 | return; | 290 | return; |
290 | } | 291 | } |
292 | this.upDateloading = true | ||
291 | formData.append("bsmSj", this.previewImg.bsmSj); | 293 | formData.append("bsmSj", this.previewImg.bsmSj); |
292 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); | 294 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); |
293 | if (this.previewImg.imgList.length > 0) { | 295 | if (this.previewImg.imgList.length > 0) { |
... | @@ -300,6 +302,7 @@ | ... | @@ -300,6 +302,7 @@ |
300 | message: '上传成功!', | 302 | message: '上传成功!', |
301 | type: 'success' | 303 | type: 'success' |
302 | }) | 304 | }) |
305 | this.upDateloading = false | ||
303 | this.$refs.upload.clearFiles(); | 306 | this.$refs.upload.clearFiles(); |
304 | this.maxFileLength = 0 | 307 | this.maxFileLength = 0 |
305 | } | 308 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-18 17:11:37 | 4 | * @LastEditTime: 2023-10-12 09:54:01 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -26,11 +26,11 @@ | ... | @@ -26,11 +26,11 @@ |
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"> | 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" :loading="upDateloading" v-if="ableOperation">上传</el-button> |
30 | </el-upload> | 30 | </el-upload> |
31 | <!-- 左移右移 --> | 31 | <!-- 左移右移 --> |
32 | <el-button type="primary" @click="handleMove('left')" v-if="ableOperation">左移</el-button> | 32 | <el-button type="primary" @click="handleMove('left')" v-if="ableOperation && thumbnailImages.length>0">左移</el-button> |
33 | <el-button type="primary" @click="handleMove('right')" v-if="ableOperation">右移</el-button> | 33 | <el-button type="primary" @click="handleMove('right')" v-if="ableOperation && thumbnailImages.length>0">右移</el-button> |
34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" | 34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" |
35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> | 35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> |
36 | <div v-if="ableOperation" class="pl-5"> | 36 | <div v-if="ableOperation" class="pl-5"> |
... | @@ -73,6 +73,7 @@ | ... | @@ -73,6 +73,7 @@ |
73 | }, | 73 | }, |
74 | data () { | 74 | data () { |
75 | return { | 75 | return { |
76 | upDateloading: false, | ||
76 | loading: false, | 77 | loading: false, |
77 | key: 0, | 78 | key: 0, |
78 | isScan: false, | 79 | isScan: false, |
... | @@ -288,6 +289,7 @@ | ... | @@ -288,6 +289,7 @@ |
288 | this.key++ | 289 | this.key++ |
289 | return; | 290 | return; |
290 | } | 291 | } |
292 | this.upDateloading = true | ||
291 | formData.append("bsmSj", this.previewImg.bsmSj); | 293 | formData.append("bsmSj", this.previewImg.bsmSj); |
292 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); | 294 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); |
293 | if (this.previewImg.imgList.length > 0) { | 295 | if (this.previewImg.imgList.length > 0) { |
... | @@ -300,6 +302,7 @@ | ... | @@ -300,6 +302,7 @@ |
300 | message: '上传成功!', | 302 | message: '上传成功!', |
301 | type: 'success' | 303 | type: 'success' |
302 | }) | 304 | }) |
305 | this.upDateloading = false | ||
303 | this.$refs.upload.clearFiles(); | 306 | this.$refs.upload.clearFiles(); |
304 | this.maxFileLength = 0 | 307 | this.maxFileLength = 0 |
305 | } | 308 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-19 09:55:41 | 4 | * @LastEditTime: 2023-10-12 09:56:45 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -23,19 +23,6 @@ | ... | @@ -23,19 +23,6 @@ |
23 | <div class="thumb-wrap"> | 23 | <div class="thumb-wrap"> |
24 | <div class="thumb-wrap-button"> | 24 | <div class="thumb-wrap-button"> |
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" | ||
27 | :on-change="handleChange" | ||
28 | accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg"> | ||
29 | <el-button icon="el-icon-upload" type="primary" v-if="ableOperation">上传</el-button> | ||
30 | </el-upload> --> | ||
31 | <!-- <el-button type="primary" @click="handleMove('left')" v-if="ableOperation">左移</el-button> | ||
32 | <el-button type="primary" @click="handleMove('right')" v-if="ableOperation">右移</el-button> --> | ||
33 | <!-- <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" | ||
34 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> | ||
35 | <div v-if="ableOperation" class="pl-5"> | ||
36 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button> | ||
37 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> | ||
38 | </div> --> | ||
39 | </div> | 26 | </div> |
40 | <ul> | 27 | <ul> |
41 | <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }" | 28 | <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }" | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-14 16:24:07 | 4 | * @LastEditTime: 2023-10-12 09:55:54 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -26,11 +26,11 @@ | ... | @@ -26,11 +26,11 @@ |
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"> | 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" :loading="upDateloading" v-if="ableOperation">上传</el-button> |
30 | </el-upload> | 30 | </el-upload> |
31 | <!-- 左移右移 --> | 31 | <!-- 左移右移 --> |
32 | <el-button type="primary" @click="handleMove('left')" v-if="ableOperation">左移</el-button> | 32 | <el-button type="primary" @click="handleMove('left')" v-if="ableOperation && thumbnailImages.length>0">左移</el-button> |
33 | <el-button type="primary" @click="handleMove('right')" v-if="ableOperation">右移</el-button> | 33 | <el-button type="primary" @click="handleMove('right')" v-if="ableOperation && thumbnailImages.length>0">右移</el-button> |
34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" | 34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" |
35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> | 35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> |
36 | <div v-if="ableOperation" class="pl-5"> | 36 | <div v-if="ableOperation" class="pl-5"> |
... | @@ -73,6 +73,7 @@ | ... | @@ -73,6 +73,7 @@ |
73 | }, | 73 | }, |
74 | data () { | 74 | data () { |
75 | return { | 75 | return { |
76 | upDateloading: false, | ||
76 | loading: false, | 77 | loading: false, |
77 | key: 0, | 78 | key: 0, |
78 | isScan: false, | 79 | isScan: false, |
... | @@ -292,6 +293,7 @@ | ... | @@ -292,6 +293,7 @@ |
292 | this.key++ | 293 | this.key++ |
293 | return; | 294 | return; |
294 | } | 295 | } |
296 | this.upDateloading = true | ||
295 | formData.append("bsmMaterial", this.previewImg.bsmMaterial); | 297 | formData.append("bsmMaterial", this.previewImg.bsmMaterial); |
296 | if (this.previewImg.imgList.length > 0) { | 298 | if (this.previewImg.imgList.length > 0) { |
297 | formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh); | 299 | formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh); |
... | @@ -303,6 +305,7 @@ | ... | @@ -303,6 +305,7 @@ |
303 | message: '上传成功!', | 305 | message: '上传成功!', |
304 | type: 'success' | 306 | type: 'success' |
305 | }) | 307 | }) |
308 | this.upDateloading = false | ||
306 | this.$refs.upload.clearFiles(); | 309 | this.$refs.upload.clearFiles(); |
307 | this.maxFileLength = 0 | 310 | this.maxFileLength = 0 |
308 | } | 311 | } | ... | ... |
-
Please register or sign in to post a comment