feat: 🚀 优化树状结构
This commit is contained in:
@@ -1,11 +1,10 @@
|
|||||||
ENV = 'production'
|
ENV = 'production'
|
||||||
VITE_APP_API_BASEURL = https://opsscmapi.f2b211.com/api/ #请求地址
|
VITE_APP_API_BASEURL =https://ow.f2b211.com/admapi/v1
|
||||||
|
#前端回显图片之类的地址
|
||||||
|
|
||||||
# 线上环境
|
# 线上环境
|
||||||
VITE_USER_NODE_ENV = production
|
VITE_USER_NODE_ENV = production
|
||||||
#前端回显图片之类的地址
|
#前端回显图片之类的地址
|
||||||
VITE_APP_API_BASE_UPLOAD_URL =https://dev.ow.f2b211.com/
|
VITE_APP_API_BASE_UPLOAD_URL =https://ow.f2b211.com/
|
||||||
|
|
||||||
# 是否启用 gzip 或 brotli 压缩打包,如果需要多个压缩规则,可以使用 “,” 分隔
|
# 是否启用 gzip 或 brotli 压缩打包,如果需要多个压缩规则,可以使用 “,” 分隔
|
||||||
# Optional: gzip | brotli | none
|
# Optional: gzip | brotli | none
|
||||||
|
|||||||
@@ -6,13 +6,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="card table-main">
|
<div class="card table-main">
|
||||||
<SearchForm :search="search" :reset="reset" :formData="dataStore.formData" :search-param="dataStore.ruleForm" />
|
<SearchForm :search="search" :reset="reset" :formData="dataStore.formData" :search-param="dataStore.ruleForm" />
|
||||||
<el-table
|
<el-table :data="dataStore.tableData" style="width: 100%; margin-bottom: 20px; font-size: 14px" row-key="id" border>
|
||||||
:data="dataStore.tableData"
|
|
||||||
style="width: 100%; margin-bottom: 20px; font-size: 14px"
|
|
||||||
row-key="id"
|
|
||||||
border
|
|
||||||
default-expand-all
|
|
||||||
>
|
|
||||||
<el-table-column prop="id" label="id" />
|
<el-table-column prop="id" label="id" />
|
||||||
<el-table-column prop="name" label="分类名称" />
|
<el-table-column prop="name" label="分类名称" />
|
||||||
<el-table-column prop="sort" label="分类排序">
|
<el-table-column prop="sort" label="分类排序">
|
||||||
|
|||||||
@@ -189,10 +189,10 @@ const getSystemUrls = async (node: any, resolve: any) => {
|
|||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
//第二次请求
|
//第二次请求
|
||||||
if (node.data.children) {
|
if (node?.data?.children) {
|
||||||
resolve(node.data.children);
|
resolve(node?.data?.children);
|
||||||
}
|
}
|
||||||
if (!node.data.children.length && !node.data.url && node.level > 1) {
|
if (!node?.data?.children?.length && !node?.data?.url && node?.level > 1) {
|
||||||
const [link_to, id] = node?.data?.value?.split("/");
|
const [link_to, id] = node?.data?.value?.split("/");
|
||||||
const result = await getSystemUrlsApi({ link_to, id });
|
const result = await getSystemUrlsApi({ link_to, id });
|
||||||
if (result?.code === 0) {
|
if (result?.code === 0) {
|
||||||
@@ -222,17 +222,16 @@ const getBannerRead = async (id: any) => {
|
|||||||
dataStore.visible = true;
|
dataStore.visible = true;
|
||||||
const result = await getBannerReadApi(id);
|
const result = await getBannerReadApi(id);
|
||||||
if (result?.code === 0) {
|
if (result?.code === 0) {
|
||||||
dataStore.editRuleForm = result?.data;
|
setImgOrVideo(result);
|
||||||
// setImgOrVideo(result);
|
|
||||||
await setImgOrVideo(result);
|
|
||||||
dataStore.editRuleForm = await result?.data;
|
|
||||||
getProductCategoryList();
|
getProductCategoryList();
|
||||||
|
nextTick(() => {
|
||||||
|
dataStore.editRuleForm = result?.data;
|
||||||
if (dataStore.editRuleForm.link && dataStore.editRuleForm.link_to) {
|
if (dataStore.editRuleForm.link && dataStore.editRuleForm.link_to) {
|
||||||
let { id, name, link } = dataStore.editRuleForm.link_echo_data;
|
let { id, name, link } = dataStore.editRuleForm.link_echo_data;
|
||||||
if (!id || !name || !link) {
|
if (!id || !name || !link) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
console.log("1232323");
|
||||||
let obj: any = {
|
let obj: any = {
|
||||||
label: name, // 确保这里的name是你想要显示的文本
|
label: name, // 确保这里的name是你想要显示的文本
|
||||||
value: `${dataStore.editRuleForm.link_to}` + "/" + `${id}` + "/" + `${name}`,
|
value: `${dataStore.editRuleForm.link_to}` + "/" + `${id}` + "/" + `${name}`,
|
||||||
@@ -245,6 +244,7 @@ const getBannerRead = async (id: any) => {
|
|||||||
selectedNodes.value = obj.value;
|
selectedNodes.value = obj.value;
|
||||||
dataStore.data = data;
|
dataStore.data = data;
|
||||||
}
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
const handleCheck = (checkedNodes: any, values: any) => {
|
const handleCheck = (checkedNodes: any, values: any) => {
|
||||||
@@ -335,7 +335,6 @@ const resetFields = () => {
|
|||||||
// 抽屉重置
|
// 抽屉重置
|
||||||
const handleResetClick = () => {
|
const handleResetClick = () => {
|
||||||
if (dataStore.title === "添加Banner") {
|
if (dataStore.title === "添加Banner") {
|
||||||
console.log("12323");
|
|
||||||
resetFields();
|
resetFields();
|
||||||
} else {
|
} else {
|
||||||
getBannerRead(dataStore.editRuleForm.id);
|
getBannerRead(dataStore.editRuleForm.id);
|
||||||
|
|||||||
@@ -7,13 +7,7 @@
|
|||||||
|
|
||||||
<div class="card table-main">
|
<div class="card table-main">
|
||||||
<SearchForm :search="search" :reset="reset" :formData="dataStore.formData" :search-param="dataStore.ruleForm" />
|
<SearchForm :search="search" :reset="reset" :formData="dataStore.formData" :search-param="dataStore.ruleForm" />
|
||||||
<el-table
|
<el-table :data="dataStore.tableData" style="width: 100%; margin-bottom: 20px; font-size: 14px" row-key="id" border>
|
||||||
:data="dataStore.tableData"
|
|
||||||
style="width: 100%; margin-bottom: 20px; font-size: 14px"
|
|
||||||
row-key="id"
|
|
||||||
border
|
|
||||||
default-expand-all
|
|
||||||
>
|
|
||||||
<el-table-column prop="id" label="id" />
|
<el-table-column prop="id" label="id" />
|
||||||
<el-table-column prop="name" label="下载分类名称" />
|
<el-table-column prop="name" label="下载分类名称" />
|
||||||
<el-table-column prop="sort" label="下载分类排序">
|
<el-table-column prop="sort" label="下载分类排序">
|
||||||
|
|||||||
@@ -8,13 +8,8 @@
|
|||||||
:formData="dataStore.searchFormData"
|
:formData="dataStore.searchFormData"
|
||||||
:search-param="dataStore.searchParam"
|
:search-param="dataStore.searchParam"
|
||||||
/>
|
/>
|
||||||
<el-table
|
<!-- default-expand-all -->
|
||||||
:data="dataStore.tableData"
|
<el-table :data="dataStore.tableData" style="width: 100%; margin-bottom: 20px; font-size: 14px" row-key="id" border>
|
||||||
style="width: 100%; margin-bottom: 20px; font-size: 14px"
|
|
||||||
row-key="id"
|
|
||||||
border
|
|
||||||
default-expand-all
|
|
||||||
>
|
|
||||||
<el-table-column prop="id" label="id" />
|
<el-table-column prop="id" label="id" />
|
||||||
<el-table-column prop="name" label="分类名称" />
|
<el-table-column prop="name" label="分类名称" />
|
||||||
<el-table-column prop="sort" label="分类排序">
|
<el-table-column prop="sort" label="分类排序">
|
||||||
@@ -154,7 +149,6 @@ const getArticleCategorySave = async (params: any) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const handleSelectChangeEmits = (value: any) => {
|
const handleSelectChangeEmits = (value: any) => {
|
||||||
console.log(value, "===============value1111111============");
|
|
||||||
if (value.prop === "pid") {
|
if (value.prop === "pid") {
|
||||||
dataStore.ruleForm.pid = value.id;
|
dataStore.ruleForm.pid = value.id;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user