兰宝车间质量管理系统-前端
疯狂的狮子Li
2024-11-05 b19c2805e100c0a7bbb5abb6b30f6f97f13fd98b
src/components/FileUpload/index.vue
@@ -35,7 +35,7 @@
          <span class="el-icon-document"> {{ getFileName(file.name) }} </span>
        </el-link>
        <div class="ele-upload-list__item-content-action">
          <el-link :underline="false" type="danger" @click="handleDelete(index)">删除</el-link>
          <el-button type="danger" link @click="handleDelete(index)">删除</el-button>
        </div>
      </li>
    </transition-group>
@@ -43,12 +43,15 @@
</template>
<script setup lang="ts">
import { listByIds, delOss } from '@/api/system/oss';
import { propTypes } from '@/utils/propTypes';
import { delOss, listByIds } from '@/api/system/oss';
import { globalHeaders } from '@/utils/request';
const props = defineProps({
  modelValue: [String, Object, Array],
  modelValue: {
    type: [String, Object, Array],
    default: () => []
  },
  // 数量限制
  limit: propTypes.number.def(5),
  // 大小限制(MB)
@@ -79,18 +82,17 @@
    if (val) {
      let temp = 1;
      // 首先将值转为数组
      let list = [];
      let list: any[] = [];
      if (Array.isArray(val)) {
        list = val;
      } else {
        const res = await listByIds(val as string);
        const res = await listByIds(val);
        list = res.data.map((oss) => {
          const data = {
          return {
            name: oss.originalName,
            url: oss.url,
            ossId: oss.ossId
          };
          return data;
        });
      }
      // 然后将数组转为对象数组
@@ -119,6 +121,11 @@
      return false;
    }
  }
  // 校检文件名是否包含特殊字符
  if (file.name.includes(',')) {
    proxy?.$modal.msgError('文件名不正确,不能包含英文逗号!');
    return false;
  }
  // 校检文件大小
  if (props.fileSize) {
    const isLt = file.size / 1024 / 1024 < props.fileSize;