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
2025-12-14 14:06:27 +08:00
parent 775a93f766
commit a600c68099
5 changed files with 352 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
src/bundle/finance/detail.vue Normal file
View File

@ -0,0 +1,137 @@
<route lang="jsonc" type="page">{
"layout": "default",
"style": {
"navigationStyle": "custom",
"navigationBarBackgroundColor": "#fff"
}
}</route>
<template>
<view class="mt-26rpx">
<view>
<navbar title="订单详情" custom-class="!bg-[transparent]"></navbar>
</view>
<view class="mt-38rpx">
<view class="">
<view class="mx-48rpx flex items-center">
<view class="rounded-4rpx w-60rpx text-center text-[#40AE36] border-2rpx border-solid border-[#40AE36] text-22rpx pb-4rpx">团购</view>
<!-- <view class="rounded-4rpx w-60rpx text-center text-[#FF5951] border-2rpx border-solid border-[#FF5951] text-22rpx pb-4rpx">直营</view> -->
<view class="w-600rpx line-2 ml-20rpx font-bold text-30rpx text-[#303133] leading-42rpx text-left">【榻榻米双人包间】惬意茶室商务洽谈会议室这是里团购名称</view>
</view>
</view>
<view class="mt-30rpx text-40rpx text-[#303133] leading-56rpx text-center">
<text class="font-bold">+</text>￥128.00
</view>
<view class="flex items-center flex items-center justify-center mt-16rpx">
<wd-img width="28rpx" height="28rpx" :src="`${OSS}images/store/finance/image2.png`" mode="aspectFit" />
<view class="text-26rpx text-[#606266] leading-36rpx ml-12rpx">核销成功</view>
</view>
<view class="mx-28rpx mt-72rpx">
<!-- 这一块内容是在直营店才显示 -->
<!-- <view>
<view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
<view>预定门店</view>
<view>茶址.24小时智能茶室(中新店)</view>
</view>
<view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
<view>预约时间</view>
<view>2025-03-18 09:00-12:00</view>
</view>
<view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
<view>预约时长</view>
<view>3小时</view>
</view>
<view class="mt-20rpx">
<wd-gap height="2rpx" bg-color="#E5E5E5"></wd-gap>
</view>
</view> -->
<!-- 直营和团购都显示 -->
<view>
<view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
<view>总收入</view>
<view>￥148.00</view>
</view>
<view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
<view>优惠券</view>
<view>-￥20</view>
</view>
<view class="mt-20rpx">
<wd-gap height="2rpx" bg-color="#E5E5E5"></wd-gap>
</view>
</view>
<view>
<view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
<view>订单编号</view>
<view>
<text>7327328627526903</text>
<wd-divider vertical />
<text class="text-[#4C9F44]" @click="copy('7327328627526903')">复制</text>
</view>
</view>
<!-- 直营显示 -->
<!-- <view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
<view>交易方式</view>
<view>微信支付</view>
</view> -->
<view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
<view>创建时间</view>
<view>2025-05-16 12:20:26</view>
</view>
<!-- 团购显示 -->
<view>
<view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
<view>验券时间</view>
<view>2025-05-16 12:20:26</view>
</view>
<view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
<view>验券门店</view>
<view>茶址.24小时智能茶室(中新店)</view>
</view>
<view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
<view>券号</view>
<view>8408669398</view>
</view>
</view>
<!-- 直营显示 -->
<!-- <view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
<view>付款时间</view>
<view>2025-08-16 12:20:26</view>
</view> -->
</view>
</view>
</view>
</view>
</template>
<script lang="ts" setup>
import { toTimes, copy } from '@/utils/tools'
const OSS = inject('OSS')
onLoad((args) => {
})
</script>
<style lang="scss">
page {
background-color: #fff;
}
</style>