zs
2025-05-06 55bf797dcc730b37bc691ebab2b51ff9db8ed245
HIAWms/web/src/components/Upload/index.vue
对比新文件
@@ -0,0 +1,47 @@
<template>
  <el-upload
    :accept="accept"
    :show-file-list="showFileList || false"
    action="/api/v1/zc/productsop/uploadsop"
    name="fromFile"
    :on-success="handleUploadSuccess"
  >
    <!-- :http-request="onImport" -->
    <template v-if="slots.default"><slot></slot></template>
    <template v-else>
      <i class="iconfont icon-shangchuan upload"></i>
      <span><slot name="text"></slot></span>
    </template>
  </el-upload>
</template>
<script lang="ts" setup>
import { ElMessage } from 'element-plus'
import { useSlots } from 'vue'
const slots = useSlots()
const props = defineProps<{
  accept: string
  showFileList?: boolean
  msg?: string
}>()
const emit = defineEmits(['success'])
const handleUploadSuccess = (res: string) => {
  const data = {
    name: res.split('\\')[1],
    url: res,
  }
  emit('success', data)
  ElMessage.success(props.msg || '涓婁紶鎴愬姛')
}
</script>
<style lang="scss" scoped>
.upload {
  font-size: 25px;
  color: #777;
}
</style>