226 lines
7.4 KiB
Vue
226 lines
7.4 KiB
Vue
<script setup lang="ts">
|
|
import { ref, reactive } from "vue"
|
|
import { onLoad, onShow } from "@dcloudio/uni-app"
|
|
import uqrcode from "@@/utils/uqrcode"
|
|
|
|
import * as hooks from "@@/hooks"
|
|
import * as router from "@@/router"
|
|
import { walletApi } from "@@/api"
|
|
import { SERVICE_IMAGE } from "@@/constant/index"
|
|
|
|
import { filePath } from "@@/utils/file"
|
|
import { usePayStore } from "@/sheep/stores/pay"
|
|
|
|
const state = reactive<any>({
|
|
showBindDialog: false,
|
|
showFreezeDialog: false,
|
|
showQrCodeDialog: false,
|
|
currentCard: {},
|
|
})
|
|
const bindForm = reactive<any>({
|
|
cardNumber: "",
|
|
})
|
|
const bindFormRules = reactive<any>({
|
|
cardNumber: [
|
|
{ required: true, message: "请输入卡号" },
|
|
{ required: true, min: 12, message: "饭卡长度在12位" },
|
|
{ required: true, max: 12, message: "饭卡长度在12位" },
|
|
],
|
|
})
|
|
const freezeForm = reactive<any>({
|
|
remark: "",
|
|
})
|
|
|
|
onLoad(() => { })
|
|
onShow(async () => {
|
|
const isLogin = await hooks.useCheckLogin()
|
|
if (!isLogin) return
|
|
if (pageRef.value) {
|
|
pageRef.value.reload(false)
|
|
}
|
|
})
|
|
|
|
const pageRef = ref<any>(null)
|
|
const pageHook = hooks.usePage(pageRef, walletApi.all, null, "data.records")
|
|
const query = (page: number, pagesize: number) => {
|
|
pageHook.startPage(page, pagesize, false, state.pa)
|
|
}
|
|
|
|
const openBindDialog = (v: any) => {
|
|
state.showBindDialog = true
|
|
state.currentCard = v
|
|
}
|
|
|
|
const closeBindDialog = () => {
|
|
state.showBindDialog = false
|
|
}
|
|
|
|
const bindFormRef = ref<any>(null)
|
|
const doBind = async () => {
|
|
bindFormRef.value.submit()
|
|
const { isPass } = bindFormRef.value.validate()
|
|
if (!isPass) return
|
|
try {
|
|
uni.showLoading({ title: "绑定中...", mask: false })
|
|
const _pa = {
|
|
walletId: state.currentCard.id,
|
|
cardNumber: bindForm.cardNumber,
|
|
}
|
|
const { data, code }: any = await walletApi.bind(_pa)
|
|
if (code != 0) throw new Error()
|
|
closeBindDialog()
|
|
pageRef.value.reload(true)
|
|
uni.hideLoading()
|
|
uni.showToast({ title: "绑定成功", icon: "none" })
|
|
} catch (error) {
|
|
console.error(error)
|
|
uni.hideLoading()
|
|
}
|
|
}
|
|
const openFreezeDialog = (v: any) => {
|
|
state.showFreezeDialog = true
|
|
state.currentCard = v
|
|
}
|
|
const closeFreezeDialog = () => {
|
|
state.showFreezeDialog = false
|
|
}
|
|
const doPreviewQrCode = async (v: any) => {
|
|
uni.showLoading({ title: "生成中...", mask: false })
|
|
const _pa = { walletId: v.id }
|
|
try {
|
|
const { data, code }: any = await walletApi.getQrCode(_pa)
|
|
if (code != 0) throw new Error()
|
|
uni.hideLoading()
|
|
state.showQrCodeDialog = true
|
|
uqrcode.make({
|
|
canvasId: "qrcodeId",
|
|
text: data,
|
|
size: 200,
|
|
margin: 0,
|
|
success: (res) => {
|
|
console.log(res, "res")
|
|
},
|
|
complete: () => {
|
|
uni.hideLoading()
|
|
},
|
|
})
|
|
} catch (error) {
|
|
console.error(error)
|
|
uni.hideLoading()
|
|
}
|
|
}
|
|
const doFreeze = async () => {
|
|
try {
|
|
uni.showLoading({ title: "申请中...", mask: false })
|
|
const _pa = {
|
|
walletTypeId: state.currentCard.walletTypeId,
|
|
remark: freezeForm.remark,
|
|
}
|
|
const { data, code }: any = await walletApi.freeze(_pa)
|
|
if (code != 0) throw new Error()
|
|
closeFreezeDialog()
|
|
pageRef.value.reload(true)
|
|
uni.hideLoading()
|
|
uni.showToast({ title: "申请成功", icon: "none" })
|
|
freezeForm.remark = ""
|
|
} catch (error) {
|
|
console.error(error)
|
|
uni.hideLoading()
|
|
}
|
|
}
|
|
|
|
// 转账
|
|
const doTransferMoney = (v: any) => {
|
|
if (v.walletTypeId) {
|
|
usePayStore().setSourceWalletData(v)
|
|
router.jump("/pages/pay/transferMoney")
|
|
return
|
|
}
|
|
uni.showToast({ title: "钱包类型id不存在", icon: "none" })
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<crud-layout title="我的钱包" :bg="filePath(SERVICE_IMAGE.blueBg)">
|
|
<z-paging ref="pageRef" height="100%" :fixed="false" v-model="pageHook.list" :default-page-size="5"
|
|
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 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 class="flex-col">
|
|
<view class="flex-row items-center justify-between">
|
|
<view v-if="v.cardNumber" class="flex-row-center">
|
|
<text class="second-text-28">卡号: {{ v.cardNumber }}</text>
|
|
</view>
|
|
<view class="second-text-50">
|
|
<text v-if="v.cardNumber" class="iconfont icon-fuzhi"
|
|
@tap.stop="hooks.useCopy(v.cardNumber)" />
|
|
<text v-if="v.walletTypeUniqueCode == '1'" class="m-l-20rpx iconfont icon-erweima"
|
|
@tap.stop="doPreviewQrCode(v)" />
|
|
</view>
|
|
</view>
|
|
<view v-if="v.cardNumber" 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="filePath(v.walletTypeIcon)" mode="aspectFill" />
|
|
<text class="m-l-25rpx sub-text-28">
|
|
{{ v.walletTypeName }}
|
|
</text>
|
|
</view>
|
|
<view v-if="v.cardNumber">
|
|
<tm-tag v-if="v.isFreeze == 0" size="s" color="success">正常</tm-tag>
|
|
<tm-tag v-if="v.isFreeze == 1" size="s" color="error">已冻结</tm-tag>
|
|
</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.walletTypeUniqueCode == 1 && !v.cardNumber" class="botder_btn" @tap.stop="openBindDialog(v)">绑定</view> -->
|
|
<view v-if="v.isRule == '1'" class="botder_btn" @tap.stop="doTransferMoney(v)">转账</view>
|
|
<view v-if="v.walletTypeUniqueCode == 1 && v.cardNumber && v.isFreeze != 1" class="botder_btn"
|
|
@tap.stop="openFreezeDialog(v)">
|
|
申请冻结
|
|
</view>
|
|
<view v-if="v.walletTypeUniqueCode == 3" 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" />
|
|
<tm-form ref="bindFormRef" v-model="bindForm" :rules="bindFormRules">
|
|
<tm-form-item name="cardNumber" :showLabel="false" :showBottom="false">
|
|
<tm-input v-model="bindForm.cardNumber" showClear placeholder="请输入卡号..." />
|
|
</tm-form-item>
|
|
</tm-form>
|
|
<view class="h-50rpx" />
|
|
<view class="bg-#0094ff p-y-20rpx text-center rounded-40rpx sub-text-30 color-white!" @tap="doBind">绑定</view>
|
|
</tm-drawer>
|
|
<tm-drawer z-index="100" v-model:show="state.showFreezeDialog" :overlayClick="true" title="申请冻结" :show-close="true"
|
|
position="bottom" size="40%">
|
|
<view class="h-50rpx" />
|
|
<tm-form ref="bindFormRef" v-model="freezeForm">
|
|
<tm-form-item name="remark" :showLabel="false" :showBottom="false">
|
|
<tm-input v-model="freezeForm.remark" type="textarea" showClear placeholder="请输入备注.." />
|
|
</tm-form-item>
|
|
</tm-form>
|
|
<view class="h-50rpx" />
|
|
<view class="bg-#0094ff p-y-20rpx text-center rounded-40rpx sub-text-30 color-white!" @tap="doFreeze">冻结</view>
|
|
</tm-drawer>
|
|
<tm-drawer z-index="100" v-model:show="state.showQrCodeDialog" :overlayClick="false" title="钱包二维码"
|
|
:show-close="true" position="bottom" size="50%">
|
|
<view class="flex-col-center">
|
|
<view class="h-80rpx" />
|
|
<canvas canvas-id="qrcodeId" class="size-200px" />
|
|
</view>
|
|
</tm-drawer>
|
|
</template>
|