smart-flow/yudao-ui-admin-vben
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 切换页面

Browse Source
This commit is contained in:
xingyu4j
2025-11-05 20:13:00 +08:00
parent e4040520e0
commit 35733c40eb
1 changed files with 29 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
apps/web-antd/src/views/mall/promotion/diy/template/decorate/index.vue
View File

@@ -26,28 +26,35 @@ defineOptions({ name: 'DiyTemplateDecorate' });
const route = useRoute(); const route = useRoute();
const { refreshTab } = useTabs(); const { refreshTab } = useTabs();
const DIY_PAGE_INDEX_KEY = 'diy_page_index'; // 特殊：存储 reset 重置时，当前 selectedTemplateItem 值，从而进行恢复 /** 特殊：存储 reset 重置时，当前 selectedTemplateItem 值，从而进行恢复 */
const DIY_PAGE_INDEX_KEY = 'diy_page_index';
const selectedTemplateItem = ref(0); const selectedTemplateItem = ref(0);
/** 左上角工具栏操作按钮 */
const templateItems = reactive([ const templateItems = reactive([
{ name: '基础设置', icon: 'lucide:settings' }, { name: '基础设置', icon: 'lucide:settings' },
{ name: '首页', icon: 'lucide:home' }, { name: '首页', icon: 'lucide:home' },
{ name: '我的', icon: 'lucide:user' }, { name: '我的', icon: 'lucide:user' },
]); // 左上角工具栏操作按钮 ]);
const formData = ref<MallDiyTemplateApi.DiyTemplateProperty>(); const formData = ref<MallDiyTemplateApi.DiyTemplateProperty>();
/** 当前编辑的属性 */
const currentFormData = ref< const currentFormData = ref<
MallDiyPageApi.DiyPage | MallDiyTemplateApi.DiyTemplateProperty MallDiyPageApi.DiyPage | MallDiyTemplateApi.DiyTemplateProperty
>({ >({
property: '', property: '',
} as MallDiyPageApi.DiyPage); // 当前编辑的属性 } as MallDiyPageApi.DiyPage);
/** templateItem 对应的缓存 */
const currentFormDataMap = ref< const currentFormDataMap = ref<
Map<string, MallDiyPageApi.DiyPage | MallDiyTemplateApi.DiyTemplateProperty> Map<string, MallDiyPageApi.DiyPage | MallDiyTemplateApi.DiyTemplateProperty>
>(new Map()); // templateItem 对应的缓存 >(new Map());
const previewUrl = ref(''); // 商城 H5 预览地址 /** 商城 H5 预览地址 */
const previewUrl = ref('');
const templateLibs = [] as DiyComponentLibrary[]; // 模板组件库 /** 模板组件库 */
const templateLibs = [] as DiyComponentLibrary[];
/** 当前组件库 */
const libs = ref<DiyComponentLibrary[]>(templateLibs); // 当前组件库 const libs = ref<DiyComponentLibrary[]>(templateLibs); // 当前组件库
/** 获取详情 */ /** 获取详情 */
@@ -92,14 +99,22 @@ function handleTemplateItemChange(val: any) {
// 情况二：编辑页面 // 情况二：编辑页面
libs.value = PAGE_LIBS; libs.value = PAGE_LIBS;
currentFormData.value = ( const pageData = isEmpty(data)
isEmpty(data) ? formData.value!.pages.find(
? formData.value!.pages.find( (page: MallDiyPageApi.DiyPage) =>
(page: MallDiyPageApi.DiyPage) => page.name === templateItems[val]?.name,
page.name === templateItems[val]?.name, )
) : data;
: data
) as MallDiyPageApi.DiyPage | MallDiyTemplateApi.DiyTemplateProperty; // 如果找不到页面数据，使用默认值
currentFormData.value = pageData
? (pageData as
| MallDiyPageApi.DiyPage
| MallDiyTemplateApi.DiyTemplateProperty)
: ({
property: '',
name: templateItems[val]?.name || '',
} as MallDiyPageApi.DiyPage);
} }
/** 提交表单 */ /** 提交表单 */