头像上传组件调整

This commit is contained in:
wangxuemei
2024-08-07 17:06:23 +08:00
parent 4e963fc9cf
commit 5adb182c1f
5 changed files with 164 additions and 16 deletions

View File

@@ -80,9 +80,16 @@
<UploadOutlined /> 一键生成讲师费
</a-button>
</div> -->
<a-button @click="handleExport()" class="resetbtn">
<a-upload
multiple
:headers="headers"
:show-upload-list="false"
:before-upload="beforeUpload2"
>
<a-button class="resetbtn">
<DownloadOutlined /> 导入
</a-button>
</a-upload>
<a-button @click="handleExport()" class="resetbtn">
<UploadOutlined /> 导出
</a-button>
@@ -392,7 +399,7 @@
} from '@ant-design/icons-vue';
import ProjectManager from "@/components/project/ProjectManagerNew"
import {getTeacherFeeList,getTeacherFeeDetail,addTeacherFee ,updateTeacherFee,updateStatusSubmit,approveTeacherFee,getTrainOrg,getTeacherLevel} from "../../api/lecturerFeeManagement";4
import { getTeacherExpertise,getTeacherSystemList,getLevel,getPayRollPlace } from "../../api/Lecturer";
import { getTeacherExpertise,getTeacherSystemList,getLevel,getPayRollPlace,fileUp } from "../../api/Lecturer";
// lecturerFeeManagement
// import {getProjSt} from "../../api/indexProjStu";
// import AddTeacher from "../../components/drawers/project/AddTeacher"
@@ -1040,9 +1047,41 @@ console.log( "讲师体系id" +val);
// ...state.searchParam
// }, `project_${new Date().getTime()}.xlsx` )
}
const beforeUpload2 = (file) => {
console.log(6765555);
console.log(file);
const fileType = [
"xls",
"xlsx",
"zip",
];
if (!fileType.includes(file.name.split(".")[1])) {
message.error(
"仅支持.xls,.xlsx,.zip格式!"
);
return false;
}
const formData = new FormData();
formData.append("file", file);
console.log(file);
fileUp(formData).then((res) => {
if (res.data.code === 200) {
state.imgList.push({
img: res.data.data,
name: file.name,
size: file.size,
});
console.log(state.imgList);
// state.hasImgName = res.data.data;
}
});
return false;
};
return {
...toRefs(state),
rules,
beforeUpload2,
closeDeleteTeacher,
cancelTeachingDialog,
managerChange,