1.链接新增loading

2.axios拦截器新增'X-Requested-With': 'XMLHttpRequest'配置
v1.0.0
sws 2024-10-21 14:09:46 +08:00
parent 503a640d00
commit eb836524b8
6 changed files with 38 additions and 12 deletions

View File

@ -12,7 +12,7 @@
</el-input>
</div>
<div class="content">
<el-table :data="tableData" class="w" :header-cell-style="{ background: '#f7f7f7' }" row-key="id" height="438" fixed @row-click="row_click" @select="handle_select" @select-all="handle_select">
<el-table v-loading="loading" :data="tableData" class="w" :header-cell-style="{ background: '#f7f7f7' }" row-key="id" height="438" fixed @row-click="row_click" @select="handle_select" @select-all="handle_select">
<el-table-column v-if="multiple" type="selection" width="60" />
<el-table-column v-else label="#" width="60" type="">
<template #default="scope">
@ -72,6 +72,7 @@ onMounted(() => {
const modelValue = defineModel({ type: Object, default: {} });
const tableData = ref<pageLinkList[]>([]);
const search_value = ref('');
const loading = ref(false);
const init = () => {
template_selection.value = '';
category_ids.value = '';
@ -105,10 +106,14 @@ const get_list = (new_page: number) => {
category_ids: category_ids.value,
page_size: page_size.value,
};
loading.value = true;
UrlValueAPI.getArticleList(new_data).then((res: any) => {
tableData.value = res.data.data_list;
data_total.value = res.data.data_total;
page.value = res.data.page;
setTimeout(() => {
loading.value = false;
}, 500);
});
};
//#region -----------------------------------------------end

View File

@ -12,7 +12,7 @@
</el-input>
</div>
<div class="content">
<el-table :data="tableData" class="w" :header-cell-style="{ background: '#f7f7f7' }" row-key="id" height="438" fixed @row-click="row_click" @select="handle_select" @select-all="handle_select">
<el-table v-loading="loading" :data="tableData" class="w" :header-cell-style="{ background: '#f7f7f7' }" row-key="id" height="438" fixed @row-click="row_click" @select="handle_select" @select-all="handle_select">
<el-table-column v-if="multiple" type="selection" width="60" />
<el-table-column v-else label="#" width="60" type="">
<template #default="scope">
@ -73,11 +73,7 @@ onMounted(() => {
const modelValue = defineModel({ type: Object, default: {} });
const tableData = ref<pageLinkList[]>([]);
const search_value = ref('');
const cascader_config = {
value: 'id',
label: 'name',
children: 'items',
};
const loading = ref(false);
const init = () => {
template_selection.value = '';
category_ids.value = [];
@ -110,10 +106,14 @@ const get_list = (new_page: number) => {
page_size: page_size.value,
category_ids: brand_ids.value,
};
loading.value = true;
UrlValueAPI.getBrandList(new_data).then((res: any) => {
tableData.value = res.data.data_list;
data_total.value = res.data.data_total;
page.value = res.data.page;
setTimeout(() => {
loading.value = false;
}, 500);
});
};
//#region -----------------------------------------------end

View File

@ -12,7 +12,7 @@
</el-input>
</div>
<div class="content">
<el-table :data="tableData" class="w" :header-cell-style="{ background: '#f7f7f7' }" row-key="id" height="438" fixed @row-click="row_click" @select="handle_select" @select-all="handle_select">
<el-table v-loading="loading" :data="tableData" class="w" :header-cell-style="{ background: '#f7f7f7' }" row-key="id" height="438" fixed @row-click="row_click" @select="handle_select" @select-all="handle_select">
<el-table-column v-if="multiple" type="selection" width="60" />
<el-table-column v-else label="#" width="60" type="">
<template #default="scope">
@ -71,6 +71,7 @@ onMounted(() => {
const modelValue = defineModel({ type: Object, default: {} });
const tableData = ref<pageLinkList[]>([]);
const search_value = ref('');
const loading = ref(false);
const init = () => {
template_selection.value = '';
type.value = '';
@ -106,10 +107,14 @@ const get_list = (new_page: number) => {
type: type.value,
page_size: page_size.value,
};
loading.value = true;
UrlValueAPI.getCouponList(new_data).then((res: any) => {
tableData.value = res.data.data_list;
data_total.value = res.data.data_total;
page.value = res.data.page;
setTimeout(() => {
loading.value = false;
}, 500);
});
};
//#region -----------------------------------------------end

View File

@ -13,7 +13,7 @@
</el-input>
</div>
<div class="content">
<el-table :data="tableData" class="w" :header-cell-style="{ background: '#f7f7f7' }" row-key="id" height="438" fixed @row-click="row_click" @select="handle_select" @select-all="handle_select">
<el-table v-loading="loading" :data="tableData" class="w" :header-cell-style="{ background: '#f7f7f7' }" row-key="id" height="438" fixed @row-click="row_click" @select="handle_select" @select-all="handle_select">
<el-table-column v-if="multiple" type="selection" width="60" />
<el-table-column v-else label="#" width="60" type="">
<template #default="scope">
@ -75,6 +75,7 @@ onMounted(() => {
const modelValue = defineModel({ type: Object, default: {} });
const tableData = ref<pageLinkList[]>([]);
const search_value = ref('');
const loading = ref(false);
const cascader_config = {
value: 'id',
label: 'name',
@ -120,10 +121,14 @@ const get_list = (new_page: number) => {
page_size: page_size.value,
category_ids: category_ids.value.length > 0 ? category_ids.value[category_ids.value.length - 1] : '',
};
loading.value = true;
UrlValueAPI.getGoodsList(new_data).then((res: any) => {
tableData.value = res.data.data_list;
data_total.value = res.data.data_total;
page.value = res.data.page;
setTimeout(() => {
loading.value = false;
}, 500);
});
};
//#region -----------------------------------------------end

View File

@ -9,7 +9,7 @@
</el-input>
</div>
<div class="content">
<el-table :data="tableData" class="w" :header-cell-style="{ background: '#f7f7f7' }" row-key="id" height="438" fixed @row-click="row_click" @select="handle_select" @select-all="handle_select">
<el-table v-loading="loading" :data="tableData" class="w" :header-cell-style="{ background: '#f7f7f7' }" row-key="id" height="438" fixed @row-click="row_click" @select="handle_select" @select-all="handle_select">
<el-table-column v-if="multiple" type="selection" width="60" />
<el-table-column v-else label="#" width="60" type="">
<template #default="scope">
@ -72,7 +72,7 @@ onMounted(() => {
const modelValue = defineModel({ type: Object, default: {} });
const tableData = ref<pageLinkList[]>([]);
const search_value = ref('');
const loading = ref(false);
const init = () => {
template_selection.value = '';
search_value.value = '';
@ -97,23 +97,33 @@ const get_list = (new_page: number) => {
page_size: page_size.value,
keywords: search_value.value,
};
loading.value = true;
if (props.type == 'diy') {
UrlValueAPI.getDiyList(new_data).then((res: any) => {
tableData.value = res.data.data_list;
data_total.value = res.data.data_total;
page.value = res.data.page;
setTimeout(() => {
loading.value = false;
}, 500);
});
} else if (props.type == 'design') {
UrlValueAPI.getDesignList(new_data).then((res: any) => {
tableData.value = res.data.data_list;
data_total.value = res.data.data_total;
page.value = res.data.page;
setTimeout(() => {
loading.value = false;
}, 500);
});
} else if (props.type == 'custom-view') {
UrlValueAPI.getCustomList(new_data).then((res: any) => {
tableData.value = res.data.data_list;
data_total.value = res.data.data_total;
page.value = res.data.page;
setTimeout(() => {
loading.value = false;
}, 500);
});
}
};

View File

@ -26,7 +26,7 @@ const pro_url = window.location.href.substring(0, index);
const service = axios.create({
baseURL: import.meta.env.VITE_APP_BASE_API == '/dev-api' ? import.meta.env.VITE_APP_BASE_API : pro_url + '?s=',
timeout: 60000,
headers: { 'Content-Type': 'application/json;charset=utf-8' },
headers: { 'Content-Type': 'application/json;charset=utf-8', 'X-Requested-With': 'XMLHttpRequest' },
});
/** @ts-ignore */
// 请求拦截器
@ -43,6 +43,7 @@ service.interceptors.request.use(
config.url = config.url + '&token=' + JSON.parse(cookie).token;
}
}
console.log(config);
return config;
},
(error: any) => {