采购管理: 新增采购计划相关功能及组件
文件上传: 增加拖拽上传功能并优化组件逻辑 库存管理: 移除表格固定高度以改善显示效果 采购计划: 添加类型定义文件及接口文档
This commit is contained in:
@ -3,6 +3,7 @@
|
||||
<el-upload
|
||||
ref="fileUploadRef"
|
||||
multiple
|
||||
:drag="isDrag"
|
||||
:action="uploadFileUrl"
|
||||
:before-upload="handleBeforeUpload"
|
||||
:file-list="fileList"
|
||||
@ -17,7 +18,13 @@
|
||||
v-if="!disabled"
|
||||
>
|
||||
<!-- 上传按钮 -->
|
||||
<el-button type="primary">选取文件</el-button>
|
||||
<el-button type="primary" v-if="!isDrag">选取文件</el-button>
|
||||
<div v-else>
|
||||
<el-icon class="el-icon--upload"><upload-filled /></el-icon>
|
||||
<div class="el-upload__text">
|
||||
拖拽文件到此处,或 <em>点击上传</em>
|
||||
</div>
|
||||
</div>
|
||||
</el-upload>
|
||||
<!-- 上传提示 -->
|
||||
<div v-if="showTip && !disabled" class="el-upload__tip">
|
||||
@ -63,11 +70,13 @@ const props = defineProps({
|
||||
// 是否显示提示
|
||||
isShowTip: propTypes.bool.def(true),
|
||||
// 禁用组件(仅查看文件)
|
||||
disabled: propTypes.bool.def(false)
|
||||
disabled: propTypes.bool.def(false),
|
||||
// 是否开启拖拽上传
|
||||
isDrag: propTypes.bool.def(false)
|
||||
});
|
||||
|
||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||
const emit = defineEmits(['update:modelValue']);
|
||||
const emit = defineEmits(['update:modelValue', 'update:fileList']);
|
||||
const number = ref(0);
|
||||
const uploadList = ref<any[]>([]);
|
||||
|
||||
@ -80,6 +89,7 @@ const showTip = computed(() => props.isShowTip && (props.fileType || props.fileS
|
||||
|
||||
const fileUploadRef = ref<ElUploadInstance>();
|
||||
|
||||
|
||||
// 监听 fileType 变化,更新 fileAccept
|
||||
const fileAccept = computed(() => props.fileType.map((type) => `.${type}`).join(','));
|
||||
|
||||
@ -164,6 +174,7 @@ const handleUploadSuccess = (res: any, file: UploadFile) => {
|
||||
url: res.data.url,
|
||||
ossId: res.data.ossId
|
||||
});
|
||||
|
||||
uploadedSuccessfully();
|
||||
} else {
|
||||
number.value--;
|
||||
@ -189,6 +200,7 @@ const uploadedSuccessfully = () => {
|
||||
uploadList.value = [];
|
||||
number.value = 0;
|
||||
emit('update:modelValue', listToString(fileList.value));
|
||||
emit('update:fileList', fileList.value);
|
||||
proxy?.$modal.closeLoading();
|
||||
}
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user