From a621c6402a5b0a36e387b206049675eca8d88cf6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9C=A8=E7=93=9C=E4=B8=80=E5=9D=97=E5=85=AB?=
 <2523890936@qq.com>
Date: Tue, 26 Aug 2025 16:43:41 +0800
Subject: [PATCH] bugfix

---
 .../homePage/ncmatch/favoriteBox/index.vue    | 21 +++++++++++--------
 .../homePage/ncmatch/historyBox/index.vue     |  5 ++++-
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/f/web-kboss/src/views/homePage/ncmatch/favoriteBox/index.vue b/f/web-kboss/src/views/homePage/ncmatch/favoriteBox/index.vue
index a7d2119..7614630 100644
--- a/f/web-kboss/src/views/homePage/ncmatch/favoriteBox/index.vue
+++ b/f/web-kboss/src/views/homePage/ncmatch/favoriteBox/index.vue
@@ -14,13 +14,13 @@
                 <span class="radio-text">企业需求</span>
             </label>
         </div>
-   <div class="history-list" v-if="productList.length > 0">
+   <div v-loading="loadingBox" class="history-list" v-if="productList.length > 0">
     <div class="history-item" v-for="item in productList" :key="item.id">
       <div class="history-date">
-        <span class="date-text">{{ formatBrowseDate(item.create_at) }}</span>
-        <span class="relative-time">{{ getRelativeTime(item.create_at) }}</span>
+        <span class="date-text">{{ formatBrowseDate(item.browse_date) }}</span>
+        <span class="relative-time">{{ getRelativeTime(item.browse_date) }}</span>
       </div>
-      <div class="follow-content">
+      <div class="history-content">
                           <productCard 
                     contentType="favorite"
             :productList="item.products" 
@@ -44,6 +44,7 @@ export default {
     name: 'followBox',
     data() {
         return {
+            loadingBox:false,
             productList: [],
             value1: null,
             publish_type: '1', // 默认选择企业商品
@@ -67,10 +68,12 @@ export default {
             this.reqFavoriteSearch();
         },
         reqFavoriteSearch() {
+            this.loadingBox = true;
             reqFavoriteSearch({
                 url_list: window.location.href,
                 publish_type: this.publish_type // 传递发布类型参数
             }).then(res => {
+                this.loadingBox = false;
                 if (res.status) {
                     // 处理数据结构，将product_info的子项提升到上一级
                     this.productList = this.flattenProductInfo(res.data.favorites);
@@ -235,11 +238,11 @@ export default {
 }
 
 /* 关注记录列表样式 */
-.follow-list {
+.history-list {
     margin-top: 20px;
 }
 
-.follow-item {
+.history-item {
     background: #fff;
     border-radius: 12px;
     padding: 20px;
@@ -249,12 +252,12 @@ export default {
     transition: all 0.3s ease;
 }
 
-.follow-item:hover {
+.history-item:hover {
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
     /* transform: translateY(-2px); */
 }
 
-.follow-date {
+.history-date {
     display: flex;
     align-items: center;
     margin-bottom: 16px;
@@ -277,7 +280,7 @@ export default {
     border-radius: 12px;
 }
 
-.follow-content {
+.history-content {
     margin-top: 8px;
 }
 
diff --git a/f/web-kboss/src/views/homePage/ncmatch/historyBox/index.vue b/f/web-kboss/src/views/homePage/ncmatch/historyBox/index.vue
index 5ee8770..94c241b 100644
--- a/f/web-kboss/src/views/homePage/ncmatch/historyBox/index.vue
+++ b/f/web-kboss/src/views/homePage/ncmatch/historyBox/index.vue
@@ -14,7 +14,7 @@
                 <span class="radio-text">企业需求</span>
             </label>
         </div>
-   <div class="history-list" v-if="productList.length > 0">
+   <div v-loading="loadingBox" class="history-list" v-if="productList.length > 0">
     <div class="history-item" v-for="item in productList" :key="item.id">
       <div class="history-date">
         <span class="date-text">{{ formatBrowseDate(item.browse_date) }}</span>
@@ -44,6 +44,7 @@ export default {
     name: 'historyBox',
     data() {
         return {
+            loadingBox:false,
             productList: [],
             value1: null,
             publish_type: '1', // 默认选择企业商品
@@ -67,10 +68,12 @@ export default {
             this.reqUserBrowseHistorySearch();
         },
         reqUserBrowseHistorySearch() {
+            this.loadingBox = true;
             reqUserBrowseHistorySearch({
                 url_list: window.location.href,
                 publish_type: this.publish_type // 传递发布类型参数
             }).then(res => {
+                this.loadingBox = false;
                 if (res.status) {
                     // 处理数据结构，将product_info的子项提升到上一级
                     this.productList = this.flattenProductInfo(res.data.history_list);