Compare commits
2 Commits
40043d31bd
...
709d9203a9
Author | SHA1 | Date | |
---|---|---|---|
709d9203a9 | |||
9042da3ace |
@ -91,7 +91,8 @@
|
|||||||
<el-icon><Plus /></el-icon>
|
<el-icon><Plus /></el-icon>
|
||||||
<template #file="{ file }">
|
<template #file="{ file }">
|
||||||
<div>
|
<div>
|
||||||
<img class="el-upload-list__item-thumbnail" :src="encodeURI(file.url)" alt="" />
|
<img class="el-upload-list__item-thumbnail" :src="encodeURI(file.url.includes('http') ?
|
||||||
|
file.url : viteUrl+file.url)" alt="" />
|
||||||
<span class="el-upload-list__item-actions">
|
<span class="el-upload-list__item-actions">
|
||||||
<span
|
<span
|
||||||
class="el-upload-list__item-preview"
|
class="el-upload-list__item-preview"
|
||||||
@ -202,7 +203,7 @@ const getTableData = async() => {
|
|||||||
try {
|
try {
|
||||||
state.tableData.loading = true;
|
state.tableData.loading = true;
|
||||||
let res = await banApi.getBannerList(state.tableData.param);
|
let res = await banApi.getBannerList(state.tableData.param);
|
||||||
console.log(res);
|
// console.log(res);
|
||||||
if(res?.success){
|
if(res?.success){
|
||||||
state.tableData.data = res.data.records;
|
state.tableData.data = res.data.records;
|
||||||
state.tableData.total = res.data.total;
|
state.tableData.total = res.data.total;
|
||||||
@ -232,13 +233,9 @@ const viteUrl = import.meta.env.VITE_API_URL;
|
|||||||
|
|
||||||
// 图片链接格式化
|
// 图片链接格式化
|
||||||
const jpgFormatter = (row: any) => {
|
const jpgFormatter = (row: any) => {
|
||||||
let newPath;
|
let newPath = row?.data ? row.data.path : row.path;
|
||||||
if (row?.data) {
|
newPath = encodeURI( newPath.includes('http') ? newPath : (viteUrl + newPath));
|
||||||
newPath = row.data.path.replaceAll('\\', '/')
|
|
||||||
} else {
|
|
||||||
newPath = row.path.replaceAll('\\\\', '/')
|
|
||||||
}
|
|
||||||
newPath = newPath.includes('http://localhost:8888/') ? newPath : encodeURI(viteUrl + newPath)
|
|
||||||
return `${newPath}`;
|
return `${newPath}`;
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -278,22 +275,21 @@ const uploadDisabled = ref(false)
|
|||||||
|
|
||||||
|
|
||||||
const switchDrawer = async (id: number, staus) => {
|
const switchDrawer = async (id: number, staus) => {
|
||||||
console.log("switchDrawer",id,state.formData,state.formData.fileList);
|
// console.log("switchDrawer",id,state.formData,state.formData.fileList);
|
||||||
dialog.value = true;
|
dialog.value = true;
|
||||||
if (staus == 1) {
|
if (staus == 1) {
|
||||||
flag.value = false;
|
flag.value = false;
|
||||||
state.formData.loading = true;
|
state.formData.loading = true;
|
||||||
let res = await banApi.getBannerDetail(id)
|
let res = await banApi.getBannerDetail(id)
|
||||||
console.log("res",res.data.path);
|
// console.log("res",res.data.path);
|
||||||
if (res?.success) {
|
if (res?.success) {
|
||||||
state.formData.fileList.push({ url: jpgFormatter(res.data) });
|
state.formData.fileList.push({ url: res.data.path });
|
||||||
// console.log("state.formData.fileList",state.formData);
|
// console.log("state.formData.fileList",state.formData);
|
||||||
Object.assign(state.formData, res.data);
|
Object.assign(state.formData, res.data);
|
||||||
// console.log("state.formData",state.formData);
|
// console.log("state.formData",state.formData);
|
||||||
state.formData.path = jpgFormatter(res.data);
|
|
||||||
uploadDisabled.value = true;
|
uploadDisabled.value = true;
|
||||||
state.formData.loading = false;
|
state.formData.loading = false;
|
||||||
console.log("state.formData",state.formData);
|
// console.log("state.formData",state.formData);
|
||||||
} else {
|
} else {
|
||||||
ElMessage.error('获取轮播图详情失败!')
|
ElMessage.error('获取轮播图详情失败!')
|
||||||
state.formData.loading = false;
|
state.formData.loading = false;
|
||||||
@ -315,8 +311,8 @@ const handleChange: UploadProps['onChange'] = async (file: uploadFile, uploadFil
|
|||||||
const formdata = new FormData();
|
const formdata = new FormData();
|
||||||
formdata.append('file', file.raw);
|
formdata.append('file', file.raw);
|
||||||
let res = await banApi.uploadFile(formdata);
|
let res = await banApi.uploadFile(formdata);
|
||||||
console.log("result", res);
|
// console.log("result", res);
|
||||||
console.log("state.formData", state.formData);
|
// console.log("state.formData", state.formData);
|
||||||
if(res?.success){
|
if(res?.success){
|
||||||
// state.formData.url = jpgFormatter(res);
|
// state.formData.url = jpgFormatter(res);
|
||||||
state.formData.path = res.data.path;
|
state.formData.path = res.data.path;
|
||||||
@ -338,9 +334,9 @@ const handleChange: UploadProps['onChange'] = async (file: uploadFile, uploadFil
|
|||||||
ElMessageBox.alert('轮播图的格式不正确,请重新选择!', '提示', {
|
ElMessageBox.alert('轮播图的格式不正确,请重新选择!', '提示', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
})
|
})
|
||||||
console.log("handleChange3",uploadFiles);
|
// console.log("handleChange3",uploadFiles);
|
||||||
uploadFiles.pop()
|
uploadFiles.pop()
|
||||||
console.log("handleChange4",uploadFiles);
|
// console.log("handleChange4",uploadFiles);
|
||||||
uploadDisabled.value = false;
|
uploadDisabled.value = false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -349,24 +345,20 @@ const dialogImageUrl = ref('')
|
|||||||
const dialogVisible = ref(false)
|
const dialogVisible = ref(false)
|
||||||
|
|
||||||
const handlePictureCardPreview = (file: UploadFile,uploadFiles) => {
|
const handlePictureCardPreview = (file: UploadFile,uploadFiles) => {
|
||||||
dialogImageUrl.value = file.url!
|
dialogImageUrl.value = encodeURI(file.url.includes('http') ? file.url : viteUrl+file.url);
|
||||||
dialogVisible.value = true
|
dialogVisible.value = true
|
||||||
}
|
}
|
||||||
|
|
||||||
const uploadRef = ref();
|
const uploadRef = ref();
|
||||||
|
|
||||||
const handleRemove = (file: UploadFile, uploadFiles) => {
|
const handleRemove = (file: UploadFile, uploadFiles) => {
|
||||||
console.log("handleRemove1",file);
|
|
||||||
console.log("handleRemove2",uploadFiles);
|
|
||||||
uploadRef.value.clearFiles();
|
uploadRef.value.clearFiles();
|
||||||
state.formData.path = "";
|
state.formData.path = "";
|
||||||
console.log("handleRemove3",uploadFiles);
|
|
||||||
uploadDisabled.value = false;
|
uploadDisabled.value = false;
|
||||||
|
|
||||||
}
|
}
|
||||||
// 删除轮播图
|
// 删除轮播图
|
||||||
const deleteBanner = (id: number) => {
|
const deleteBanner = (id: number) => {
|
||||||
console.log("删除",id);
|
|
||||||
ElMessageBox.confirm('确定要删除该轮播图吗?', '提示', {
|
ElMessageBox.confirm('确定要删除该轮播图吗?', '提示', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: '取消',
|
||||||
@ -396,13 +388,10 @@ const submitForm = (decision) => {
|
|||||||
ruleFormRef.value?.validate(async(valid: boolean) => {
|
ruleFormRef.value?.validate(async(valid: boolean) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
if (decision) {
|
if (decision) {
|
||||||
console.log("新增新增新增");
|
|
||||||
loading.value = true;
|
loading.value = true;
|
||||||
const form = { ...state.formData };
|
const form = { ...state.formData };
|
||||||
console.log('submitForm', form);
|
|
||||||
try {
|
try {
|
||||||
let res = await banApi.addBanner(form);
|
let res = await banApi.addBanner(form);
|
||||||
console.log("submitFormREs", res);
|
|
||||||
if(res?.success){
|
if(res?.success){
|
||||||
ElMessage({
|
ElMessage({
|
||||||
message: '保存成功!',
|
message: '保存成功!',
|
||||||
@ -413,17 +402,13 @@ const submitForm = (decision) => {
|
|||||||
dialog.value = false;
|
dialog.value = false;
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log(error);
|
|
||||||
ElMessage.error('保存失败!');
|
ElMessage.error('保存失败!');
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
console.log("编辑编辑编辑");
|
|
||||||
const form = { ...state.formData };
|
const form = { ...state.formData };
|
||||||
console.log('submitForm', form);
|
|
||||||
try {
|
try {
|
||||||
let res = await banApi.updateBanner(form);
|
let res = await banApi.updateBanner(form);
|
||||||
console.log("submitFormREs", res);
|
|
||||||
if(res?.success){
|
if(res?.success){
|
||||||
ElMessage({
|
ElMessage({
|
||||||
message: '保存成功!',
|
message: '保存成功!',
|
||||||
@ -459,8 +444,6 @@ const resetForm = () => {
|
|||||||
const cancelForm = () => {
|
const cancelForm = () => {
|
||||||
dialog.value = false;
|
dialog.value = false;
|
||||||
resetForm();
|
resetForm();
|
||||||
console.log(state);
|
|
||||||
|
|
||||||
}
|
}
|
||||||
// #endregion
|
// #endregion
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user