wangxiaowei/chazhi_store
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化功能

Browse Source
This commit is contained in:
wangxiaowei
2026-01-14 18:13:43 +08:00
parent 59859a2363
commit 627280bb7e
6 changed files with 100 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/api/store.ts
View File

@ -275,4 +275,18 @@ export function deleteRechargeActivity(id: number) {
*/ */
export function toggleRechargeActivityStatus(data: {store_id: number, state: number}) { export function toggleRechargeActivityStatus(data: {store_id: number, state: number}) {
return http.Post('/storeapi/Store/operateRecharge', data) return http.Post('/storeapi/Store/operateRecharge', data)
}
/**
* 获取门店充值明细列表
*/
export interface IGetStoreRechargeListParams {
page: number
size: number
store_id: number
month?: string
}
export function getStoreRechargeList(data: IGetStoreRechargeListParams) {
return http.Post<any>('/storeapi/user/storeRechargeLists', data)
} }

2
src/bundle/finance/detail.vue
View File

@ -22,7 +22,7 @@
</view> </view>
<view class="mt-30rpx text-40rpx text-[#303133] leading-56rpx text-center"> <view class="mt-30rpx text-40rpx text-[#303133] leading-56rpx text-center">
<text class="font-bold" v-if="bill.change_type == 1 || bill.change_type == 2 || bill.change_type == 4">+</text> <text class="font-bold" v-if="bill.change_type == 1 || bill.change_type == 2 || bill.change_type == 4 || bill.change_type == 9">+</text>
<text class="font-bold" v-if="bill.change_type == 3 || bill.change_type == 5">-</text> <text class="font-bold" v-if="bill.change_type == 3 || bill.change_type == 5">-</text>
￥{{ bill.amount }} ￥{{ bill.amount }}
</view> </view>

4
src/bundle/finance/finance.vue
View File

@ -53,7 +53,7 @@
<view class="line-1 w-480rpx font-bold text-30rpx text-[#303133] leading-42rpx">【{{ item?.room?.title }}】{{ item?.group?.title || '' }}</view> <view class="line-1 w-480rpx font-bold text-30rpx text-[#303133] leading-42rpx">【{{ item?.room?.title }}】{{ item?.group?.title || '' }}</view>
<view class="flex items-center"> <view class="flex items-center">
<view class="text-[#FF5951] font-bold text-30rpx leading-42rpx"> <view class="text-[#FF5951] font-bold text-30rpx leading-42rpx">
<text v-if="item.change_type == 1 || item.change_type == 2 || item.change_type == 4"> + </text> <text v-if="item.change_type == 1 || item.change_type == 2 || item.change_type == 4 || item.change_type == 9"> + </text>
<text v-if="item.change_type == 3 || item.change_type == 5"> - </text> <text v-if="item.change_type == 3 || item.change_type == 5"> - </text>
{{ item.amount }} {{ item.amount }}
</view> </view>
@ -67,6 +67,7 @@
<text v-if="item.change_type == 1">预定</text> <text v-if="item.change_type == 1">预定</text>
<text v-if="item.change_type == 2">续单</text> <text v-if="item.change_type == 2">续单</text>
<text v-if="item.change_type == 4">核销</text> <text v-if="item.change_type == 4">核销</text>
<text v-if="item.change_type == 9">充值</text>
</view> </view>
<view class="rounded-4rpx min-w-60rpx text-center text-[#FF5951] border-2rpx border-solid border-[#FF5951] text-22rpx pb-4rpx" v-if="item.change_type == 3 || item.change_type == 5"> <view class="rounded-4rpx min-w-60rpx text-center text-[#FF5951] border-2rpx border-solid border-[#FF5951] text-22rpx pb-4rpx" v-if="item.change_type == 3 || item.change_type == 5">
<text v-if="item.change_type == 3">提现</text> <text v-if="item.change_type == 3">提现</text>
@ -82,6 +83,7 @@
<text v-if="item.change_type == 3">提现时间：{{ item.create_time }}</text> <text v-if="item.change_type == 3">提现时间：{{ item.create_time }}</text>
<text v-if="item.change_type == 4">核销时间：{{ item.create_time }}</text> <text v-if="item.change_type == 4">核销时间：{{ item.create_time }}</text>
<text v-if="item.change_type == 5">取消订单时间：{{ item.create_time }}</text> <text v-if="item.change_type == 5">取消订单时间：{{ item.create_time }}</text>
<text v-if="item.change_type == 9">充值时间：{{ item.create_time }}</text>
</view> </view>
</view> </view>
</mescroll-body> </mescroll-body>

71
src/bundle/user/recharge-list.vue
View File

@ -13,41 +13,41 @@
<view class=""> <view class="">
<view class="flex items-center"> <view class="flex items-center">
<view class="font-bold text-[#303133] datetime-picker"> <view class="font-bold text-[#303133] datetime-picker">
<wd-datetime-picker v-model="value" :maxDate="Date.now()" type="year-month" @confirm="RechargeList.handleConfirmDate"></wd-datetime-picker> <wd-datetime-picker v-model="filterDate" :maxDate="Date.now()" type="year-month" @confirm="RechargeList.handleConfirmDate"></wd-datetime-picker>
</view> </view>
</view> </view>
<view class="flex items-center font-400 text-24rpx leading-34rpx text-[#606266] mx-30rpx"> <view class="flex items-center font-400 text-24rpx leading-34rpx text-[#606266] mx-30rpx">
<view class="mr-130rpx">充值￥2000.46</view> <view class="mr-130rpx">充值￥{{ totalRechargeMoney }}</view>
<view class="">赠金￥500.00</view> <view class="">赠金￥{{ totalGiftMoney }}</view>
</view> </view>
<view class="mx-30rpx mt-20rpx"> <view class="mx-30rpx mt-20rpx">
<mescroll-body ref="mescrollItem0" @init="mescrollInit" @down="downCallback" @up="RechargeList.upCallback" :down="downOption" :up="upOption"> <mescroll-body ref="mescrollItem0" @init="mescrollInit" @down="downCallback" @up="RechargeList.upCallback" :down="downOption" :up="upOption">
<view class="bg-white rounded-16rpx px-30rpx py-28rpx mb-20rpx" @click="router.navigateTo(`/bundle/user/recharge-detail?id=1`)"> <view class="bg-white rounded-16rpx px-30rpx py-28rpx mb-20rpx" v-for="item in list" :key="item.id">
<!-- <view class="bg-white rounded-16rpx px-30rpx py-28rpx mb-20rpx" @click="router.navigateTo(`/bundle/user/recharge-detail?id=${item.id}`)" v-for="item in list" :key="item.id"> --> <!-- <view class="bg-white rounded-16rpx px-30rpx py-28rpx mb-20rpx" @click="router.navigateTo(`/bundle/user/recharge-detail?id=${item.id}`)" v-for="item in list" :key="item.id"> -->
<view class="flex items-center justify-between"> <view class="flex items-center justify-between">
<view class="font-bold text-30rpx text-[#303133] leading-42rpx">门店充值1000送500</view> <view class="font-bold text-30rpx text-[#303133] leading-42rpx">门店充值{{ item.recharge_price }}送{{ item.gift_price }}</view>
<view class="flex items-center"> <view class="flex items-center">
<view class="text-[#FF5951] font-bold text-30rpx leading-42rpx">+1000.00</view> <view class="text-[#FF5951] font-bold text-30rpx leading-42rpx">+{{ item.recharge_price }}</view>
<view class=""> <!-- <view class="">
<wd-icon name="arrow-right" size="32rpx" color="#666"></wd-icon> <wd-icon name="arrow-right" size="32rpx" color="#666"></wd-icon>
</view> </view> -->
</view> </view>
</view> </view>
<view class="mt-12rpx text-24rpx leading-34rpx text-[#606266] flex items-center"> <view class="mt-12rpx text-24rpx leading-34rpx text-[#606266] flex items-center">
<view class="w-300rpx mr-52rpx">客户昵称：茶址客户昵称</view> <view class="w-300rpx mr-52rpx">客户昵称：{{ item.nickname || '--' }}</view>
<view class="w-240rpx">手机：13585423654</view> <view class="w-240rpx">手机：{{ item.mobile }}</view>
</view> </view>
<view class="mt-12rpx text-24rpx leading-34rpx text-[#F29747] flex items-center"> <view class="mt-12rpx text-24rpx leading-34rpx text-[#F29747] flex items-center">
<view class="w-300rpx mr-52rpx">充值金额：￥1000</view> <view class="w-300rpx mr-52rpx">充值金额：￥{{ item.recharge_price }}</view>
<view class="w-240rpx">赠金：￥500</view> <view class="w-240rpx">赠金：￥{{ item.gift_price }}</view>
</view> </view>
<view class="mt-12rpx text-24rpx leading-34rpx text-[#909399]"> <view class="mt-12rpx text-24rpx leading-34rpx text-[#909399]">
充值时间：2025-08-05 19:09:52 充值时间：{{ item.pay_time }}
</view> </view>
</view> </view>
</mescroll-body> </mescroll-body>
@ -64,6 +64,7 @@
import { onPageScroll, onReachBottom } from '@dcloudio/uni-app' import { onPageScroll, onReachBottom } from '@dcloudio/uni-app'
import useMescroll from "@/uni_modules/mescroll-uni/hooks/useMescroll.js" import useMescroll from "@/uni_modules/mescroll-uni/hooks/useMescroll.js"
import { useStoreStore } from '@/store' import { useStoreStore } from '@/store'
import { getStoreRechargeList } from '@/api/store'
const OSS = inject('OSS') const OSS = inject('OSS')
const useStore = useStoreStore() const useStore = useStoreStore()
@ -78,9 +79,11 @@
textNoMore: '~ 已经到底啦 ~', //无更多数据的提示 textNoMore: '~ 已经到底啦 ~', //无更多数据的提示
} }
const list = ref<Array<any>>([]) // 茶室列表 const list = ref<Array<any>>([]) // 茶室列表
const totalRechargeMoney = ref<number>(0) // 总充值金额
const totalGiftMoney = ref<number>(0) // 总赠金金额
// 日期过滤 // 日期过滤
const value = ref<number>(Date.now()) const filterDate = ref<number>(Date.now())
onLoad((args) => { onLoad((args) => {
}) })
@ -91,21 +94,26 @@
* @param mescroll * @param mescroll
*/ */
upCallback: (mescroll) => { upCallback: (mescroll) => {
// 需要留一下数据为空的时候显示的空数据图标内容 // 需要留一下数据为空的时候显示的空数据图标内容
// const filter = { const filter = {
// page: mescroll.num, page: mescroll.num,
// size: mescroll.size, size: mescroll.size,
// store_id: useStore.defaultStore.id, store_id: useStore.defaultStore.id,
// } month: RechargeList.handleFormatDate(filterDate.value)
}
// getStoreMemberList(filter).then((res) => { getStoreRechargeList(filter).then((res) => {
// const curPageData = res.list || [] // 当前页数据 totalRechargeMoney.value = res.total_recharge_price // 总充值金额
// if(mescroll.num == 1) list.value = [] // 第一页需手动制空列表 totalGiftMoney.value = res.total_gift_price // 总赠金金额
// list.value = list.value.concat(curPageData) //追加新数据
// mescroll.endSuccess(curPageData.length, Boolean(res.more)) const curPageData = res.list || [] // 当前页数据
// }).catch(() => { if(mescroll.num == 1) list.value = [] // 第一页需手动制空列表
list.value = list.value.concat(curPageData) //追加新数据
mescroll.endSuccess(curPageData.length, Boolean(res.more))
}).catch(() => {
mescroll.endErr() // 请求失败, 结束加载 mescroll.endErr() // 请求失败, 结束加载
// }) })
}, },
/** /**
@ -136,6 +144,17 @@
handleSearch: () => { handleSearch: () => {
list.value = [] list.value = []
getMescroll().resetUpScroll() getMescroll().resetUpScroll()
},
/**
* 格式化时间
*/
handleFormatDate: (timestamp: number) => {
const d = new Date(timestamp)
const year = d.getFullYear()
const month = d.getMonth() + 1
const monthStr = month < 10 ? `0${month}` : `${month}`
return `${year}-${monthStr}`
} }
} }
</script> </script>

4
src/bundle/user/user-detail.vue
View File

@ -29,11 +29,11 @@
</view> </view>
<!-- TODO VIP显示这块内容 --> <!-- TODO VIP显示这块内容 -->
<view class="relative mt-22rpx" v-if="user.member == 1"> <view class="relative mt-22rpx">
<wd-img width="650rpx" height='70rpx' :src="`${OSS}images/store/user/image1.png`"></wd-img> <wd-img width="650rpx" height='70rpx' :src="`${OSS}images/store/user/image1.png`"></wd-img>
<view class="absolute top-18rpx left-28rpx flex items-center"> <view class="absolute top-18rpx left-28rpx flex items-center">
<wd-img width="40rpx" height='40rpx' :src="`${OSS}icon/icon_vip.png`"></wd-img> <wd-img width="40rpx" height='40rpx' :src="`${OSS}icon/icon_vip.png`"></wd-img>
<view class="font-400 text-24rpx text-[#EECC99] leading-34rpx ml-18rpx">{{ user.expiration_time }}到期</view> <view class="font-400 text-24rpx text-[#EECC99] leading-34rpx ml-18rpx">{{ user.expiration_time || '--' }}到期</view>
</view> </view>
</view> </view>

68
src/bundle/user/user-list.vue
View File

@ -44,13 +44,13 @@
<view class="text-[#7B4FE1] flex items-center ml-78rpx mt-30rpx"> <view class="text-[#7B4FE1] flex items-center ml-78rpx mt-30rpx">
<view class="flex flex-col items-center justify-center mr-100rpx"> <view class="flex flex-col items-center justify-center mr-100rpx">
<view class="font-bold text-32rpx leading-44rpx">150,000.00</view> <view class="font-bold text-32rpx leading-44rpx">{{ totalRechargeMoney || 0 }}</view>
<view class="mt-12rpx font-400 text-28rpx leading-40rpx">实际充值(元)</view> <view class="mt-12rpx font-400 text-28rpx leading-40rpx">实际充值(元)</view>
</view> </view>
<view class="flex flex-col items-center justify-center"> <!-- <view class="flex flex-col items-center justify-center">
<view class="font-bold text-32rpx leading-44rpx">10,000.00</view> <view class="font-bold text-32rpx leading-44rpx">{{ totalGiftMoney || 0 }}</view>
<view class="mt-12rpx font-400 text-28rpx leading-40rpx">赠金(元)</view> <view class="mt-12rpx font-400 text-28rpx leading-40rpx">赠金(元)</view>
</view> </view> -->
</view> </view>
</view> </view>
</view> </view>
@ -60,7 +60,7 @@
<view class="mt-40rpx"> <view class="mt-40rpx">
<view class="font-bold text-32rpx leading-44rpx mx-30rpx">客户信息</view> <view class="font-bold text-32rpx leading-44rpx mx-30rpx">客户信息</view>
<view class="search-box relative"> <view class="search-box relative">
<wd-search placeholder="搜索客户信息" cancel-txt="搜索" placeholder-left hide-cancel custom-input-class="!h-72rpx !pr-160rpx" v-model="keywords" light > <wd-search placeholder="搜索客户信息" cancel-txt="搜索" placeholder-left hide-cancel custom-input-class="!h-72rpx !pr-160rpx" v-model="keywords" light >
</wd-search> </wd-search>
<view <view
class="absolute top-1/2 -translate-y-1/2 right-34rpx w-142rpx h-64rpx leading-64rpx text-center rounded-32rpx bg-#4C9F44 text-#fff font-400 text-32rpx" class="absolute top-1/2 -translate-y-1/2 right-34rpx w-142rpx h-64rpx leading-64rpx text-center rounded-32rpx bg-#4C9F44 text-#fff font-400 text-32rpx"
@ -80,32 +80,29 @@
</view> </view>
</view> </view>
<view> <view class="mt-24rpx mx-30rpx">
<mescroll-body ref="mescrollItem0" @init="mescrollInit" @down="downCallback" @up="UserList.upCallback" :down="downOption" :up="upOption"> <mescroll-body ref="mescrollItem0" @init="mescrollInit" @down="downCallback" @up="UserList.upCallback" :down="downOption" :up="upOption">
<view class="mb-22rpx" v-for="item in list" :key="item.id"> <view class="mb-22rpx bg-white rounded-16rpx" v-for="item in list" :key="item.id">
<view class="mx-64rpx flex justify-between items-center mb-10rpx"> <view class="px-34rpx py-14rpx flex justify-between items-center mb-10rpx">
<view class="flex items-center" @click="UserList.handleToDetail(item?.user?.id)"> <view class="flex items-center" @click="UserList.handleToDetail(item.user_id)">
<wd-img width="100rpx" height='100rpx' src="https://shchazhi.oss-cn-hangzhou.aliyuncs.com/fronted/icon/icon_avatar.png" :round="true"></wd-img> <wd-img width="100rpx" height='100rpx' :src="item.avatar" :round="true"></wd-img>
<view class="ml-20rpx"> <view class="ml-20rpx">
<view class="flex items-center"> <view class="flex items-center">
<view class="font-bold text-28rpx text-[#303133] leading-40rpx mr-12rpx">{{ item?.user?.nickname }}</view> <view class="font-bold text-28rpx text-[#303133] leading-40rpx mr-12rpx">{{ item.nickname }}</view>
<!-- TODO 如果是vip的话才显示这个皇冠 --> <!-- TODO 如果是vip的话才显示这个皇冠 -->
<view v-if="item?.user?.member == 1"> <view v-if="item.member == 1">
<wd-img width="40rpx" height='40rpx' :src="`${OSS}icon/icon_crown.png`"></wd-img> <wd-img width="40rpx" height='40rpx' :src="`${OSS}icon/icon_crown.png`"></wd-img>
</view> </view>
</view> </view>
<view class="mt-14rpx font-400 text-26rpx text-[#303133] leading-36rpx">{{ item?.user?.mobile }}</view> <view class="mt-14rpx font-400 text-26rpx text-[#303133] leading-36rpx">{{ item.mobile }}</view>
<view class="mt-10rpx text-24rpx text-[#F29747] leading-34rpx w-400rpx line-1">{{ item?.remark }}</view> <view class="mt-14rpx font-400 text-26rpx text-[#303133] leading-36rpx">门店余额{{ item.store_money || '--' }}</view>
<view class="mt-10rpx text-24rpx text-[#F29747] leading-34rpx w-400rpx line-1">{{ item.remark }}</view>
</view> </view>
</view> </view>
<view @click="UserList.handleCall(item?.user?.mobile)" class="p-10rpx"> <view @click="UserList.handleCall(item.mobile)" class="p-10rpx">
<wd-img width="64rpx" height='64rpx' :src="`${OSS}icon/icon_phone3.png`"></wd-img> <wd-img width="64rpx" height='64rpx' :src="`${OSS}icon/icon_phone3.png`"></wd-img>
</view> </view>
</view> </view>
<view class="mx-30rpx">
<wd-gap height="2rpx" bg-color="#E5E5E5"></wd-gap>
</view>
</view> </view>
</mescroll-body> </mescroll-body>
</view> </view>
@ -137,10 +134,12 @@
const keywords = ref<string>('') // 搜索关键词 const keywords = ref<string>('') // 搜索关键词
const menuTab = ref([ const menuTab = ref([
{type: 'all', name: '全部'}, {type: 'all', name: '全部'},
{type: 'recharge', name: '充值卡'}, // {type: 'recharge', name: '充值卡'},
{type: 'vip', name: '会员卡'}, // {type: 'vip', name: '会员卡'},
]) ])
const currentTab = ref<string>('all') const currentTab = ref<string>('all')
const totalRechargeMoney = ref<number>(0) // 总充值金额
const totalGiftMoney = ref<number>(0) // 总赠送金额
onLoad((args) => { onLoad((args) => {
}) })
@ -152,20 +151,23 @@
*/ */
upCallback: (mescroll) => { upCallback: (mescroll) => {
// 需要留一下数据为空的时候显示的空数据图标内容 // 需要留一下数据为空的时候显示的空数据图标内容
// const filter = { const filter = {
// page: mescroll.num, page: mescroll.num,
// size: mescroll.size, size: mescroll.size,
// store_id: useStore.defaultStore.id, store_id: useStore.defaultStore.id,
// } search: keywords.value,
}
// getStoreMemberList(filter).then((res) => { getStoreMemberList(filter).then((res) => {
// const curPageData = res.list || [] // 当前页数据 totalRechargeMoney.value = res.totalMoney
// if(mescroll.num == 1) list.value = [] // 第一页需手动制空列表
// list.value = list.value.concat(curPageData) //追加新数据 const curPageData = res.list || [] // 当前页数据
// mescroll.endSuccess(curPageData.length, Boolean(res.more)) if(mescroll.num == 1) list.value = [] // 第一页需手动制空列表
// }).catch(() => { list.value = list.value.concat(curPageData) //追加新数据
mescroll.endSuccess(curPageData.length, Boolean(res.more))
}).catch(() => {
mescroll.endErr() // 请求失败, 结束加载 mescroll.endErr() // 请求失败, 结束加载
// }) })
}, },
/** /**