feat: share toast 更新

src/components/ProductCard/ProductCard.vue

@@ -1,6 +1,8 @@
 <script lang="ts" setup>
 import type {ExtractPropTypes, PropType} from "vue";
 import type {ProductDetailModel} from "~/apis/model/storeModel";
+import {debounce} from "lodash-es";
+import {throttle} from "~/utils/throttle";
 
 const props = defineProps({
   item: {
@@ -12,11 +14,26 @@ const props = defineProps({
 const emit = defineEmits<{
   (e: 'click:item', value: ExtractPropTypes<typeof props>['item']): void
 }>()
+
+function handleClick() {
+  // debounce(() => {
+  //   emit('click:item', props.item)
+
+  throttle(() => {
+    // uni.navigateTo({
+    //   url: `/pages/store/product/detail?id=${item.product_id}`
+    // })
+    emit('click:item', props.item)
+
+  })
+  // }, 100)
+
+}
 </script>
 
 <template>
   <div
-      @tap.stop="emit('click:item', item)"
+      @tap.stop="handleClick"
       class="bg-white rounded-lg"
   >
     <image :src="item.image" mode="widthFix" 	:fade-in="true" class="rounded-t-lg  !w-full aspect-square" v-if="item.type == 5"></image>

src/components/ProductList/ProductList.vue

@@ -2,6 +2,9 @@
 
 import ProductCard from "~/components/ProductCard/ProductCard.vue";
 import CXBEmpty from "~/components/CXBEmpty/CXBEmpty.vue";
+import {debounce} from "lodash-es";
+import {useThrottleFn} from "@vueuse/core";
+import {throttle} from "~/utils/throttle";
 
 const props = defineProps({
   list: {
@@ -14,11 +17,29 @@ const props = defineProps({
 })
 
 function handleClickItem(item) {
-  console.log(item)
+  // console.log(item)
   if (item.type === 5 || item.type === '5') {
+  // _.debounce(() => {
+  // debounce(() => {
+  // return useThrottleFn(() => {
+  //   uni.navigateTo({
+  //     url: `/pages/store/product/detail?id=${item.product_id}`
+  //   })
+  // }, 100)
+  //   throttle()
+
     uni.navigateTo({
       url: `/pages/store/product/detail?id=${item.product_id}`
     })
+    // throttle(() => {
+    //   uni.navigateTo({
+    //     url: `/pages/store/product/detail?id=${item.product_id}`
+    //   })
+    // })
+  // }, 200)
+
+  // })
+
   }
   // uni.navigateTo({
   // })

src/pages/dacang/list/index.vue

@@ -26,7 +26,20 @@ const state = reactive({
 })
 
 const dacangStore = useDacangStore()
+onShareAppMessage(() => {
+  return {
+    title: `消费储蓄 保障未来`,
+    path: '/pages/dacang/list/index',
+    imageUrl: 'https://cdn.bjtdba.com/vod/image/2023-10-09/20231009202402136.png'
+  }
+})
 
+onShareTimeline(() => {
+  return {
+    title: `消费储蓄 保障未来`,
+    imageUrl: 'https://cdn.bjtdba.com/vod/image/2023-10-09/20231009202402136.png',
+  }
+})
 onLoad(async () => {
   state.tabs = [{store_category_id: '-1', cate_name: '全部'}]
   const classifyRes = await getDcProductClassify()
@@ -38,6 +51,8 @@ onLoad(async () => {
     }
   })
 })
+
+
 onShow(async (options) => {
   usePageStore.setPageConfig({
     currentPage: {

src/pages/home/components/product-list.vue

@@ -9,6 +9,7 @@ import {
 import {DcProductModel} from "~/apis/model/dacang.model";
 import {PLATFORM_NAME} from "~/apis/model/common.model";
 import {encodeBase64} from "~/utils/http/helper";
+import {throttle} from "~/utils/throttle";
 
 const props = defineProps({
   list: {
@@ -34,15 +35,25 @@ function handleProductItemClick(
 
   function navigateToDetail(params) {
     let otherDetailUrl = `/pages/store/product/other`
-    return uni.navigateTo({
-      url: `${otherDetailUrl}?params=${params}`
-    })
+    // throttle(() => {
+
+      return uni.navigateTo({
+        url: `${otherDetailUrl}?params=${params}`
+      })
+    // })
   }
   // 大仓
   if (item.type === '5') {
-    uni.navigateTo({
-      url: `/pages/store/product/detail?id=${item.product_id}`
-    })
+    // throttle(() => {
+      // uni.navigateTo({
+      //   url: `/pages/store/product/detail?id=${item.product_id}`
+      // })
+      return uni.navigateTo({
+        url: `/pages/store/product/detail?id=${item.product_id}`
+      })
+
+    // })
+
   }
   // 京东
   if (item.type == 6) {
@@ -65,7 +76,7 @@ function handleProductItemClick(
     return navigateToDetail(encodeBase64(productParams))
   }
   // 淘宝
-  if (item.type == 5) {
+  if (item.type === 5) {
     const productParams: Partial<IProductDetail> = {
       platform: item.type,
       id: item.id,

src/pages/home/index.vue

@@ -13,6 +13,7 @@ import CXBDialogSIgnIn from "~/components/CXBDialogSignIn/CXBDialogSIgnIn.vue";
 import CXBDialogSIgnInSucceed from "~/components/CXBDialogSignInSucceed/CXBDialogSIgnInSucceed.vue";
 import {CDN_URL} from "~/config/app";
 import CXBPrivacyPopup from "~/components/CXBPrivacyPopup/CXBPrivacyPopup.vue";
+import {getShareId} from "~/apis/product";
 // import CXBDialogSIgnIn from "~/components/CXBDialogSignIn/CXBDialogSIgnIn.vue";
 // import CXBDialogSIgnInSucceed from "~/components/CXBDialogSignInSucceed/CXBDialogSIgnInSucceed.vue";
 const userStore = useUserStore()
@@ -24,6 +25,20 @@ usePageStore.setPageConfig({
   }
 })
 
+onShareAppMessage(() => {
+  return {
+    title: `消费储蓄 保障未来`,
+    path: '/pages/home/index',
+    imageUrl: 'https://cdn.bjtdba.com/vod/image/2023-10-09/20231009202402136.png'
+  }
+})
+
+onShareTimeline(() => {
+  return {
+    title: `消费储蓄 保障未来`,
+    imageUrl: 'https://cdn.bjtdba.com/vod/image/2023-10-09/20231009202402136.png'
+  }
+})
 // const list = ref([])
 const state = reactive({
   yanglaojine: {},

src/pages/order-confirm/index.vue

@@ -9,7 +9,7 @@ import FCell from "~/components/FCell/FCell.vue";
 import {encodePhone} from "~/utils";
 import {CDN_URL} from "~/config/app";
 import {useAddressStore} from "~/stores/addressStore";
-import {watchThrottled} from "@vueuse/core";
+import {useThrottle} from "@vueuse/core";
 import FField from "~/components/FField/FField.vue";
 const addressIcon = CDN_URL + '/static/assets/dingwi_220624.png'
 // const addressInfo = ref({})

src/pages/store/home/index.vue

@@ -70,7 +70,22 @@ onLoad((options: any) => {
     // getStoreProductList()
   }
 })
+onShareAppMessage(() => {
+  return {
+    title: `消费储蓄 保障未来`,
+    path: '/pages/store/home/index?id=' + id.value,
+    imageUrl: 'https://cdn.bjtdba.com/vod/image/2023-10-09/20231009202402136.png'
+  }
+})
+
+onShareTimeline(() => {
+  return {
+    title: `消费储蓄 保障未来`,
+    imageUrl: 'https://cdn.bjtdba.com/vod/image/2023-10-09/20231009202402136.png',
+    query: `id=${id.value}`
 
+  }
+})
 const is148Merchant = computed(() => {
   return merchant.value && merchant.value.mer_id && merchant.value.mer_id == '148'
 })

src/pages/store/nearby/index.vue

@@ -6,7 +6,20 @@ import CXBEmpty from "~/components/CXBEmpty/CXBEmpty.vue";
 import {USER_LATITUDE, USER_LONGITUDE} from "~/constants";
 const usePageStore = usePageStoreWidthOut()
 
+onShareAppMessage(() => {
+  return {
+    title: `消费储蓄 保障未来`,
+    path: '/pages/store/nearby/index',
+    imageUrl: 'https://cdn.bjtdba.com/vod/image/2023-10-09/20231009202402136.png'
+  }
+})
 
+onShareTimeline(() => {
+  return {
+    title: `消费储蓄 保障未来`,
+    imageUrl: 'https://cdn.bjtdba.com/vod/image/2023-10-09/20231009202402136.png'
+  }
+})
 const state = reactive({
   // 列表高度
   scrollHeight: 0,

src/pages/store/product/detail.vue

@@ -15,9 +15,9 @@ import {
 } from "~/apis/model/product.model";
 import {DcProductModel} from "~/apis/model/dacang.model";
 import {CDN_URL} from "~/config/app";
-import {debounce} from "lodash-es";
 import dayjs from "dayjs";
 import {getShareId} from "~/apis/product";
+import {debounce} from "lodash-es";
 
 const usePageStore = usePageStoreWidthOut()
 
@@ -60,6 +60,7 @@ const state = reactive({
   isNew: '0',
   cartNum: 1,
   cartCount: NaN,
+  shareImage: '',
 })
 const detail: any = ref(null)
 
@@ -114,6 +115,7 @@ function loadProductDetail() {
     // console.log(res)
     detail.value = res
 
+    state.shareImage = detail.value.image
     if (res && res.mer_id && res.mer_id === '148') {
       if (detail.value && detail.value.price ) {
         detail.value.price = detail.value.price * 30
@@ -192,6 +194,7 @@ onShareTimeline(() => {
 
   return {
     title: `${detail.value.store_name}`,
+    imageUrl:  state.shareImage,
     query: `id=${state.id}&from=share&shareID=${state.shareId}`
   }
 

src/pages/store/product/other.vue

@@ -20,11 +20,12 @@ import FButton from "~/components/FButton/FButton.vue";
 import CXBButton from "~/components/CXBButton/CXBButton.vue";
 import {debounce, merge} from "lodash-es";
 
-import { useDebounceFn } from '@vueuse/core';
+import {useDebounceFn} from '@vueuse/core';
 
 import dayjs from "dayjs";
 import {decodeBase64} from "~/utils/http/helper";
 import {CDN_URL} from "~/config/app";
+
 const discount_coupon_bg_220804Image = CDN_URL + '/static/assets/discount_coupon_bg_220804.png'
 const productId = ref('')
 //
@@ -73,6 +74,7 @@ onShow(() => {
 function mergeProductDetail(data: Partial<IProductDetail> = {}) {
   detail.value = merge(detail.value, data)
 }
+
 function loadProductDetail(product: Partial<IProductDetail>) {
   // 京东
   if (product.platform == 6) {
@@ -195,9 +197,10 @@ function loadProductDetail(product: Partial<IProductDetail>) {
 
   }
 }
+
 function handleBuyNow() {
   if (isSubmit.value) return
-  if(!userStore.uid) {
+  if (!userStore.uid) {
     isSubmit.value = true
 
     uni.navigateTo({
@@ -261,10 +264,42 @@ function handleBuyNow() {
       // console.log(detail.value.pddlink)
       // console.log(pddWx)
     } else {
-      return uni.showToast({
-        title: '商品维护中，请稍后再试',
-        icon: 'none'
+      console.log(detail.value?.platform)
+      let platformName = ''
+      let clipboardData = ''
+      if (detail.value?.platform === 5) {
+        platformName = '淘宝'
+        clipboardData = detail.value?.spreadUrl
+      }
+      if (detail.value?.platform === 9) {
+        platformName = '抖音'
+        clipboardData = detail.value?.dyZlink
+      }
+      if (detail.value?.platform == 2) {
+        platformName = '唯品会'
+        clipboardData = detail.value?.destUrl
+      }
+      if (detail.value?.platform == 3) {
+        platformName = '苏宁易购'
+        clipboardData = detail.value?.productUrlWap
+      }
+      // if (detail.value?.platform === 5) {
+      console.log(detail.value)
+      return uni.setClipboardData({
+        data: clipboardData,
+        success(res) {
+          return uni.showToast({
+            title: `链接已复制，去【${platformName}】打开即可。`,
+            icon: 'none'
+          })
+        }
       })
+
+      // }
+      // return uni.showToast({
+      //   title: '商品维护中，请稍后再试',
+      //   icon: 'none'
+      // })
     }
   }
   /*
@@ -312,8 +347,10 @@ const hasCoupon = computed(() => {
       <div>
         <div class="relative p-3 bg-white">
           <div class="flex gap-2 items-end">
-            <FPrice v-if="detail && detail.salePrice" :price="detail.salePrice" need-symbol :size="'large'" ex-class="!text-[24px]"/>
-            <FPrice v-if="detail && detail.price" :price="detail.price" :ex-class="'!text-gray'" need-symbol strike-through/>
+            <FPrice v-if="detail && detail.salePrice" :price="detail.salePrice" need-symbol :size="'large'"
+                    ex-class="!text-[24px]"/>
+            <FPrice v-if="detail && detail.price" :price="detail.price" :ex-class="'!text-gray'" need-symbol
+                    strike-through/>
           </div>
 
           <div class="font-bold py-2">{{ detail.title }}</div>
@@ -334,7 +371,8 @@ const hasCoupon = computed(() => {
             <div class="absolute top-2 left-15 h-full w-fit text-white"
             >
               <div class=" inline-flex justify-center items-end w-full py-2">
-                <div class="text-[28px]">{{ detail.coupon.amount }}</div> 元代金劵
+                <div class="text-[28px]">{{ detail.coupon.amount }}</div>
+                元代金劵
               </div>
               <div class="text-[10px]">使用期限：{{ detail.coupon.startTime }} -{{ detail.coupon.endTime }}</div>
             </div>
@@ -346,7 +384,7 @@ const hasCoupon = computed(() => {
           <div v-if="detail.mallName" class="p-3 font-bold">
             {{ detail.mallName }}
           </div>
-<!--          <mpHtml :content=""></mpHtml>-->
+          <!--          <mpHtml :content=""></mpHtml>-->
           <image v-for="(imgItem, index) in detail.images"
                  :key="index"
                  mode="widthFix"

src/pages/vip/index.vue

@@ -129,7 +129,20 @@ const navBarStyle = computed(() => {
     paddingTop: `${statusBarHeight}px`,
   }
 })
+onShareAppMessage(() => {
+  return {
+    title: `消费储蓄 保障未来`,
+    path: '/pages/vip/index',
+    imageUrl: 'https://cdn.bjtdba.com/vod/image/2023-10-09/20231009202402136.png'
+  }
+})
 
+onShareTimeline(() => {
+  return {
+    title: `消费储蓄 保障未来`,
+    imageUrl: 'https://cdn.bjtdba.com/vod/image/2023-10-09/20231009202402136.png',
+  }
+})
 const state = reactive({
   currentPage: 1,
   pageSize: 10,

src/utils/throttle.ts

@@ -0,0 +1,30 @@
+
+let timer; let
+    flag
+/**
+ * 节流原理：在一定时间内，只能触发一次
+ *
+ * @param {Function} func 要执行的回调函数
+ * @param {Number} wait 延时的时间
+ * @param {Boolean} immediate 是否立即执行
+ * @return null
+ */
+export function throttle(func, wait = 500, immediate = true) {
+    if (immediate) {
+        if (!flag) {
+            flag = true
+            // 如果是立即执行，则在wait毫秒内开始时执行
+            typeof func === 'function' && func()
+            timer = setTimeout(() => {
+                flag = false
+            }, wait)
+        }
+    } else if (!flag) {
+        flag = true
+        // 如果是非立即执行，则在wait毫秒内的结束处执行
+        timer = setTimeout(() => {
+            flag = false
+            typeof func === 'function' && func()
+        }, wait)
+    }
+}