From 9ff66017debadfc89bc0c1b796684a4d1dbe2bc3 Mon Sep 17 00:00:00 2001
From: fangyuan <527392886@qq.com>
Date: 星期五, 16 十二月 2022 10:00:02 +0800
Subject: [PATCH] 已上报到市批量操作按钮隐藏
---
src/components/myUpload/index.vue | 18 ++++++++----------
1 files changed, 8 insertions(+), 10 deletions(-)
diff --git a/src/components/myUpload/index.vue b/src/components/myUpload/index.vue
index ba7ab88..15ae865 100644
--- a/src/components/myUpload/index.vue
+++ b/src/components/myUpload/index.vue
@@ -1,7 +1,7 @@
<template>
<div class="my-upload">
<div v-if="pictureList.length > 0" class="image-box">
- <div v-for="image in pictureList" class="image-box-item">
+ <div v-for="image in pictureList" :class="{ 'image-box-item': true, 'image-box-item-cover': isShowUpload }">
<span v-if="isShowUpload" @click="handleDeletePicture(image)" class="image-delete-icon el-icon-delete"></span>
<el-image :key="image" class="image-content" :src="image"></el-image>
</div>
@@ -9,6 +9,9 @@
<el-upload
v-if="isShowUpload && pictureList.length < limit"
:file-list="fileList"
+ v-loading="loading"
+ element-loading-spinner="el-icon-loading"
+ element-loading-background="rgba(0, 0, 0, 0.8)"
action=""
:multiple="multiple"
:show-file-list="flag"
@@ -79,18 +82,12 @@
.then(({ url1, url2, url3, url4 }) => {
const url = url1 ?? url2 ?? url3 ?? url4;
this.$emit('setPictureUrl', { url: url });
+ this.loading = false;
})
.catch(err => {
+ this.loading = false;
this.$message.error(err);
})
- },
- // 鑾峰彇token
- getToken() {
- const token = sessionStorage.getItem("token");
- const tokenHead = sessionStorage.getItem("tokenHead");
- if (token && tokenHead) {
- return { Authorization: tokenHead + token };
- }
},
handleDeletePicture(imageUrl) {
@@ -157,9 +154,10 @@
.image-box-item {
position: sticky;
+ margin: 0 10px;
}
- .image-box-item:hover {
+ .image-box-item-cover:hover {
.image-content {
box-shadow: #ffffff;
opacity: 0.5;
--
Gitblit v1.8.0