RuoYi
2022-03-30 e27ae2260e1b6a56e128e0177ee4dfca16c2db0d
src/components/ImageUpload/index.vue
@@ -1,6 +1,7 @@
<template>
  <div class="component-upload-image">
    <el-upload
      multiple
      :action="uploadImgUrl"
      list-type="picture-card"
      :on-success="handleUploadSuccess"
@@ -73,6 +74,8 @@
const { proxy } = getCurrentInstance();
const emit = defineEmits();
const number = ref(0);
const uploadList = ref([]);
const dialogImageUrl = ref("");
const dialogVisible = ref(false);
const baseUrl = import.meta.env.VITE_APP_BASE_API;
@@ -115,9 +118,14 @@
// 上传成功回调
function handleUploadSuccess(res) {
  fileList.value.push({ name: res.fileName, url: res.fileName });
  emit("update:modelValue", listToString(fileList.value));
  proxy.$modal.closeLoading();
  uploadList.value.push({ name: res.fileName, url: res.fileName });
  if (uploadList.value.length === number.value) {
    fileList.value = fileList.value.concat(uploadList.value);
    uploadList.value = [];
    number.value = 0;
    emit("update:modelValue", listToString(fileList.value));
    proxy.$modal.closeLoading();
  }
}
// 上传前loading加载
@@ -149,7 +157,8 @@
      return false;
    }
  }
  proxy.$modal.loading("上传中");
  proxy.$modal.loading("正在上传图片,请稍候...");
  number.value++;
}
// 文件个数超出
@@ -159,7 +168,7 @@
// 上传失败
function handleUploadError() {
  proxy.$modal.msgError("上传失败");
  proxy.$modal.msgError("上传图片失败");
  proxy.$modal.closeLoading();
}