提现记录添加时分秒，添加快速回顶

.env.development

@@ -1 +1 @@
-VITE_GLOB_API_URL = 'https://app.bjtdba.com'
+VITE_GLOB_API_URL = 'https://test.bjtdba.com'

.env.production

@@ -1 +1 @@
-VITE_GLOB_API_URL = 'https://app.bjtdba.com'
+VITE_GLOB_API_URL = 'https://test.bjtdba.com'

components.d.ts

@@ -10,6 +10,7 @@ export {}
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     CXBAuthorize: typeof import('./src/components/CXBAuthorize/CXBAuthorize.vue')['default']
+    CXBBackTop: typeof import('./src/components/CXBBackTop/CXBBackTop.vue')['default']
     CXBBanner: typeof import('./src/components/CXBBanner/CXBBanner.vue')['default']
     CXBBasePage: typeof import('./src/components/CXBBasePage/CXBBasePage.vue')['default']
     CXBButton: typeof import('./src/components/CXBButton/CXBButton.vue')['default']

src/components/CXBBackTop/CXBBackTop.vue

@@ -0,0 +1,51 @@
+<template>
+<div v-show="flag" class="backtop">
+  <img @click="scrollToTop" class="backTopImg" src="../../static/icon/home-on.png" alt="">
+</div>
+</template>
+
+<script setup lang='ts'>
+import { ref, reactive ,defineProps} from 'vue'
+
+let flag = ref(false)
+
+const props = defineProps({
+  Scroll_X: Number
+})
+
+watch(()=>props.Scroll_X,()=>{
+  if(props.Scroll_X as number > 400){
+    flag.value = true
+  }
+  if(props.Scroll_X as number < 400){
+    flag.value = false
+  }
+})
+
+const scrollToTop = function () {
+  console.log('返回顶部');
+  
+    uni.pageScrollTo({
+        scrollTop: 0
+    });
+}
+
+</script>
+
+<style scoped>
+.backtop{
+  width: 40px;
+  height: 40px;
+  position: fixed;
+  background-color: purple;
+  border-radius: 50%;
+  z-index: 999;
+  right: 15px;
+  bottom: 60px;
+}
+.backTopImg{
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+}
+</style>

src/pages/dacang/list/index.vue

@@ -7,6 +7,7 @@ import type {DcProductModel} from "~/apis/model/dacang.model";
 import {useDacangStore} from "~/stores/dacangStore";
 import {CDN_URL} from "~/config/app";
 import DacangHeader from "~/pages/dacang/list/components/dacang-header.vue";
+import CXBBackTop from "~/components/CXBBackTop/CXBBackTop.vue";
 import {getProductShare} from "~/apis/common";
 import {useUserStore} from "~/stores/userStore";
 import Cache from "~/utils/cache";
@@ -28,6 +29,9 @@ const state = reactive({
   totalPage: 1
 })
 
+// 距离顶部距离
+let Scroll_X = ref(0)
+
 const dacangStore = useDacangStore()
 const userStore = useUserStore()
 
@@ -130,6 +134,7 @@ function handleTabItemClick(classifyId) {
 const headerClass = ref('')
 
 onPageScroll((page) => {
+  Scroll_X.value = Number(page.scrollTop.toFixed())
   // page.scrollTop
   if (page.scrollTop >= 76 ) {
     headerClass.value = '!bg-primary !text-white'
@@ -167,6 +172,7 @@ onPullDownRefresh(() => {
     <DacangHeader :ex-class="headerClass" :tabs="state.tabs" @click:item="handleTabItemClick"/>
 
     <div class="flex flex-col gap-2 ">
+      <CXBBackTop :Scroll_X="Scroll_X"/>
       <image :src="headerImage" mode="widthFix" class="w-full h-50"></image>
     <ProductList :list="state.productList" />
       <div class="pb-safe flex justify-center items-center text-[12px] text-gray-500" v-if="state.productList.length > 0">

src/pages/home/index.vue

@@ -18,6 +18,7 @@ import {getShareId} from "~/apis/product";
 // import CXBDialogSIgnInSucceed from "~/components/CXBDialogSignInSucceed/CXBDialogSIgnInSucceed.vue";
 import Cache from "~/utils/cache";
 
+import CXBBackTopVue from "~/components/CXBBackTop/CXBBackTop.vue";
 const userStore = useUserStore()
 const usePageStore = usePageStoreWidthOut()
 usePageStore.setPageConfig({
@@ -54,6 +55,8 @@ const state = reactive({
   duration: 500,
   currents: "0",
 })
+// 距离顶部距离
+let Scroll_X = ref(0)
 onShow(() => {
   usePageStore.setPageConfig({
     currentPage: {
@@ -159,6 +162,8 @@ watch(() => state.isShowSignIn, (val) => {
 const headerClass = ref('')
 
 onPageScroll((page) => {
+  // console.log(page.scrollTop.toFixed(),'距离顶部的距离')
+  Scroll_X.value = Number(page.scrollTop.toFixed())
   // page.scrollTop
   if (page.scrollTop >= 76 ) {
     headerClass.value = 'bg-white !text-gray-900'
@@ -244,6 +249,7 @@ function getIsShow(){
 </script>
 <template>
   <div class="h-screen ">
+    <CXBBackTopVue :Scroll_X="Scroll_X"/>
     <Header :yanglaojin="state.all_yanglao"
             :exClass="headerClass"
     />

src/pages/order_addcart/index.vue

@@ -17,6 +17,7 @@ import {encodeBase64} from "~/utils/http/helper";
 import {CDN_URL} from "~/config/app";
 import {uniq} from "lodash-es";
 import {cartChange} from "~/apis/order.api";
+import type CXBBackTop from "~/components/CXBBackTop/CXBBackTop.vue";
 const gouwucheImage = CDN_URL + '/static/assets/gouwuche.png'
 const like_adorn_220628Image = CDN_URL + '/static/assets/like_adorn_220628.png'
 const pageStore = usePageStoreWidthOut()
@@ -40,6 +41,9 @@ const state = reactive({
   currentType: '',
 })
 
+// 距离顶部距离
+let Scroll_X = ref(0)
+
 const shopping = ref<ShoppingResult>()
 
 onBeforeMount(() => {
@@ -424,8 +428,35 @@ function handleNumberChange(num, goodItem) {
   // goodItem.productAttr.price = goodItem.productAttr.price * num
   // goodItem.productAttr.price = goodItem.productAttr.price * goodItem.cart_num
 }
+const headerClass = ref('')
+onPageScroll((page) => {
+  // console.log('滚轮事件触发了',page.scrollTop.toFixed());
+  
+  // console.log(page.scrollTop.toFixed(),'距离顶部的距离')
+  Scroll_X.value = Number(page.scrollTop.toFixed())
+  if (page.scrollTop >= 76 ) {
+    headerClass.value = 'bg-white !text-gray-900'
+  } else {
+    headerClass.value = ''
+  }
+})
+const changeSku = ref(false)
+const openTestLog = ()=>{
+  console.log('测试点击sku，多规模');
+  changeSku.value = true
+  
+}
+const closeTestLog = ()=>{
+  console.log('测试点击sku，多规模');
+  changeSku.value = false
+
+}
 </script>
 <template>
+  <div v-if="changeSku" style="width: 100%; height: 100%; background-color: skyblue; margin-top: 100px;">
+    <p>sku信息</p>
+    <button @click="closeTestLog">关闭</button>
+  </div>
   <div class="">
     <div
         v-if="hasShopping"
@@ -498,7 +529,7 @@ function handleNumberChange(num, goodItem) {
                   class="text-overflow line-clamp-2 text-xs">{{ goodItem.product.store_name }}</div>
               <div class="flex flex-col justify-start gap-1">
                 <div
-                    class="text-[10px] text-gray min-w-5  p-1  items-center flex">
+                    class="text-[10px] text-gray min-w-5  p-1  items-center flex" @click="openTestLog">
                   {{ goodItem.productAttr.sku }}
                 </div>
                 <div class="flex">
@@ -519,6 +550,7 @@ function handleNumberChange(num, goodItem) {
       </div>
     </div>
 
+    <CXBBackTop :Scroll_X="Scroll_X"/>
     <div class="pb-12">
       <div class="flex flex-row justify-center items-center gap-3 font-bold text-sm p-3 ">
         <image :src="like_adorn_220628Image" mode="widthFix" class="w-6 h-6"></image>

src/pages/store/nearby/index.vue

@@ -3,6 +3,7 @@ import {getMerchantCategory, getSelectMerchant, getSelectMerchantSort} from "~/a
 import type {StoreResult} from "~/apis/model/storeModel";
 import {StoreParams} from "~/apis/model/storeModel";
 import CXBEmpty from "~/components/CXBEmpty/CXBEmpty.vue";
+import CXBBackTop from "~/components/CXBBackTop/CXBBackTop.vue";
 import {USER_LATITUDE, USER_LONGITUDE} from "~/constants";
 import {getProductShare} from "~/apis/common";
 import {useUserStore} from "~/stores/userStore";
@@ -284,7 +285,7 @@ function handleScrollToLower() {
           </nut-menu-item>
         </nut-menu>
       </div>
-
+      <CXBBackTop/>
       <scroll-view
           :scroll-y="true"
           :style="{ height: `${state.scrollHeight -60}px` }"
@@ -329,7 +330,6 @@ function handleScrollToLower() {
 
           </div>
         </div>
-
         <div class=" flex justify-center items-center text-[12px] text-gray-500"
         >
           <div v-if="state.status === 'loading'">

src/pages/store/product/detail.vue

@@ -5,6 +5,7 @@ import MerchantProductCard from "~/pages/store/home/components/MerchantProductCa
 import FCell from "~/components/FCell/FCell.vue";
 import type {SkuModel} from "~/apis/model/product.model";
 import CXBSkuPopup from "~/components/CXBSkuPopup/CXBSkuPopup.vue";
+import CXBBackTop from '~/components/CXBBackTop/CXBBackTop.vue';
 import {createShopping} from "~/apis/order.api";
 import {getAgentInfo, getCartCount, relation, removeMyRelation, xcxBanding} from "~/apis/user";
 import {
@@ -457,10 +458,26 @@ function handleShowCustomer() {
   })
 }
 
+// 距离顶部距离
+let Scroll_X = ref(0)
+
+const headerClass = ref('')
+onPageScroll((page) => {
+  // console.log('滚轮事件触发了',page.scrollTop.toFixed());
+  
+  // console.log(page.scrollTop.toFixed(),'距离顶部的距离')
+  Scroll_X.value = Number(page.scrollTop.toFixed())
+  if (page.scrollTop >= 76 ) {
+    headerClass.value = 'bg-white !text-gray-900'
+  } else {
+    headerClass.value = ''
+  }
+})
 </script>
 
 <template>
   <div class="flex flex-col gap-3 pb-20" v-if="detail">
+    <CXBBackTop :Scroll_X="Scroll_X"/>
     <div class="bg-white ">
       <div class="w-screen h-94">
         <swiper

src/pages/store/product/other.vue

@@ -18,6 +18,7 @@ import type {
 import FPrice from "~/components/FPrice/FPrice.vue";
 import FButton from "~/components/FButton/FButton.vue";
 import CXBButton from "~/components/CXBButton/CXBButton.vue";
+import CXBBackTop from "~/components/CXBBackTop/CXBBackTop.vue";
 import {debounce, merge} from "lodash-es";
 
 import {useDebounceFn} from '@vueuse/core';
@@ -383,6 +384,22 @@ function handleBuyNow() {
 const hasCoupon = computed(() => {
   return detail.value?.coupon && detail.value?.coupon.startTime
 })
+
+// 距离顶部距离
+let Scroll_X = ref(0)
+
+const headerClass = ref('')
+onPageScroll((page) => {
+  // console.log('滚轮事件触发了',page.scrollTop.toFixed());
+  
+  // console.log(page.scrollTop.toFixed(),'距离顶部的距离')
+  Scroll_X.value = Number(page.scrollTop.toFixed())
+  if (page.scrollTop >= 76 ) {
+    headerClass.value = 'bg-white !text-gray-900'
+  } else {
+    headerClass.value = ''
+  }
+})
 </script>
 <template>
   <CXBBasePage>
@@ -407,6 +424,7 @@ const hasCoupon = computed(() => {
           />
         </swiper-item>
       </swiper>
+      <CXBBackTop :Scroll_X="Scroll_X"/>
       <div>
         <div class="relative p-3 bg-white">
           <div class="flex gap-2 items-end">

src/pages/withdrawal-record/index.vue

@@ -16,7 +16,7 @@ onLoad((option) => {
 </script>
 <template>
   <CXBBasePage>
-    <div v-if="list.length > 0" class="flex flex-col gap-3  p-3">
+    <!-- <div v-if="list.length > 0" class="flex flex-col gap-3  p-3">
       <div v-for="(item, index) in list" :key="index" class="flex-1 text-xs f-hairline-bottom bg-white p-3">
         <div class="flex justify-between">
           <div>
@@ -33,6 +33,25 @@ onLoad((option) => {
 
 
       </div>
+    </div> -->
+    <!-- 提现日期添加时分秒  -->
+    <div v-if="list.length > 0" class="flex flex-col gap-3  p-3">
+      <div v-for="(item, index) in 2" :key="index" class="flex-1 text-xs f-hairline-bottom bg-white p-3">
+        <div class="flex justify-between">
+          <div>
+            <div>提现至{{ item.widthdrawal_type === '1' ? '微信' : '支付宝' }}</div>
+            <div class="text-gray text-[11px]">{{ dayjs(item.create_time).format('YYYY-MM-DD HH:mm:ss') }}</div>
+          </div>
+          <div>
+            <div>-{{ item.extract_price }}</div>
+            <div class="text-[11px]"
+                 :class="item.status === '0' ? 'text-primary' : 'text-gray'"
+            >{{ item.status === '-1' ? '已失败' : item.status === '0' ? '提现中' : item.status === '1'? '已到账' : ''}}</div>
+          </div>
+        </div>
+
+
+      </div>
     </div>
     <div v-else>
       <CXBEmpty />