Merge branch 'dev' of http://39.101.143.165:8090/haiyang/couponCenter_mpapp into dev

src/components/FilterTime.vue

@@ -0,0 +1,388 @@
+<script setup lang="ts">
+import dayjs from 'dayjs'
+import { reactive, ref, watch } from 'vue'
+
+// 定义组件属性
+const props = defineProps<{
+    // 初始时间区间，格式为[开始时间, 结束时间]
+    value?: [string, string]
+    // 占位符文本
+    placeholder?: string
+    // 是否禁用
+    disabled?: boolean
+}>()
+
+// 定义事件
+const emit = defineEmits<{
+    // 选择时间后触发的事件
+    (e: 'update:value', value: [string, string]): void
+    // 确定按钮点击事件
+    (e: 'confirm', value: [string, string]): void
+    // 重置按钮点击事件
+    (e: 'reset'): void
+}>()
+
+// 内部状态管理
+const state = reactive({
+    // 时间选择器弹窗是否显示
+    popupVisible: false,
+    // 日期选择器弹窗是否显示
+    datePopupVisible: false,
+    // 当前正在选择的时间类型（start或end）
+    currentDateType: 'start' as 'start' | 'end',
+    // 开始时间
+    startTime: '',
+    // 结束时间
+    endTime: '',
+    // 格式化后的开始时间显示
+    startText: '开始时间',
+    // 格式化后的结束时间显示
+    endText: '结束时间',
+    // 选择器显示文本
+    displayText: props.placeholder || '选择时间区间',
+})
+
+// 日期选择器配置
+const datePickerConfig = reactive({
+    // 日期格式
+    format: 'yyyy-MM-dd',
+    // 当前选择的日期（时间戳）
+    value: new Date().getTime(),
+    // 最小日期（可选，时间戳）
+    minDate: 0,
+    // 最大日期（可选，时间戳）
+    maxDate: 0,
+})
+
+// 监听传入的value变化，更新内部状态
+watch(() => props.value, (newValue) => {
+    if (newValue && Array.isArray(newValue) && newValue.length === 2) {
+        state.startTime = newValue[0]
+        state.endTime = newValue[1]
+        updateDisplayText()
+    }
+}, { immediate: true })
+
+// 打开时间选择器弹窗
+function openPopup() {
+    if (props.disabled) {
+        return
+    }
+    state.popupVisible = true
+}
+
+// 关闭时间选择器弹窗
+function closePopup() {
+    state.popupVisible = false
+}
+
+// 打开日期选择器
+function openDatePicker(type: 'start' | 'end') {
+    state.currentDateType = type
+    // 设置当前选择的日期
+    if (type === 'start') {
+        // 确保日期格式正确，无论是字符串还是时间戳
+        datePickerConfig.value = state.startTime ? new Date(state.startTime).getTime() : new Date().getTime()
+        // 结束时间之后的日期不可选
+        datePickerConfig.maxDate = state.endTime ? new Date(state.endTime).getTime() : 0
+    }
+    else {
+        // 确保日期格式正确，无论是字符串还是时间戳
+        datePickerConfig.value = state.endTime ? new Date(state.endTime).getTime() : new Date().getTime()
+        // 开始时间之前的日期不可选
+        datePickerConfig.minDate = state.startTime ? new Date(state.startTime).getTime() : 0
+    }
+    state.datePopupVisible = true
+}
+
+// 关闭日期选择器
+function closeDatePicker() {
+    state.datePopupVisible = false
+}
+
+// 选择日期确认
+function confirmDate() {
+    // 将时间戳转换为 YYYY-MM-DD 格式
+    const selectedDate = dayjs(datePickerConfig.value).format('YYYY-MM-DD')
+
+    if (state.currentDateType === 'start') {
+        state.startTime = selectedDate
+        state.startText = selectedDate
+        // 如果结束时间早于开始时间，自动调整结束时间
+        if (state.endTime && dayjs(state.endTime).isBefore(dayjs(selectedDate))) {
+            state.endTime = ''
+            state.endText = '结束时间'
+        }
+    }
+    else {
+        state.endTime = selectedDate
+        state.endText = selectedDate
+        // 如果开始时间晚于结束时间，自动调整开始时间
+        if (state.startTime && dayjs(state.startTime).isAfter(dayjs(selectedDate))) {
+            state.startTime = ''
+            state.startText = '开始时间'
+        }
+    }
+
+    closeDatePicker()
+    updateDisplayText()
+}
+
+// 更新显示文本
+function updateDisplayText() {
+    console.log('zx1111', state.startTime, state.endTime)
+    if (state.startTime && state.endTime) {
+        state.displayText = `${state.startTime} 至 ${state.endTime}`
+    }
+    else {
+        state.displayText = props.placeholder || '选择时间区间'
+    }
+}
+
+// 确认选择
+function confirmSelection() {
+    if (!state.startTime || !state.endTime) {
+        uni.showToast({
+            title: '请选择完整的时间区间',
+            icon: 'none',
+        })
+        return
+    }
+
+    const result: [string, string] = [state.startTime, state.endTime]
+    emit('update:value', result)
+    emit('confirm', result)
+    closePopup()
+}
+
+// 重置选择
+// function resetSelection() {
+//     state.startTime = ''
+//     state.endTime = ''
+//     state.startText = '开始时间'
+//     state.endText = '结束时间'
+//     state.displayText = props.placeholder || '选择时间区间'
+//     emit('update:value', ['', ''])
+//     emit('reset')
+// }
+
+// 暴露方法给父组件
+defineExpose({
+    openPopup
+})
+</script>
+
+<template>
+    <view class="filter-time-component">
+        <!-- 时间选择器触发按钮 -->
+        <!-- <view
+            class="filter-time-trigger"
+            :class="{ disabled }"
+            @click="openPopup"
+        >
+            <text>{{ state.displayText }}</text>
+            <text class="iconfont icon-down" />
+        </view> -->
+
+        <!-- 时间选择器弹窗（顶部弹出） -->
+        <up-popup
+            v-model:show="state.popupVisible"
+            mode="top"
+            @close="closePopup"
+        >
+            <view class="time-picker-container">
+                <!-- 标题栏 -->
+                <view class="time-picker-header">
+                    <text class="title">时间筛选</text>
+                    <!-- <text class="reset-btn" @click="resetSelection">重置</text> -->
+                </view>
+
+                <!-- 时间选择区域 -->
+                <view class="time-picker-body">
+                    <view class="time-item">
+                        <text class="label">开始时间</text>
+                        <view class="time-selector" @click="openDatePicker('start')">
+                            <text class="time-text">{{ state.startText }}</text>
+                            <text class="iconfont icon-down" />
+                        </view>
+                    </view>
+
+                    <view class="time-item">
+                        <text class="label">结束时间</text>
+                        <view class="time-selector" @click="openDatePicker('end')">
+                            <text class="time-text">{{ state.endText }}</text>
+                            <text class="iconfont icon-down" />
+                        </view>
+                    </view>
+                </view>
+
+                <!-- 操作按钮 -->
+                <view class="time-picker-footer">
+                    <view class="btn cancel-btn" @click="closePopup">
+                        取消
+                    </view>
+                    <view class="btn confirm-btn" @click="confirmSelection">
+                        确定
+                    </view>
+                </view>
+            </view>
+        </up-popup>
+
+        <!-- 日期选择器 -->
+        <up-datetime-picker
+            v-model="datePickerConfig.value"
+            mode="date"
+            :show="state.datePopupVisible"
+            @confirm="confirmDate"
+            @cancel="closeDatePicker"
+        />
+    </view>
+</template>
+
+<style scoped>
+.filter-time-component {
+  position: relative;
+  display: inline-block;
+}
+
+.filter-time-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 80rpx;
+  padding: 0 30rpx;
+  background-color: #f5f5f5;
+  border-radius: 10rpx;
+  font-size: 28rpx;
+  color: #333333;
+  cursor: pointer;
+}
+
+.filter-time-trigger.disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.iconfont {
+  margin-left: 10rpx;
+  font-size: 24rpx;
+  color: #999999;
+}
+
+/* 时间选择器弹窗样式 */
+.time-picker-container {
+  background-color: #ffffff;
+  border-radius: 0 0 20rpx 20rpx;
+  padding-bottom: 30rpx;
+}
+
+.time-picker-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 30rpx;
+  border-bottom: 1rpx solid #eeeeee;
+}
+
+.time-picker-header .title {
+  font-size: 32rpx;
+  font-weight: 500;
+  color: #333333;
+}
+
+.time-picker-header .reset-btn {
+  font-size: 28rpx;
+  color: #64a6ff;
+  cursor: pointer;
+}
+
+.time-picker-body {
+  padding: 30rpx;
+}
+
+.time-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 30rpx;
+}
+
+.time-item:last-child {
+  margin-bottom: 0;
+}
+
+.time-item .label {
+  font-size: 30rpx;
+  color: #333333;
+}
+
+.time-selector {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 20rpx 30rpx;
+  background-color: #f5f5f5;
+  border-radius: 10rpx;
+  cursor: pointer;
+}
+
+.time-selector .time-text {
+  font-size: 28rpx;
+  color: #666666;
+  margin-right: 10rpx;
+}
+
+.time-picker-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 30rpx;
+}
+
+.btn {
+  flex: 1;
+  height: 80rpx;
+  line-height: 80rpx;
+  text-align: center;
+  border-radius: 10rpx;
+  font-size: 30rpx;
+  font-weight: 500;
+  cursor: pointer;
+}
+
+.btn.cancel-btn {
+  background-color: #f5f5f5;
+  color: #666666;
+  margin-right: 20rpx;
+}
+
+.btn.confirm-btn {
+  background-color: #64a6ff;
+  color: #ffffff;
+  margin-left: 20rpx;
+}
+
+/* 日期选择器弹窗样式 */
+.date-picker-container {
+  background-color: #ffffff;
+  border-radius: 20rpx 20rpx 0 0;
+}
+
+.date-picker-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 30rpx;
+  border-bottom: 1rpx solid #eeeeee;
+}
+
+.date-picker-header .title {
+  font-size: 32rpx;
+  font-weight: 500;
+  color: #333333;
+}
+
+.date-picker-body {
+  padding: 20rpx 0;
+}
+</style>

src/pages-A/applyForm/index.vue

@@ -183,7 +183,7 @@ function submitForm() {
   background: linear-gradient(90deg, #ee6b67 0%, #ff7d78 100%);
   border-radius: 10rpx;
   position: fixed;
-  bottom: 20rpx;
+  bottom: 52rpx;
   left: 50%;
   transform: translateX(-50%);
   font-weight: 400;

src/pages-A/bindBankForm/index.vue

@@ -0,0 +1,276 @@
+<script lang="ts" setup>
+import { onUnmounted, reactive, ref } from 'vue'
+import { useUserStore } from '@/store'
+
+definePage({
+  style: {
+    navigationBarTitleText: '绑定银行卡',
+  },
+})
+
+const userStore = useUserStore()
+
+const model = reactive({
+  name: '',
+  bankName: '',
+  bankNumber: '',
+  phone: '',
+  code: '', // 添加验证码字段
+  result: '',
+  description: '',
+})
+
+// 倒计时相关变量
+const countdown = ref(0)
+const countdownText = ref('获取验证码')
+const isCounting = ref(false)
+let countdownTimer: ReturnType<typeof setInterval> | null = null
+
+// 获取验证码函数
+function getCode() {
+    if (isCounting.value) {
+        return
+    }
+    // 验证手机号格式
+    if (!/^1[3-9]\d{9}$/.test(model.phone)) {
+        uni.showToast({
+            title: '请输入正确的手机号',
+            icon: 'none',
+    })
+        return
+    }
+
+    // 开始倒计时
+    isCounting.value = true
+    countdown.value = 60
+    countdownText.value = `${countdown.value}s后重新获取`
+
+    // 模拟发送验证码请求
+    uni.showToast({
+        title: '验证码已发送',
+        icon: 'success',
+  })
+
+    // 设置倒计时定时器
+    countdownTimer = setInterval(() => {
+        countdown.value--
+        if (countdown.value > 0) {
+            countdownText.value = `${countdown.value}s后重新获取`
+        }
+    else {
+            // 倒计时结束
+            clearInterval(countdownTimer!)
+            countdownTimer = null
+            isCounting.value = false
+            countdownText.value = '获取验证码'
+        }
+    }, 1000)
+}
+
+// 组件卸载时清除定时器
+onUnmounted(() => {
+  if (countdownTimer) {
+    clearInterval(countdownTimer)
+  }
+})
+
+const rules = reactive({
+  name: {
+    type: 'string',
+    required: true,
+    message: '请填写姓名',
+    trigger: ['blur', 'change'],
+  },
+  phone: {
+    type: 'string',
+    required: true,
+    message: '请填写电话',
+    pattern: /^1[3-9]\d{9}$/,
+    trigger: ['blur', 'change'],
+  },
+})
+
+// 使用 ref 创建响应式引用
+const uFormRef = ref(null)
+
+function submitForm() {
+  uFormRef.value.validate().then((valid) => {
+    if (valid) {
+      uni.showToast({
+        title: '校验通过',
+        icon: 'success',
+            })
+    }
+        else {
+      uni.showToast({
+        title: '校验失败',
+        icon: 'error',
+            })
+    }
+  }).catch(() => {
+    // 处理验证错误
+    uni.showToast({
+      title: '校验失败',
+      icon: 'error',
+        })
+  })
+}
+</script>
+
+<template>
+    <view class="form-container">
+        <view class="form-wrapper">
+            <u-form
+                ref="uFormRef"
+                label-position="left"
+                :model="model"
+                :rules="rules"
+            >
+                <u-form-item
+                    ref="item1"
+                    label="姓名"
+                    prop="name"
+                    :border-bottom="true"
+                >
+                    <u-input
+                        v-model="model.name"
+                        border="none"
+                        placeholder="请输入姓名"
+                    />
+                </u-form-item>
+                <u-form-item
+                    ref="item2"
+                    label="开户行"
+                    prop="bankName"
+                    :border-bottom="true"
+                >
+                    <u-input
+                        v-model="model.bankName"
+                        border="none"
+                        placeholder="请输入开户行"
+                    />
+                </u-form-item>
+                <u-form-item
+                    ref="item3"
+                    label="卡号"
+                    prop="bankNumber"
+                    :border-bottom="true"
+                >
+                    <u-input
+                        v-model="model.bankNumber"
+                        border="none"
+                        placeholder="请输入卡号"
+                    />
+                </u-form-item>
+                <u-form-item
+                    ref="item4"
+                    label="电话"
+                    prop="phone"
+                    :border-bottom="true"
+                >
+                    <u-input
+                        v-model="model.phone"
+                        border="none"
+                        placeholder="请输入手机号"
+                    />
+                </u-form-item>
+                <u-form-item
+                    ref="item5"
+                    label="验证码"
+                    :border-bottom="true"
+                >
+                    <view class="form-item-code">
+                        <u-input
+                            v-model="model.code"
+                            border="none"
+                            placeholder="请输入验证码"
+                        />
+                        <view
+                            class="form-item-result u-text-success"
+                            :class="{ disabled: isCounting }"
+                            :style="{ cursor: isCounting ? 'not-allowed' : 'pointer' }"
+                            @click="getCode"
+                        >
+                            {{ countdownText }}
+                        </view>
+                    </view>
+                </u-form-item>
+            </u-form>
+
+            <view class="form-btn" @click="submitForm">
+                确认绑定
+            </view>
+        </view>
+    </view>
+</template>
+
+<style lang="scss" scoped>
+::v-deep .u-form-item__body__left {
+  width: 150rpx !important;
+  font-weight: 400 !important;
+  font-size: 26rpx !important;
+  color: #333333 !important;
+}
+::v-deep .u-input__content__field-wrapper__field {
+  text-align: right !important;
+}
+::v-deep .u-form-item__body__left__content__label {
+  color: #333333 !important;
+  font-size: 26rpx !important;
+  font-weight: 400 !important;
+}
+::v-deep .u-line {
+  border-color: #eeeeee !important;
+}
+
+::v-deep .u-form-item__body__right__content__slot {
+  display: flex;
+  justify-content: flex-end;
+}
+.form-container {
+  background-color: #f5f5f5;
+  min-height: 100vh;
+  padding: 20rpx;
+}
+
+.form-wrapper {
+  background-color: #fff;
+  border-radius: 12rpx;
+  padding: 0 32rpx;
+}
+
+.form-item-result {
+  height: 44rpx;
+  line-height: 44rpx;
+  border-radius: 10rpx;
+  text-align: center;
+  &.u-text-success {
+    color: #64a6ff;
+  }
+  &.disabled {
+    opacity: 0.5;
+  }
+}
+
+.form-item-code {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 60rpx;
+}
+.form-btn {
+  width: 600rpx;
+  height: 80rpx;
+  line-height: 80rpx;
+  background: linear-gradient(90deg, #ee6b67 0%, #ff7d78 100%);
+  border-radius: 10rpx;
+  position: fixed;
+  bottom: 52rpx;
+  left: 50%;
+  transform: translateX(-50%);
+  font-weight: 400;
+  font-size: 30rpx;
+  color: #ffffff;
+  text-align: center;
+}
+</style>

src/pages-A/myBankList/index.vue

@@ -6,7 +6,7 @@ import { useTokenStore } from '@/store/token'
 
 definePage({
   style: {
-    navigationBarTitleText: '绑定银行卡',
+    navigationBarTitleText: '发券人申请',
   },
 })
 
@@ -31,6 +31,11 @@ const list = ref([{
   bankNumber: '6228 **** **** *** 000',
   bankShortName: 'gh',
 }])
+function bindBank() {
+    uni.navigateTo({
+        url: '/pages-A/bindBankForm/index',
+    })
+}
 </script>
 
 <template>
@@ -74,7 +79,7 @@ const list = ref([{
                 </view>
             </view>
         </view>
-        <view class="submit-btn">
+        <view class="submit-btn" @click="bindBank">
             添加银行卡
         </view>
     </view>

src/pages-A/withdraw/index.vue

@@ -70,7 +70,7 @@ function goPage(page: string) {
         <view class="income-header-menu-btn">
             申请提现
         </view>
-        <view class="income-header-menu-btn-cancle">
+        <view class="income-header-menu-btn-cancle" @click.stop="goPage('withdrawalDetails')">
             提现记录
         </view>
     </view>

src/pages-A/withdrawalDetails/index.vue

@@ -0,0 +1,256 @@
+<script lang="ts" setup>
+import { storeToRefs } from 'pinia'
+import { ref } from 'vue'
+import FilterTime from '@/components/FilterTime.vue'
+import { LOGIN_PAGE } from '@/router/config'
+import { useUserStore } from '@/store'
+import { useTokenStore } from '@/store/token'
+import { changtime, menuButtonInfo, safeAreaInsets, systemInfo } from '@/utils'
+
+definePage({
+  style: {
+    navigationBarTitleText: '提现明细',
+  },
+})
+
+const userStore = useUserStore()
+const tokenStore = useTokenStore()
+// 使用storeToRefs解构userInfo
+const { userInfo } = storeToRefs(userStore)
+
+function menuClick(page: string) {
+  uni.navigateTo({
+    url: `/pages-A/${page}/index`,
+  })
+}
+
+const show = ref(false)
+// up-datetime-picker 返回字符串格式，FilterTime 返回数组格式
+const filterValue = ref<string[] | string>([])
+function confirm(value) {
+  // up-datetime-picker 组件确认时保持字符串格式 YYYY-MM
+  console.log(111, value)
+  filterValue.value = changtime(value.value, 'YYYY年MM月')
+    show.value = false
+}
+function cancel() {
+  show.value = false
+}
+function close() {
+  show.value = false
+}
+function showTimeFilter() {
+  show.value = true
+}
+
+// 处理时间选择变化
+function handleTimeChange(value: string | string[]) {
+  console.log('时间选择变化', value)
+  filterValue.value = value
+}
+
+// 格式化时间显示
+function formatTimeDisplay() {
+  console.log('formatTimeDisplay1111', filterValue.value)
+  // 处理 filterValue 是字符串的情况（单个月份）
+  if (typeof filterValue.value === 'string') {
+    return filterValue.value
+  }
+  // 处理 filterValue 是数组的情况（时间范围）
+  if (!filterValue.value || !filterValue.value[0] || !filterValue.value[1]) {
+    // 当天的YYYY年MM月
+    return changtime(new Date(), 'YYYY年MM月')
+  }
+  return `${filterValue.value[0]} 至 ${filterValue.value[1]}`
+}
+const wjsList = ref([
+  {
+    id: 1,
+    nickName: '昵称1',
+    name: '优惠券1',
+    price: 1000,
+    date: '2023-08-01 10:00:00',
+  },
+  {
+    id: 2,
+    nickName: '昵称2',
+    name: '优惠券2',
+    price: 1300,
+    date: '2023-10-01 10:00:00',
+  },
+])
+const yjsList = ref([
+  {
+    id: 1,
+    nickName: '昵称3',
+    name: '优惠券3',
+    price: 2300,
+    date: '2023-10-01 10:00:00',
+  },
+  {
+    id: 2,
+    nickName: '昵称4',
+    name: '优惠券4',
+    price: 300,
+    date: '2023-10-01 10:00:00',
+  },
+])
+const list = ref([])
+onLoad(() => {
+  list.value = [...wjsList.value]
+})
+
+function goPage(page: string) {
+  uni.navigateTo({
+    url: `/pages-A/${page}/index`,
+  })
+}
+
+const filterTimeRef = ref()
+function openDatePicker() {
+  // 调用子组件的方法
+  filterTimeRef.value.openPopup()
+}
+</script>
+
+<template>
+    <view class="profile-container">
+        <!-- 时间筛选 -->
+        <view class="income-menu-time-filter">
+            <view class="income-menu-time-filter-left">
+                <view class="income-menu-time-filter-text" @click="showTimeFilter">
+                    <text>{{ formatTimeDisplay() }}</text>
+                    <up-icon name="arrow-down" color="#666666" size="14" />
+                </view>
+                <view>合计：￥4396.00</view>
+            </view>
+            <view class="income-menu-time-filter-right" @click="openDatePicker">
+                日期筛选
+            </view>
+        </view>
+        <view class="income-header-menu">
+            <!-- 优惠券列表 -->
+            <view class="income-header-menu-list">
+                <view v-for="item in list" :key="item.id" class="income-header-menu-item">
+                    <view class="income-header-menu-icon">
+                        <image src="@/static/images/income/tx-icon.png" mode="aspectFit" />
+                        <view class="income-header-menu-text">
+                            <view class="income-header-menu-text-nickname">
+                                提现金额
+                            </view>
+                            <view>2025/10/29  12:44:26</view>
+                        </view>
+                    </view>
+                    <view class="income-header-menu-left">
+                        <view class="income-header-menu-left-amount">
+                            ￥{{ item.price }}
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </view>
+        <up-datetime-picker
+            :value="Array.isArray(filterValue) ? filterValue[0] : filterValue"
+            mode="year-month"
+            :show="show"
+            close-on-click-overlay
+            @confirm="(value) => {
+                // filterValue.value = value;
+                confirm(value);
+            }"
+            @cancel="cancel"
+        />
+        <FilterTime ref="filterTimeRef" v-model="filterValue" @update:value="handleTimeChange" />
+    </view>
+</template>
+
+<style lang="scss" scoped>
+.profile-container {
+  font-family: Alibaba PuHuiTi;
+  min-height: 100vh;
+  background-color: #f5f5f5;
+  line-height: 1;
+  padding: 20rpx;
+  .income-menu-time-filter {
+    height: 83rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-weight: 400;
+    font-size: 24rpx;
+    color: #333333;
+    .income-menu-time-filter-left {
+      display: flex;
+      align-items: center;
+      gap: 39rpx;
+      .income-menu-time-filter-text {
+        font-weight: 400;
+        font-size: 26rpx;
+        color: #000000;
+        display: flex;
+        align-items: center;
+        gap: 12rpx;
+      }
+    }
+    .income-menu-time-filter-right {
+      font-weight: 400;
+      font-size: 26rpx;
+      color: #1777ff;
+      display: flex;
+      align-items: center;
+    }
+  }
+  .income-header-menu {
+    .income-header-menu-list {
+      background: #ffffff;
+      border-radius: 10rpx;
+      .income-header-menu-item {
+        height: 88rpx;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        border-bottom: 1px solid #eeeeee;
+        padding: 32rpx 0 29rpx;
+        margin: 0 26rpx;
+        &:last-child {
+          border-bottom: none;
+        }
+        .income-header-menu-icon {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          gap: 19rpx;
+          image {
+            width: 60rpx;
+            height: 60rpx;
+          }
+          .income-header-menu-text {
+            font-weight: 400;
+            font-size: 24rpx;
+            color: #888888;
+            .income-header-menu-text-nickname {
+              font-size: 28rpx;
+              color: #222222;
+              margin-bottom: 18rpx;
+            }
+          }
+        }
+        .income-header-menu-left {
+          height: 100%;
+          line-height: 100%;
+          font-weight: 500;
+          font-size: 24rpx;
+          color: #888888;
+          display: flex;
+          align-items: center;
+          .income-header-menu-left-amount {
+            font-size: 30rpx;
+            color: #222222;
+            margin-bottom: 18rpx;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/utils/directive.ts

@@ -16,18 +16,18 @@ export function changtime(value: number | string | Date, format: string = 'YYYY
 
     const year = date.getFullYear()
     const month = String(date.getMonth() + 1).padStart(2, '0')
-    //   const day = String(date.getDate()).padStart(2, '0')
-    //   const hours = String(date.getHours()).padStart(2, '0')
-    //   const minutes = String(date.getMinutes()).padStart(2, '0')
-    //   const seconds = String(date.getSeconds()).padStart(2, '0')
+    const day = String(date.getDate()).padStart(2, '0')
+    const hours = String(date.getHours()).padStart(2, '0')
+    const minutes = String(date.getMinutes()).padStart(2, '0')
+    const seconds = String(date.getSeconds()).padStart(2, '0')
 
     return format
         .replace('YYYY', String(year))
         .replace('MM', month)
-    // .replace('DD', day)
-    // .replace('HH', hours)
-    // .replace('mm', minutes)
-    // .replace('ss', seconds)
+        .replace('DD', day)
+        .replace('HH', hours)
+        .replace('mm', minutes)
+        .replace('ss', seconds)
 }
 
 /**