初始化提交

2025-12-27 13:33:44 +08:00
commit 833fd1bb66
311 changed files with 53086 additions and 0 deletions
--- a/src/bundle/wallet/bill.vue
+++ b/src/bundle/wallet/bill.vue
@ -0,0 +1,131 @@
+<route lang="jsonc" type="page">{
+    // "needLogin": true,
+    "layout": "default",
+    "style": {
+		"navigationStyle": "custom"
+    }
+}</route>
+
+<template>
+    <view class="pb-30rpx">
+        <view class="order-list">
+            <navbar title="账单详情" custom-class='!bg-[#F6F7F8]'></navbar>
+        </view>
+
+        <!-- 订单详情 -->
+        <view class="mt-28rpx mx-32rpx bg-white rounded-16rpx py-30rpx relative">
+            <view class="absolute top-0 right-38rpx">
+                <!-- change_type: 1包间预定 2包间续订 3提现 4团购核销 -->
+                <wd-img v-if="billDetails.change_type == 1" width="112rpx" height="112rpx" :src="`${OSS}images/store/bill/image1.png`"
+                    mode="aspectFill" />      
+                <wd-img v-if="billDetails.change_type == 2" width="112rpx" height="112rpx" :src="`${OSS}images/store/bill/image2.png`"
+                    mode="aspectFill" />   
+                <wd-img v-if="billDetails.change_type == 4" width="112rpx" height="112rpx" :src="`${OSS}images/store/bill/image3.png`"
+                    mode="aspectFill" />   
+            </view>
+            <view class="flex items-center">
+                <view class="w-8rpx h-32rpx bg-[#4C9F44] mr-22rpx"></view>
+                <view class="font-bold text-28rpx leading-40rpx text-[#303133]">订单号：{{ billDetails.order.order_sn }}</view>
+            </view>
+
+            <view class="mt-38rpx text-center">
+                <view class="text-28rpx leading-40rpx text-[#606266]">金额</view>
+                <view class="mt-20rpx">
+                   + <price-format color="#000" :first-size="36" :second-size="36" :showSubscript="false" :price="billDetails.amount"></price-format>
+                </view>
+            </view>
+
+            <view class="mt-16rpx mb-20rpx border-b-2rpx border-b-solid border-[#E5E5E5] mx-18rpx"></view>
+
+            <view class="text-28rpx leading-40rpx text-[#606266] mx-28rpx">
+                <view class="flex justify-between items-center mb-16rpx">
+                    <view>消费类型</view>
+                    <view>{{ Bill.handleMapTransactionType(billDetails.change_type) }}</view>
+                </view>
+                <view class="flex justify-between items-center mb-16rpx">
+                    <view>交易方式</view>
+                    <view>{{ PayWayText[billDetails.order.pay_way] }}</view>
+                </view>
+                <view class="flex justify-between items-center mb-16rpx">
+                    <view>消费金额</view>
+                    <view>{{ billDetails.amount }}</view>
+                </view>
+                <view class="flex justify-between items-center mb-16rpx">
+                    <view>平台服务费</view>
+                    <view>{{ billDetails.service_price }}</view>
+                </view>
+            </view>
+
+            <view class="mt-26rpx mb-20rpx border-b-2rpx border-b-dashed border-[#E5E5E5] mx-18rpx"></view>
+
+            <view class="text-28rpx leading-40rpx text-[#606266] mx-28rpx">
+                <view class="flex justify-between items-center mb-16rpx">
+                    <view>用户名</view>
+                    <view>{{ billDetails.order.nickname }}</view>
+                </view>
+                <!-- 如果是茶室预定类型则显示消费门店 -->
+                <view class="flex justify-between items-center mb-16rpx">
+                    <view>用户手机号</view>
+                    <view>{{ billDetails.order.mobile }}</view>
+                </view>
+                <view class="flex justify-between items-center mb-16rpx">
+                    <view>支付时间</view>
+                    <view>{{ billDetails.order.update_dtime }}</view>
+                </view>
+            </view>
+        </view>
+    </view>
+</template>
+
+
+<script lang="ts" setup>
+    import { getUserTransactionDetailsInfo } from '@/api/user'
+    import { PayWayText } from '@/utils/pay'
+    
+    const OSS = inject('OSS')
+
+    // 账单明细
+    const id = ref<number>(0)
+    const billDetails = ref<any>({
+        id: 0,
+        amount: 0,
+        change_type: 0,
+        order: {
+            order_sn: '',
+            pay_way: '', // 支付方式 1余额支付 2微信支付 3门店支付
+            nickname: '',
+            mobile: '',
+            update_dtime: '',
+            service_price: ''
+        }
+    })
+
+    onLoad(async (args) => {
+        id.value = Number(args.id) || 0
+        const res = await getUserTransactionDetailsInfo(id.value)
+        billDetails.value = res.details
+        console.log("🚀 ~ billDetails.value:", billDetails.value)
+    })
+
+    const Bill = {
+        /**
+         * 映射流水明细类型
+         */
+        handleMapTransactionType: (type: number) => {
+            const typeMap: Record<number, string> = {
+                1: '包间预定',
+                2: '包间续费',
+                3: '提现',
+                4: '团购核销'
+            }
+            return typeMap[type] || '其他'
+        }
+    }
+</script>
+
+<style lang="scss">
+    page {
+	    background-color: $cz-page-background;
+    }
+
+</style>