111
This commit is contained in:
1 parent
328489c6dd
commit
037dd3a17f
28 files changed
+958
-275
No files matched your search
@@ -0,0 +1,33 @@
|
||||
<script setup lang="ts">
|
||||
import { ref, reactive } from "vue";
|
||||
import { onLoad, onShow } from "@dcloudio/uni-app";
|
||||
|
||||
import { hooks } from "@@/index"
|
||||
import { foodApi } from "@@/api"
|
||||
|
||||
const data = {
|
||||
|
||||
}
|
||||
const state = reactive<any>({
|
||||
pa: {
|
||||
status: 1,
|
||||
},
|
||||
})
|
||||
|
||||
onLoad(() => {
|
||||
|
||||
});
|
||||
onShow(() => {
|
||||
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<template>
|
||||
<crud-layout title="订单详情" bg="/static/page/blue-bg.png">
|
||||
|
||||
</crud-layout>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
+40
-21
@@ -103,36 +103,55 @@ const doFreeze = async () => {
|
||||
safe-area-inset-bottom :loading-more-enabled="true" :show-scrollbar="false" @query="query"
|
||||
:auto-clean-list-when-reload="false" :auto-scroll-to-top-when-reload="false" @scroll="pageHook.scroll">
|
||||
<view class="h-30rpx" />
|
||||
<view v-for="(v, i) in pageHook.list" :key="i" @tap="router.jump('/pages/wallet/detail', { id: v.id })">
|
||||
<view class="flex-col rounded-20rpx p-x-20rpx p-y-30rpx m-b-30rpx bg-#222222">
|
||||
<view class="card flex-col rounded-20rpx p-x-30rpx p-y-20rpx m-b-30rpx" v-for="(v, i) in pageHook.list"
|
||||
:key="i" @tap="router.jump('/pages/wallet/detail', { id: v.id })">
|
||||
<view v-if="v.cardNumber" class="flex-col" @tap.stop="hooks.useCopy(v.cardNumber)">
|
||||
<view class="flex-row items-center justify-between">
|
||||
<view class="flex-row items-center">
|
||||
<image class="w-52rpx h-52rpx" src="/static/icon/vip.png" mode="aspectFill" />
|
||||
<text class="m-l-25rpx main-text-32 color-#fbddb0!">
|
||||
{{ v.walletTypeStr }}
|
||||
</text>
|
||||
<text v-if="v.cardNumber" class="m-l-25rpx main-text-32 color-#fbddb0!">
|
||||
{{ v.cardNumber }}
|
||||
</text>
|
||||
</view>
|
||||
<view class="underline sub-text-28 color-#fbddb0!"
|
||||
@tap.stop="router.jump('/pages/wallet/recharge', { id: v.id })">
|
||||
去充值
|
||||
<view class="flex-row-center">
|
||||
<text class="second-text-28">卡号: {{ v.cardNumber }}</text>
|
||||
</view>
|
||||
<text class="second-text-50 iconfont icon-fuzhi" />
|
||||
</view>
|
||||
<view class="flex-row items-center justify-between m-t-30rpx">
|
||||
<text class="main-text-32 color-#fbddb0!">
|
||||
余额 ¥{{ hooks.useMoney(v.balance) }}
|
||||
<view class="h-1px m-t-10rpx bg-#999 bg-opacity-5" />
|
||||
</view>
|
||||
<view class="flex-row items-center justify-between m-t-10rpx">
|
||||
<view class="flex-row items-center">
|
||||
<image class="size-50rpx rounded-full" :src="v.walletIcon" mode="aspectFill" />
|
||||
<text class="m-l-25rpx sub-text-28">
|
||||
{{ v.walletTypeStr }}
|
||||
</text>
|
||||
<text v-if="v.walletTypeCode == 1 && !v.cardNumber"
|
||||
class="iconfont icon-bangding color-#fbddb0!" @tap.stop="openBindDialog(v)" />
|
||||
<text v-if="v.walletTypeCode == 1 && v.cardNumber" class="iconfont icon-jiebang color-#fbddb0!"
|
||||
@tap.stop="openFreezeDialog(v)" />
|
||||
</view>
|
||||
<view v-if="v.cardNumber">
|
||||
<tm-tag v-if="v.checkFreezeStatus == 1" size="s" color="info">冻结审核中</tm-tag>
|
||||
<slot v-else>
|
||||
<tm-tag v-if="!v.isFreeze" size="s" color="success">正常</tm-tag>
|
||||
<tm-tag v-else size="s" color="error">已冻结</tm-tag>
|
||||
</slot>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center justify-between m-t-10rpx">
|
||||
<text class="sub-text-40 color-red!">
|
||||
¥{{ hooks.useMoney(v.balance) }}
|
||||
</text>
|
||||
</view>
|
||||
<view class="flex-row items-center justify-end space-x-20rpx m-t-10rpx">
|
||||
<view v-if="v.walletTypeCode == 1 && !v.cardNumber" class="botder_btn"
|
||||
@tap.stop="openBindDialog(v)">
|
||||
绑定
|
||||
</view>
|
||||
<view v-if="v.walletTypeCode == 1 && v.cardNumber && v.checkFreezeStatus != 1" class="botder_btn"
|
||||
@tap.stop="openFreezeDialog(v)">
|
||||
申请冻结
|
||||
</view>
|
||||
<view class="botder_btn" @tap.stop="router.jump('/pages/wallet/recharge', { id: v.id })">
|
||||
去充值
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</z-paging>
|
||||
</crud-layout>
|
||||
|
||||
|
||||
<tm-drawer z-index="100" v-model:show="state.showBindDialog" :overlayClick="false" title="绑定饭卡" :show-close="true"
|
||||
position="bottom" size="40%">
|
||||
<view class="h-50rpx" />
|
||||
|
||||
@@ -8,16 +8,16 @@ import { walletApi, payApi } from "@@/api"
|
||||
|
||||
const data = {
|
||||
payType: [
|
||||
{ text: "模拟支付", disabled: false, type: 0, value: "mock" },
|
||||
{ text: "微信支付", disabled: true, type: 1, value: "wx_pub" },
|
||||
{ text: "支付宝支付", disabled: true, type: 2, value: "alipay_wap" },
|
||||
{ text: "模拟支付", disabled: false, type: "0", value: "mock" },
|
||||
{ text: "微信支付", disabled: true, type: "1", value: "wx_pub" },
|
||||
{ text: "支付宝支付", disabled: true, type: "2", value: "alipay_wap" },
|
||||
]
|
||||
}
|
||||
|
||||
const state = reactive<any>({
|
||||
walletId: null,
|
||||
currentPayType: 0,
|
||||
currentRecharge: -1,
|
||||
currentPayType: "0",
|
||||
currentRecharge: 0,
|
||||
userInfo: {},
|
||||
detail: {},
|
||||
rechargeList: []
|
||||
@@ -35,7 +35,7 @@ onShow(() => {
|
||||
})
|
||||
|
||||
const getDetail = async () => {
|
||||
const _pa = { walletTypeId: state.walletId }
|
||||
const _pa = { walletId: state.walletId }
|
||||
const { data } = await walletApi.detail(_pa)
|
||||
state.detail = data
|
||||
}
|
||||
@@ -98,12 +98,16 @@ const doPay = async () => {
|
||||
<view class="h-30rpx" />
|
||||
<view class="flex-row items-center justify-between h-120rpx p-x-30rpx bg-#222222 rounded-20rpx">
|
||||
<view class="flex-row items-center">
|
||||
<image class="w-52rpx h-52rpx" src="/static/icon/vip.png" mode="aspectFill" />
|
||||
<text class="m-l-25rpx main-text-32 color-#fbddb0!">
|
||||
{{ state.detail.walletTypeStr }}
|
||||
</text>
|
||||
<view class="flex-row-center size-60rpx bg-white rounded-full">
|
||||
<image class="size-50rpx rounded-full" :src="state.detail.walletIcon" mode="aspectFill" />
|
||||
</view>
|
||||
<view class="flex-row-center">
|
||||
<view class="m-l-25rpx main-text-32 color-#fbddb0!">
|
||||
{{ state.detail.walletTypeStr }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="main-text-28 color-#fbddb0!">
|
||||
<view class="main-text-30 color-#fbddb0!">
|
||||
¥{{ hooks.useMoney(state.detail.balance) }}
|
||||
</view>
|
||||
</view>
|
||||
@@ -130,22 +134,6 @@ const doPay = async () => {
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.prefix_title {
|
||||
font-size: 28rpx;
|
||||
font-weight: 800;
|
||||
color: #333;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 8rpx;
|
||||
height: 24rpx;
|
||||
background: #0094ff;
|
||||
border-radius: 4rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.recharge_item_active {
|
||||
background: #e9f5fe;
|
||||
border: 1px solid #e9f5fe !important;
|
||||
|
||||
Reference in new issue
Block a user