1.接口调用优化,减少接口调用次数
parent
5154ac7afe
commit
6e9c319da9
|
|
@ -347,12 +347,6 @@ export const online_url = async (directory: string = '') => {
|
|||
return temp_data.default.temp_attachment_host + directory;
|
||||
} else {
|
||||
let attachemnt_host = common.config.attachment_host;
|
||||
if (!attachemnt_host) {
|
||||
await CommonAPI.getInit().then((res: any) => {
|
||||
set_common(res.data);
|
||||
attachemnt_host = res.data.config.attachment_host;
|
||||
});
|
||||
}
|
||||
return attachemnt_host + directory;
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@ interface DefaultArticleList {
|
|||
category: string[];
|
||||
data_list: ArticleList[];
|
||||
data_ids: string;
|
||||
data_auto_list: ArticleList[];
|
||||
number: number;
|
||||
sort: string;
|
||||
sort_rules: string;
|
||||
|
|
@ -50,6 +51,7 @@ const defaultArticleList: DefaultArticleList = {
|
|||
category: [],
|
||||
data_list: [],
|
||||
data_ids: '',
|
||||
data_auto_list: [],
|
||||
number: 4,
|
||||
sort: '0',
|
||||
sort_rules: '0',
|
||||
|
|
|
|||
|
|
@ -16,6 +16,7 @@ interface articleTabsList {
|
|||
sort_rules: string;
|
||||
is_cover: string;
|
||||
data_list: ArticleList[];
|
||||
data_auto_list: ArticleList[];
|
||||
}
|
||||
interface DefaultArticleTabs {
|
||||
content: {
|
||||
|
|
@ -63,12 +64,12 @@ const defaultArticleTabs: DefaultArticleTabs = {
|
|||
article_theme: '0',
|
||||
article_carousel_col: '2',
|
||||
tabs_list: [
|
||||
{ id: '1', title: '热门推荐', desc: '简介', data_type: '0', category: [], number: 4, sort: '0', sort_rules: '0', is_cover: '1', data_list: [] },
|
||||
{ id: '2', title: '测试一', desc: '简介', data_type: '0', category: [], number: 4, sort: '0', sort_rules: '0', is_cover: '1', data_list: [] },
|
||||
{ id: '3', title: '测试二', desc: '简介', data_type: '0', category: [], number: 4, sort: '0', sort_rules: '0', is_cover: '1', data_list: [] },
|
||||
{ id: '4', title: '测试三', desc: '简介', data_type: '0', category: [], number: 4, sort: '0', sort_rules: '0', is_cover: '1', data_list: [] },
|
||||
{ id: '5', title: '测试四', desc: '简介', data_type: '0', category: [], number: 4, sort: '0', sort_rules: '0', is_cover: '1', data_list: [] },
|
||||
{ id: '6', title: '测试五', desc: '简介', data_type: '0', category: [], number: 4, sort: '0', sort_rules: '0', is_cover: '1', data_list: [] },
|
||||
{ id: '1', title: '热门推荐', desc: '简介', data_type: '0', category: [], number: 4, sort: '0', sort_rules: '0', is_cover: '1', data_list: [], data_auto_list: [] },
|
||||
{ id: '2', title: '测试一', desc: '简介', data_type: '0', category: [], number: 4, sort: '0', sort_rules: '0', is_cover: '1', data_list: [], data_auto_list: [] },
|
||||
{ id: '3', title: '测试二', desc: '简介', data_type: '0', category: [], number: 4, sort: '0', sort_rules: '0', is_cover: '1', data_list: [], data_auto_list: [] },
|
||||
{ id: '4', title: '测试三', desc: '简介', data_type: '0', category: [], number: 4, sort: '0', sort_rules: '0', is_cover: '1', data_list: [], data_auto_list: [] },
|
||||
{ id: '5', title: '测试四', desc: '简介', data_type: '0', category: [], number: 4, sort: '0', sort_rules: '0', is_cover: '1', data_list: [], data_auto_list: [] },
|
||||
{ id: '6', title: '测试五', desc: '简介', data_type: '0', category: [], number: 4, sort: '0', sort_rules: '0', is_cover: '1', data_list: [], data_auto_list: [] },
|
||||
],
|
||||
field_show: ['0', '1'],
|
||||
},
|
||||
|
|
|
|||
|
|
@ -9,6 +9,7 @@ interface DefaultCoupon {
|
|||
desc: string;
|
||||
data_list: object[];
|
||||
data_ids: string;
|
||||
data_auto_list: object[];
|
||||
};
|
||||
style: {
|
||||
price_color: string;
|
||||
|
|
@ -43,6 +44,7 @@ const defaultCoupoin: DefaultCoupon = {
|
|||
desc: '领券下单·享购物优惠',
|
||||
data_list: [],
|
||||
data_ids: '',
|
||||
data_auto_list: [],
|
||||
},
|
||||
style: {
|
||||
price_color: '#FF3830',
|
||||
|
|
|
|||
|
|
@ -85,7 +85,6 @@ const form = ref<diy_data_item>({
|
|||
const diy_data_item = ref({});
|
||||
|
||||
const key = ref('');
|
||||
const api_count = ref(0);
|
||||
|
||||
const right_update = (item: any, diy: [Array<any>], header: headerAndFooter, footer: headerAndFooter) => {
|
||||
diy_data_item.value = item;
|
||||
|
|
@ -127,11 +126,8 @@ const clear_data_event = () => {
|
|||
};
|
||||
//#region 页面初始化数据 ---------------------start
|
||||
// 页面加载
|
||||
onBeforeMount(async () => {
|
||||
await common_init();
|
||||
});
|
||||
onMounted(() => {
|
||||
init();
|
||||
common_init();
|
||||
});
|
||||
const is_empty = ref(false);
|
||||
const init = () => {
|
||||
|
|
@ -142,13 +138,13 @@ const init = () => {
|
|||
} else {
|
||||
is_empty.value = true;
|
||||
}
|
||||
api_count.value += 1;
|
||||
loading_event(api_count.value);
|
||||
loading_event();
|
||||
});
|
||||
} else {
|
||||
temp_form.value.header.com_data = defaultSettings.header_nav;
|
||||
temp_form.value.footer.com_data = defaultSettings.footer_nav;
|
||||
form.value = cloneDeep(temp_form.value);
|
||||
api_count.value = 1;
|
||||
loading_event(api_count.value);
|
||||
loading_event();
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -156,20 +152,17 @@ const init = () => {
|
|||
const common_init = () => {
|
||||
CommonAPI.getInit().then((res: any) => {
|
||||
common_store.set_common(res.data);
|
||||
api_count.value += 1;
|
||||
loading_event(api_count.value);
|
||||
init();
|
||||
});
|
||||
};
|
||||
// 加载动画
|
||||
const loading = ref(true);
|
||||
const loading_content = ref(true);
|
||||
const loading_event = (count: number) => {
|
||||
if (count == 2) {
|
||||
loading_content.value = false;
|
||||
setTimeout(() => {
|
||||
loading.value = false;
|
||||
}, 1000);
|
||||
}
|
||||
const loading_event = () => {
|
||||
loading_content.value = false;
|
||||
setTimeout(() => {
|
||||
loading.value = false;
|
||||
}, 1000);
|
||||
};
|
||||
//#endregion 页面初始化数据 ---------------------end
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue