From 44dd2c7c73d5fead948902cad2695ae30d4620e2 Mon Sep 17 00:00:00 2001 From: liukangdong <898885815@qq.com> Date: 星期四, 24 十月 2024 09:50:29 +0800 Subject: [PATCH] 大屏 --- admin/src/components/operation/HiddenDangerParam.vue | 23 ++++++++++++++++++++++- 1 files changed, 22 insertions(+), 1 deletions(-) diff --git a/admin/src/components/operation/HiddenDangerParam.vue b/admin/src/components/operation/HiddenDangerParam.vue index 0205647..18cc589 100644 --- a/admin/src/components/operation/HiddenDangerParam.vue +++ b/admin/src/components/operation/HiddenDangerParam.vue @@ -61,6 +61,7 @@ :action="uploadImgUrl" :show-file-list="false" :on-success="uploadAvatarSuccess" + :on-error="uploadError" :before-upload="beforeUpload" > <div class="upload_wrap"> @@ -104,6 +105,7 @@ import dayjs from 'dayjs' import { allList, memberList } from '@/api/business/hiddenDangerParam' import { create } from '@/api/business/hiddenDanger' +import { Loading } from 'element-ui' export default { extends: BaseOpera, components: { @@ -112,6 +114,7 @@ data () { return { isShowModal: false, + loadingInstance: false, param: {}, userInfo: this.$store.state.userInfo, uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/visitsAdmin/cloudService/public/uploadBatch', @@ -169,12 +172,30 @@ this.memberList = arr }, beforeUpload (file) { - if (['video/mp4', 'video/ogg', 'video/flv', 'video/avi', 'video/wmv', 'video/rmvb', 'image/jpeg', 'image/png', 'image/gif'].indexOf(file.type) == -1) { + if (['video/mp4', 'video/ogg', 'video/flv', 'video/avi', 'video/wmv', 'video/rmvb', 'image/jpeg','image/jpg', 'image/png', 'image/gif'].indexOf(file.type) == -1) { this.$message.error('璇蜂笂浼犳纭殑瑙嗛/鍥剧墖鏍煎紡') return false } + this.loadingInstance = Loading.service({ + lock: true, + text: 'Loading', + spinner: 'el-icon-loading', + background: 'rgba(0, 0, 0, 0.7)' + }) + }, + uploadError() { + this.$nextTick(() => { // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂� + if(this.loadingInstance){ + this.loadingInstance.close() + } + }) }, uploadAvatarSuccess (file) { + this.$nextTick(() => { // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂� + if(this.loadingInstance){ + this.loadingInstance.close() + } + }) console.log('file', file) const item = file.data[0] if (['.mp4', '.avi', '.flv', '.wmv'].some(char => item.imgaddr.includes(char))) { -- Gitblit v1.9.3