fix: 删除热销商品请求接口

boyang
1 parent 7ca465a9
Showing 4 changed files with 15 additions and 531 deletions
components/CategoryList.vue
nuxt.config.ts
pages/contact.vue
pages/products/index.vue
@@ -316,173 +316,9 @@ import type { ProductImage } from &quot;~/type&quot;;
 import { isMobile, isEqual } from "~/utils";
 import { watchEffect, ref } from "vue";
-const loading = ref(false);
-const hotLoading = ref(false);
 const title = ref("");
-const keywordTitle = ref("");
-const maxPage = ref(1);
-const tabRecom = ref();
-const recommendList = ref({});
-const recommendImages = ref({});
-const currentIndex = ref(1);
-const hotTotal = ref(10);
-const isOrNotMobile = ref(isMobile());
-const maxPageMobile = ref(1);
-const recommendListMobile = ref({});
-const recommendImagesMobile = ref({});
-const currentIndexMobile = ref(1);
-const hotLoadingMobile = ref(false);
-const hotTotalMobile = ref(10);
-
-const loadHotProducts = async () => {
-  const pageSize = 5;
-  let { data: hotProducts } = await useAsyncData(
-    "hotProducts",
-    () =>
-      $fetch("/shop/product/hotProducts", {
-        method: "GET",
-        params: {
-          pageNo: currentIndex.value,
-          pageSize: pageSize,
-        },
-      }),
-    {
-      server: true, // 仅在服务器端获取数据
-    }
-  );
-  hotTotal.value = hotProducts.value.data.total;
-  recommendList.value = hotProducts.value.data.records;
-  maxPage.value = hotProducts.value.data.pages;
-  // recommendImages.value = recommendList.value.slice(0, 10).map((item) => {
-  recommendImages.value = Array.from({ length: 5 }).map((_, index) => {
-    const item = recommendList.value[index];
-    if (!item) {
-      return null;
-    }
-    // 检查 productimageliststore 是否为字符串格式，如果是，则尝试解析
-    if (typeof item.productimageliststore === "string") {
-      try {
-        item.productimageliststore = JSON.parse(item.productimageliststore);
-      } catch (error) {
-        item.productimageliststore = []; // 解析失败时，设置为空数组
-      }
-    }
-    const ree = (item.productimageliststore = item?.productimageliststore.map(
-      (productItem: ProductImage) => ({
-        ...productItem,
-        // url: `http://112.74.45.244:8100/api/show/image?fileKey=${item.fileKey}`,
-        url: `https://www.canrud.com/api/show/image?fileKey=${productItem.fileKey}&psize=p256`,
-        name: item.name,
-        productUrl: `https://www.canrud.com/products/detail/${item.id}`,
-      })
-    ));
-    return ree;
-  });
-};
-
-const toggleRowLeft = () => {
-  if (currentIndex.value !== 1) {
-    currentIndex.value--;
-  } else if (currentIndex.value == 1) {
-    currentIndex.value = maxPage.value;
-  }
-  startTimer();
-};
-let intervalId: any;
-const toggleRowRight = () => {
-  if (currentIndex.value < maxPage.value) {
-    currentIndex.value++;
-  } else if (currentIndex.value == maxPage.value) {
-    currentIndex.value = 1;
-  }
-  startTimer();
-};
-const startTimer = () => {
-  // 清除已有计时器，防止重复
-  clearInterval(intervalId);
-  intervalId = setInterval(() => {
-    toggleRowRight();
-  }, 5000); // 每6秒调用一次
-};
-
-onMounted(() => {
-  startTimer();
-});
-
 const { width } = useDisplay();
-const firstHotIndex = ref(true);
-
-watch(currentIndex, (newIndex) => {
-  loadHotProducts(); // Call loadHotProducts when currentIndex changes
-});
-
-const loadHotProductsMobile = async () => {
-  hotLoadingMobile.value = true;
-  let { data: hotProductsMobile } = await useAsyncData(
-    "hotProducts",
-    () =>
-      $fetch("/shop/product/hotProducts", {
-        method: "GET",
-        params: {
-          pageNo: currentIndexMobile.value,
-          pageSize: 4,
-        },
-      }),
-    {
-      server: true, // 仅在服务器端获取数据
-    }
-  );
-  hotTotalMobile.value = hotProductsMobile.value.data.total;
-  recommendListMobile.value = hotProductsMobile.value.data.records;
-  maxPageMobile.value = hotProductsMobile.value.data.pages;
-  // recommendImages.value = recommendList.value.slice(0, 10).map((item) => {
-  recommendImagesMobile.value = Array.from({ length: 4 }).map((_, index) => {
-    const item = recommendListMobile.value[index];
-    if (!item) {
-      return null;
-    }
-    // 检查 productimageliststore 是否为字符串格式，如果是，则尝试解析
-    if (typeof item.productimageliststore === "string") {
-      try {
-        item.productimageliststore = JSON.parse(item.productimageliststore);
-      } catch (error) {
-        item.productimageliststore = []; // 解析失败时，设置为空数组
-      }
-    }
-    const ree = (item.productimageliststore = item?.productimageliststore.map(
-      (productItem: ProductImage) => ({
-        ...productItem,
-        // url: `http://112.74.45.244:8100/api/show/image?fileKey=${item.fileKey}`,
-        url: `https://www.canrud.com/api/show/image?fileKey=${productItem.fileKey}&psize=p256`,
-        name: item.name,
-        productUrl: `https://www.canrud.com/products/detail/${item.id}`,
-      })
-    ));
-    return ree;
-  });
-  hotLoadingMobile.value = false;
-};
-watch(currentIndexMobile, (newIndex) => {
-  loadHotProductsMobile(); // Call loadHotProducts when currentIndex changes
-});
-watchEffect(async () => {
-  console.log("Current route:", route.fullPath, "Width:", width.value);
-
-  if (firstHotIndex.value) {
-    if (width.value > 600) {
-      await loadHotProducts();
-    } else {
-      await loadHotProductsMobile();
-    }
-  }
-});
-const length = computed(() =>
-  productStore.total ? Math.ceil(productStore.total / productStore.pageSize) : 0
-);
-const hotLength = computed(() =>
-  hotTotalMobile.value ? Math.ceil(hotTotalMobile.value / 4) : 0
-);
 </script>
 <style scoped>
 .title {
@@ -56,14 +56,14 @@ export default defineNuxtConfig({
   nitro: {
     devProxy: {
       "/shop": {
-        target: "http://47.89.254.121:8002/shop", // 线上代理地址
-        // target: "http://127.0.0.1:8002/shop",
+        // target: "http://47.89.254.121:8002/shop", // 线上代理地址
+        target: "http://127.0.0.1:8002/shop",
         // target: process.env.BASE_URL || 'http://39.108.227.113:8002/shop', // 目标接口域名
         changeOrigin: true, // 表示是否跨域
       },
       "/email": {
-        target: "http://47.89.254.121:8002/email", // 线上代理地址
-        // target: "http://127.0.0.1:8002/shop",
+        // target: "http://47.89.254.121:8002/email", // 线上代理地址
+        target: "http://127.0.0.1:8002/shop",
         // target: process.env.BASE_URL || 'http://39.108.227.113:8002/shop', // 目标接口域名
         changeOrigin: true, // 表示是否跨域
       },
@@ -77,13 +77,13 @@ export default defineNuxtConfig({
     // 该配置用于服务端请求转发
     routeRules: {
       "/shop/**": {
-        proxy: "http://47.89.254.121:8002/shop/**",
-        // proxy: "http://127.0.0.1:8002/shop/**",
+        // proxy: "http://47.89.254.121:8002/shop/**",
+        proxy: "http://127.0.0.1:8002/shop/**",
         // proxy: process.env.BASE_URL || 'http://39.108.227.113:8002/shop/**'
       },
       "/email/**": {
-        proxy: "http://47.89.254.121:8002/email/**",
-        // proxy: "http://127.0.0.1:8002/shop/**",
+        // proxy: "http://47.89.254.121:8002/email/**",
+        proxy: "http://127.0.0.1:8002/shop/**",
         // proxy: process.env.BASE_URL || 'http://39.108.227.113:8002/shop/**'
       },
@@ -244,27 +244,6 @@ import { ref, reactive } from &quot;vue&quot;;
 import { useVuelidate } from "@vuelidate/core";
 import { email, required, maxLength } from "@vuelidate/validators";
-const productStore = useProductListStore();
-const categoryStore = useCategoryStore();
-const loading = ref(false);
-const hotLoading = ref(false);
-const route = useRoute(); // 获取路由信息
-const router = useRouter(); // 获取路由信息
-const title = ref("");
-const keywordTitle = ref("");
-const maxPage = ref(1);
-const maxPageMobile = ref(1);
-const tabRecom = ref();
-const recommendList = ref({});
-const recommendImages = ref({});
-const currentIndex = ref(1);
-const hotTotal = ref(10);
-const isOrNotMobile = isMobile();
-const recommendListMobile = ref({});
-const recommendImagesMobile = ref({});
-const currentIndexMobile = ref(1);
-const hotLoadingMobile = ref(false);
-const hotTotalMobile = ref(10);
 const verified = ref(false); // 验证状态
 const snackbar = ref(false);
 const snackbarFailed = ref(false);
@@ -386,153 +365,7 @@ const loadRecaptchaScript = (callback) =&gt; {
   document.head.appendChild(script);
 };
-const loadHotProducts = async () => {
-  hotLoading.value = true;
-  let { data: hotProducts } = await useAsyncData(
-    "hotProducts",
-    () =>
-      $fetch("/shop/product/hotProducts", {
-        method: "GET",
-        params: {
-          pageNo: currentIndex.value,
-          pageSize: 5,
-        },
-      }),
-    {
-      server: true, // 仅在服务器端获取数据
-    }
-  );
-  hotTotal.value = hotProducts.value.data.total;
-  recommendList.value = hotProducts.value.data.records;
-  maxPage.value = hotProducts.value.data.pages;
-  // recommendImages.value = recommendList.value.slice(0, 10).map((item) => {
-  recommendImages.value = Array.from({ length: 5 }).map((_, index) => {
-    const item = recommendList.value[index];
-    if (!item) {
-      return null;
-    }
-    // 检查 productimageliststore 是否为字符串格式，如果是，则尝试解析
-    if (typeof item.productimageliststore === "string") {
-      try {
-        item.productimageliststore = JSON.parse(item.productimageliststore);
-      } catch (error) {
-        item.productimageliststore = []; // 解析失败时，设置为空数组
-      }
-    }
-    const ree = (item.productimageliststore = item?.productimageliststore.map(
-      (productItem: ProductImage) => ({
-        ...productItem,
-        // url: `http://112.74.45.244:8100/api/show/image?fileKey=${item.fileKey}`,
-        url: `https://www.canrud.com/api/show/image?fileKey=${productItem.fileKey}&psize=p256`,
-        name: item.name,
-        productUrl: `https://www.canrud.com/products/detail/${item.id}`,
-      })
-    ));
-    return ree;
-  });
-  hotLoading.value = false;
-};
-
-const toggleRowLeft = () => {
-  if (currentIndex.value !== 1) {
-    currentIndex.value--;
-  } else if (currentIndex.value == 1) {
-    currentIndex.value = maxPage.value;
-  }
-  startTimer();
-};
-let intervalId: any;
-const toggleRowRight = () => {
-  if (currentIndex.value < maxPage.value) {
-    currentIndex.value++;
-  } else if (currentIndex.value == maxPage.value) {
-    currentIndex.value = 1;
-  }
-  startTimer();
-};
-const startTimer = () => {
-  // 清除已有计时器，防止重复
-  clearInterval(intervalId);
-  intervalId = setInterval(() => {
-    toggleRowRight();
-  }, 5000); // 每6秒调用一次
-};
-
-onMounted(() => {
-  startTimer();
-});
-
-const toggleRowMobile = (value: number) => {
-  currentIndexMobile.value = value;
-};
-const { width } = useDisplay();
-const firstIndex = ref(true);
-
-watch(currentIndex, (newIndex) => {
-  loadHotProducts(); // Call loadHotProducts when currentIndex changes
-});
-
-const loadHotProductsMobile = async () => {
-  hotLoadingMobile.value = true;
-  let { data: hotProductsMobile } = await useAsyncData(
-    "hotProducts",
-    () =>
-      $fetch("/shop/product/hotProducts", {
-        method: "GET",
-        params: {
-          pageNo: currentIndexMobile.value,
-          pageSize: 4,
-        },
-      }),
-    {
-      server: true, // 仅在服务器端获取数据
-    }
-  );
-  hotTotalMobile.value = hotProductsMobile.value.data.total;
-  recommendListMobile.value = hotProductsMobile.value.data.records;
-  maxPageMobile.value = hotProductsMobile.value.data.pages;
-  // recommendImages.value = recommendList.value.slice(0, 10).map((item) => {
-  recommendImagesMobile.value = Array.from({ length: 4 }).map((_, index) => {
-    const item = recommendListMobile.value[index];
-    if (!item) {
-      return null;
-    }
-    // 检查 productimageliststore 是否为字符串格式，如果是，则尝试解析
-    if (typeof item.productimageliststore === "string") {
-      try {
-        item.productimageliststore = JSON.parse(item.productimageliststore);
-      } catch (error) {
-        item.productimageliststore = []; // 解析失败时，设置为空数组
-      }
-    }
-    const ree = (item.productimageliststore = item?.productimageliststore.map(
-      (productItem: ProductImage) => ({
-        ...productItem,
-        // url: `http://112.74.45.244:8100/api/show/image?fileKey=${item.fileKey}`,
-        url: `https://www.canrud.com/api/show/image?fileKey=${productItem.fileKey}&psize=p256`,
-        name: item.name,
-        productUrl: `https://www.canrud.com/products/detail/${item.id}`,
-      })
-    ));
-    return ree;
-  });
-  hotLoadingMobile.value = false;
-};
-watch(currentIndexMobile, (newIndex) => {
-  loadHotProductsMobile(); // Call loadHotProducts when currentIndex changes
-});
-// Initial load of hot products
-watchEffect(async () => {
-  console.log("Current route:", route.fullPath, "Width:", width.value);
-  if (firstIndex.value) {
-    if (width.value > 600) {
-      await loadHotProducts();
-    } else {
-      await loadHotProductsMobile();
-    }
-  }
-});
 useHead({
   title: "Contact",
 });
@@ -748,10 +581,13 @@ button .recommendButton {
 span a {
   color: black;
 }
-.icon{
-  display: flex; gap: 16px; align-items: center
+.icon {
+  display: flex;
+  gap: 16px;
+  align-items: center;
 }
-.mobileIcon{
-  gap: 16px; align-items: center
+.mobileIcon {
+  gap: 16px;
+  align-items: center;
 }
 </style>
@@ -89,196 +89,11 @@ import { watchEffect, computed, ref } from &quot;vue&quot;;
 const productStore = useProductListStore();
 const categoryStore = useCategoryStore();
 const loading = ref(false);
-const hotLoading = ref(false);
 const route = useRoute(); // 获取路由信息
 const router = useRouter(); // 获取路由信息
 const title = ref("");
 const keywordTitle = ref("");
-const maxPage = ref(1);
-const tabRecom = ref();
-const recommendList = ref({});
-const recommendImages = ref({});
-const currentIndex = ref(1);
-const hotTotal = ref(10);
-const isOrNotMobile = ref(isMobile());
-const maxPageMobile = ref(1);
-const recommendListMobile = ref({});
-const recommendImagesMobile = ref({});
-const currentIndexMobile = ref(1);
-const hotLoadingMobile = ref(false);
-const hotTotalMobile = ref(10);
-const loadHotProducts = async () => {
-  const pageSize = 5;
-  let { data: hotProducts } = await useAsyncData(
-    "hotProducts",
-    () =>
-      $fetch("/shop/product/hotProducts", {
-        method: "GET",
-        params: {
-          pageNo: currentIndex.value,
-          pageSize: pageSize,
-        },
-      }),
-    {
-      server: true, // 仅在服务器端获取数据
-    }
-  );
-  hotTotal.value = hotProducts.value.data.total;
-  recommendList.value = hotProducts.value.data.records;
-  maxPage.value = hotProducts.value.data.pages;
-  // recommendImages.value = recommendList.value.slice(0, 10).map((item) => {
-  recommendImages.value = Array.from({ length: 5 }).map((_, index) => {
-    const item = recommendList.value[index];
-    if (!item) {
-      return null;
-    }
-    // 检查 productimageliststore 是否为字符串格式，如果是，则尝试解析
-    if (typeof item.productimageliststore === "string") {
-      try {
-        item.productimageliststore = JSON.parse(item.productimageliststore);
-      } catch (error) {
-        item.productimageliststore = []; // 解析失败时，设置为空数组
-      }
-    }
-    const ree = (item.productimageliststore = item?.productimageliststore.map(
-      (productItem: ProductImage) => ({
-        ...productItem,
-        // url: `http://112.74.45.244:8100/api/show/image?fileKey=${item.fileKey}`,
-        url: `https://www.canrud.com/api/show/image?fileKey=${productItem.fileKey}&psize=p256`,
-        name: item.name,
-        productUrl: `https://www.canrud.com/products/detail/${item.id}`,
-      })
-    ));
-    return ree;
-  });
-};
-
-const toggleRowLeft = () => {
-  if (currentIndex.value !== 1) {
-    currentIndex.value--;
-  } else if (currentIndex.value == 1) {
-    currentIndex.value = maxPage.value;
-  }
-  startTimer();
-};
-let intervalId: any;
-const toggleRowRight = () => {
-  if (currentIndex.value < maxPage.value) {
-    currentIndex.value++;
-  } else if (currentIndex.value == maxPage.value) {
-    currentIndex.value = 1;
-  }
-  startTimer();
-};
-const startTimer = () => {
-  // 清除已有计时器，防止重复
-  clearInterval(intervalId);
-  intervalId = setInterval(() => {
-    toggleRowRight();
-  }, 5000); // 每6秒调用一次
-};
-
-onMounted(() => {
-  startTimer();
-});
-
-const toggleRowMobile = (value: number) => {
-  currentIndexMobile.value = value;
-};
-const { width } = useDisplay();
-const firstHotIndex = ref(true);
-
-// // 监听屏幕宽度变化
-// watch(width, async (newWidth) => {
-//   console.log(newWidth, "5656widthvalue");
-//   if (firstHotIndex.value) {
-//     if (newWidth > 600) {
-//       await loadHotProducts();
-//     } else {
-//       await loadHotProductsMobile();
-//     }
-//   }
-// });
-
-// // 监听路由变化
-// watch(
-//   () => route.fullPath,
-//   async () => {
-//     if (firstHotIndex.value) {
-//       if (width.value > 600) {
-//         await loadHotProducts();
-//       } else {
-//         await loadHotProductsMobile();
-//       }
-//     }
-//   }
-// );
-
-watch(currentIndex, (newIndex) => {
-  loadHotProducts(); // Call loadHotProducts when currentIndex changes
-});
-
-const loadHotProductsMobile = async () => {
-  hotLoadingMobile.value = true;
-  let { data: hotProductsMobile } = await useAsyncData(
-    "hotProducts",
-    () =>
-      $fetch("/shop/product/hotProducts", {
-        method: "GET",
-        params: {
-          pageNo: currentIndexMobile.value,
-          pageSize: 4,
-        },
-      }),
-    {
-      server: true, // 仅在服务器端获取数据
-    }
-  );
-  hotTotalMobile.value = hotProductsMobile.value.data.total;
-  recommendListMobile.value = hotProductsMobile.value.data.records;
-  maxPageMobile.value = hotProductsMobile.value.data.pages;
-  // recommendImages.value = recommendList.value.slice(0, 10).map((item) => {
-  recommendImagesMobile.value = Array.from({ length: 4 }).map((_, index) => {
-    const item = recommendListMobile.value[index];
-    if (!item) {
-      return null;
-    }
-    // 检查 productimageliststore 是否为字符串格式，如果是，则尝试解析
-    if (typeof item.productimageliststore === "string") {
-      try {
-        item.productimageliststore = JSON.parse(item.productimageliststore);
-      } catch (error) {
-        item.productimageliststore = []; // 解析失败时，设置为空数组
-      }
-    }
-    const ree = (item.productimageliststore = item?.productimageliststore.map(
-      (productItem: ProductImage) => ({
-        ...productItem,
-        // url: `http://112.74.45.244:8100/api/show/image?fileKey=${item.fileKey}`,
-        url: `https://www.canrud.com/api/show/image?fileKey=${productItem.fileKey}&psize=p256`,
-        name: item.name,
-        productUrl: `https://www.canrud.com/products/detail/${item.id}`,
-      })
-    ));
-    return ree;
-  });
-  hotLoadingMobile.value = false;
-};
-watch(currentIndexMobile, (newIndex) => {
-  loadHotProductsMobile(); // Call loadHotProducts when currentIndex changes
-});
-watchEffect(async () => {
-  console.log("Current route:", route.fullPath, "Width:", width.value);
-
-  if (firstHotIndex.value) {
-    if (width.value > 600) {
-      await loadHotProducts();
-    } else {
-      await loadHotProductsMobile();
-    }
-  }
-});
 watchEffect(() => {
   // 遍历数组
   if (router.currentRoute.value.query.categories) {
@@ -424,9 +239,6 @@ watchEffect(async () =&gt; {
 const length = computed(() =>
   productStore.total ? Math.ceil(productStore.total / productStore.pageSize) : 0
 );
-const hotLength = computed(() =>
-  hotTotalMobile.value ? Math.ceil(hotTotalMobile.value / 4) : 0
-);
 </script>
 <style scoped>