1.链接新增loading

2.axios拦截器新增'X-Requested-With': 'XMLHttpRequest'配置

src/components/common/url-value/link-articles.vue

@@ -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

src/components/common/url-value/link-brand.vue

@@ -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 = {
+const loading = ref(false);
-    value: 'id',
-    label: 'name',
-    children: 'items',
-};
 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

src/components/common/url-value/link-coupon.vue

@@ -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

src/components/common/url-value/link-goods.vue

@@ -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

src/components/common/url-value/link-table.vue

@@ -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);
         });
     }
 };

src/utils/request.ts

@@ -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) => {