修复分类问题
This commit is contained in:
+13
-8
@@ -100,22 +100,27 @@ export function getFileById(id) {
|
||||
* 上传文件
|
||||
* @param {FormData} formData 文件数据
|
||||
* @param {Object} options 额外选项
|
||||
* @param {string} [options.cate]
|
||||
* @param {string|number} [options.cate] 文件分组ID,0 为未分类
|
||||
* @param {(e: { loaded: number; total?: number }) => void} [options.onUploadProgress] 上传进度
|
||||
* @returns {Promise}
|
||||
*/
|
||||
export function uploadFile(formData, options = {}) {
|
||||
if (options.cate) {
|
||||
formData.append('cate', options.cate);
|
||||
// 0 表示「未分类」,不能用 truthy 判断
|
||||
if (options.cate !== undefined && options.cate !== null && options.cate !== "") {
|
||||
formData.append("cate", String(options.cate));
|
||||
}
|
||||
|
||||
return request({
|
||||
const config = {
|
||||
url: "/backend/uploadfile",
|
||||
method: "post",
|
||||
data: formData,
|
||||
headers: {
|
||||
"Content-Type": "multipart/form-data"
|
||||
}
|
||||
});
|
||||
// 上传大文件不设超时;勿手写 Content-Type(需浏览器生成 multipart boundary)
|
||||
timeout: 0,
|
||||
};
|
||||
if (typeof options.onUploadProgress === "function") {
|
||||
config.onUploadProgress = options.onUploadProgress;
|
||||
}
|
||||
return request(config);
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@@ -3,10 +3,10 @@ import axios from 'axios';
|
||||
// 获取API基础URL,添加调试信息
|
||||
const apiBaseURL = import.meta.env.VITE_API_BASE_URL;
|
||||
|
||||
// 创建axios实例
|
||||
// 创建axios实例(普通接口 5min;大文件上传在 api/file.js 单独设置更长 timeout)
|
||||
const service = axios.create({
|
||||
baseURL: apiBaseURL,
|
||||
timeout: 10000,
|
||||
timeout: 300000,
|
||||
withCredentials: false // JWT 不需要 Cookie
|
||||
});
|
||||
|
||||
@@ -18,9 +18,13 @@ service.interceptors.request.use(
|
||||
config.headers['Authorization'] = `Bearer ${token}`;
|
||||
}
|
||||
|
||||
// 对于有 body 的请求(POST、PUT、PATCH),确保设置 Content-Type
|
||||
// 对于有 body 的请求(POST、PUT、PATCH),默认 JSON;
|
||||
// FormData 必须由浏览器自行设置 Content-Type,否则缺少 multipart boundary,服务端无法解析
|
||||
if (config.data && ['post', 'put', 'patch'].includes(config.method?.toLowerCase())) {
|
||||
if (!config.headers['Content-Type'] && !config.headers['content-type']) {
|
||||
if (typeof FormData !== 'undefined' && config.data instanceof FormData) {
|
||||
delete config.headers['Content-Type'];
|
||||
delete config.headers['content-type'];
|
||||
} else if (!config.headers['Content-Type'] && !config.headers['content-type']) {
|
||||
config.headers['Content-Type'] = 'application/json';
|
||||
}
|
||||
}
|
||||
@@ -54,7 +58,11 @@ service.interceptors.response.use(
|
||||
console.error('请求失败,请稍后再试');
|
||||
}
|
||||
} else if (error.request) {
|
||||
console.error('请求失败,请检查网络连接');
|
||||
if (error.code === 'ECONNABORTED') {
|
||||
console.error('请求超时,请稍后重试');
|
||||
} else {
|
||||
console.error('请求失败,请检查网络连接');
|
||||
}
|
||||
} else {
|
||||
console.error('请求配置错误');
|
||||
}
|
||||
|
||||
@@ -47,14 +47,19 @@
|
||||
|
||||
<div class="category-actions">
|
||||
<el-button-group size="small">
|
||||
<el-button type="text" title="编辑" @click.stop="$emit('edit', item)">
|
||||
<el-button
|
||||
v-if="!isGlobal"
|
||||
type="text"
|
||||
title="编辑"
|
||||
@click.stop="$emit('edit', item)"
|
||||
>
|
||||
<el-icon><Edit /></el-icon>
|
||||
</el-button>
|
||||
<el-button type="text" title="添加子分类" @click.stop="$emit('add-child', item)">
|
||||
<el-icon><Plus /></el-icon>
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="item.tid !== 0"
|
||||
v-if="!isGlobal"
|
||||
type="text"
|
||||
class="danger"
|
||||
title="删除"
|
||||
@@ -62,7 +67,7 @@
|
||||
>
|
||||
<el-icon><Delete /></el-icon>
|
||||
</el-button>
|
||||
<el-tag v-else type="info" size="small" title="全局分类不可删除">
|
||||
<el-tag v-if="isGlobal" type="info" size="small" title="全局分类不可修改或删除">
|
||||
全局
|
||||
</el-tag>
|
||||
</el-button-group>
|
||||
@@ -88,6 +93,7 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { computed } from "vue";
|
||||
import { ArrowDown, ArrowRight, Edit, Plus, Delete, Document } from "@element-plus/icons-vue";
|
||||
|
||||
const props = defineProps({
|
||||
@@ -97,6 +103,11 @@ const props = defineProps({
|
||||
|
||||
const emit = defineEmits(['edit', 'add-child', 'delete']);
|
||||
|
||||
// 全局分类(tid = 0)由平台维护,租户端不能编辑或删除
|
||||
const isGlobal = computed(
|
||||
() => props.item.is_global === true || Number(props.item.tid) === 0
|
||||
);
|
||||
|
||||
const toggleExpand = () => {
|
||||
props.item.expanded = !props.item.expanded;
|
||||
};
|
||||
|
||||
@@ -245,9 +245,8 @@ async function handleSubmit() {
|
||||
if (fileList.value.length > 0 && fileList.value[0].raw) {
|
||||
const uploadFormData = new FormData()
|
||||
uploadFormData.append('file', fileList.value[0].raw)
|
||||
uploadFormData.append('cate', 'category')
|
||||
|
||||
const uploadRes = await uploadFile(uploadFormData)
|
||||
const uploadRes: any = await uploadFile(uploadFormData)
|
||||
if (uploadRes?.data?.url) {
|
||||
imageUrl = uploadRes.data.url
|
||||
}
|
||||
@@ -262,17 +261,20 @@ async function handleSubmit() {
|
||||
cid: formData.parentId,
|
||||
}
|
||||
if (isEdit.value) {
|
||||
await editCategory(formData.id, payload)
|
||||
const res: any = await editCategory(formData.id, payload)
|
||||
if (res?.code && res.code !== 200) throw res
|
||||
ElMessage.success('更新成功')
|
||||
} else {
|
||||
await createCategory(payload)
|
||||
const res: any = await createCategory(payload)
|
||||
if (res?.code && res.code !== 200) throw res
|
||||
ElMessage.success('创建成功')
|
||||
}
|
||||
emit('saved')
|
||||
closeDialog()
|
||||
} catch (err) {
|
||||
} catch (err: any) {
|
||||
console.error(err)
|
||||
ElMessage.error(isEdit.value ? '更新失败' : '创建失败')
|
||||
const msg = err?.response?.data?.msg || err?.msg
|
||||
ElMessage.error(msg || (isEdit.value ? '更新失败' : '创建失败'))
|
||||
} finally {
|
||||
submitLoading.value = false
|
||||
}
|
||||
|
||||
@@ -70,9 +70,8 @@ const searchText = ref("");
|
||||
const categories = ref([]);
|
||||
|
||||
// 新增分类
|
||||
const addCategory = ref(null);
|
||||
const handleAdd = () => {
|
||||
addCategory.value = { parentId: 0 };
|
||||
currentEdit.value = { parentId: 0 };
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
@@ -128,6 +127,10 @@ function handleCreate() {
|
||||
}
|
||||
|
||||
function handleEdit(category) {
|
||||
if (Number(category.tid) === 0 || category.is_global === true) {
|
||||
ElMessage.warning("全局分类不可修改");
|
||||
return;
|
||||
}
|
||||
currentEdit.value = category;
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user