siyunxing/dajiankang-uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
PC-202306242200\Administrator
2026-03-28 23:10:55 +08:00
commit 1c24452b6c
1735 changed files with 150474 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
pages/wallet/list.vue Normal file
View File

@@ -0,0 +1,124 @@
<template>
<view>
<wd-navbar title="我的账单" :bordered="false" left-arrow custom-style="background-color: transparent !important;" safeAreaInsetTop @click-left="back"></wd-navbar>
<z-paging ref="paging" :refresher-enabled="showLoading" v-model="dataList" use-page-scroll @query="queryList">
<view class="p30">
<view>
<view style="display: flex; align-items: center; justify-content: space-between">
<image style="width: 74rpx; height: 34rpx" mode="widthFix" src="/static/icons/zhangdan.png"></image>
<wd-picker @close="showLoading = true" @open="showLoading = false" :columns="columns" v-model="queryPrams.bizType" use-default-slot @confirm="handleConfirm">
<view style="display: flex; align-items: center; font-size: 28rpx">
{{ typeName || '筛选' }}
<image style="margin-left: 15rpx; width: 35rpx; height: 35rpx" src="/static/icons/xia.png"></image>
</view>
</wd-picker>
</view>
<view class="wall_list" v-for="(item, index) in dataList" :key="index">
<view>
<view style="margin-bottom: 25rpx; font-size: 28rpx">{{ item.title }}</view>
<view style="font-size: 24rpx; color: #999">
{{ timeFormat(item.createTime, 'yyyy-MM-dd hh:mm:ss') }}
</view>
</view>
<view style="font-size: 32rpx; font-weight: bold; color: #799675">￥{{ item.money }}</view>
</view>
</view>
</view>
</z-paging>
</view>
</template>
<script setup lang="ts">
import { ref, computed } from 'vue';
import api from '@/api/index';
import { Store } from '@/store';
const store = Store();
const paging = ref(null);
const dataList = ref([]);
const columns = ref([]);
const showLoading = ref(true);
const typeName = ref('');
const queryPrams = ref({
bizType: ''
});
const userInfo = computed(
() =>
store.userInfo || {
inviteCode: '',
nickname: '',
mobile: '',
avatar: '',
paywallet: {
balance: 0
}
}
);
import { timeFormat } from '@/utils/fun.js';
const queryList = (pageNo, pageSize) => {
api.moneyRecord({ pageNo, pageSize, ...queryPrams.value })
.then((res: any) => {
columns.value = Object.entries(res.bizType).map(([value, label]) => ({
value,
label
}));
columns.value.unshift({
label: '全部',
value: ''
});
paging.value.complete(res.list);
})
.catch((res) => {
paging.value.complete(false);
});
};
const handleConfirm = (e) => {
if (!e.value) {
typeName.value = '';
} else {
typeName.value = e.selectedItems.label;
}
paging.value.reload();
};
const back = () => {
uni.navigateBack();
};
</script>
<style lang="scss" scoped>
.block_wall {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
&_tit {
display: flex;
align-items: center;
}
}
.wall_list {
width: 690rpx;
height: 118rpx;
background: #ffffff;
box-shadow: 0rpx 2rpx 8rpx 2rpx rgba(0, 88, 219, 0.06);
border-radius: 8rpx 8rpx 8rpx 8rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30rpx;
margin-top: 30rpx;
}
</style>

329
pages/wallet/wallet.vue Normal file
View File

@@ -0,0 +1,329 @@
<template>
<view>
<z-paging ref="paging" :refresher-enabled="showLoading" v-model="dataList" @query="queryList">
<wd-navbar title="钱包" :bordered="false" left-arrow custom-style="background-color: transparent !important;" safeAreaInsetTop @click-left="back"></wd-navbar>
<view class="p30">
<image src="/static/qianBeiAs.png" mode="widthFix" style="position: absolute; top: 0; left: 0; width: 100%; z-index: -1"></image>
<view style="position: relative">
<image src="/static/qianbaoBei.png" style="width: 690rpx; height: 382rpx; position: absolute; top: 0; left: 0; z-index: -1"></image>
<view style="padding: 24rpx 30rpx; font-size: 36rpx; font-weight: bold; margin-bottom: 24rpx">我的钱包</view>
<view style="display: flex; align-items: center; margin-bottom: 14rpx; padding: 0 30rpx">
<!-- <image src="/static/icons/wen.png" style="width: 28rpx; height: 28rpx"></image> -->
<view style="font-size: 24rpx; color: #666a6d; margin: 0 10rpx">我的余额（元）</view>
<image @click="toeas" :src="`/static/icons/yan${toeasTrue ? 's' : ''}.png`" style="width: 35rpx; height: 35rpx"></image>
</view>
<view
style="
font-size: 58rpx;
font-weight: bold;
color: #69a24a;
padding: 0 30rpx;
margin-bottom: 25rpx;
display: flex;
align-items: center;
justify-content: space-between;
"
>
{{ toeasTrue ? '****' : userInfo.money }}
<view
@click="toZhuan"
style="
color: #8ec287;
padding: 8rpx 30rpx;
border-radius: 30rpx;
font-size: 28rpx;
background-color: rgba(255, 255, 255, 0.8);
font-weight: 400;
display: flex;
align-items: center;
"
>
<image src="/static/icons/huazhuan.png" style="width: 35rpx; height: 35rpx"></image>
<text style="margin-left: 10rpx">划转</text>
</view>
</view>
<view
style="
width: 690rpx;
height: 110rpx;
background: #e9f2e7;
border-radius: 8rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30rpx;
margin-bottom: 35rpx;
"
>
<view class="block_wall">
<view class="block_wall_tit" style="font-size: 24rpx">
<view>业绩奖励</view>
<!-- <image src="/static/icons/wen.png" style="width: 28rpx; height: 28rpx"></image> -->
</view>
<view style="font-size: 32rpx; font-weight: bold">{{ userInfo.performanceReward || 0 }}</view>
</view>
<view class="block_wall">
<view class="block_wall_tit" style="font-size: 24rpx">
<view>直推奖励</view>
<!-- <image src="/static/icons/wen.png" style="width: 28rpx; height: 28rpx"></image> -->
</view>
<view style="font-size: 32rpx; font-weight: bold">{{ userInfo.directReferralReward || 0 }}</view>
</view>
<view class="block_wall">
<view class="block_wall_tit" style="font-size: 24rpx">
<view>间推奖励</view>
<!-- <image src="/static/icons/wen.png" style="width: 28rpx; height: 28rpx"></image> -->
</view>
<view style="font-size: 32rpx; font-weight: bold">{{ userInfo.indirectReferralReward || 0 }}</view>
</view>
<view class="block_wall">
<view class="block_wall_tit" style="font-size: 24rpx">
<view>特殊奖励</view>
<!-- <image src="/static/icons/wen.png" style="width: 28rpx; height: 28rpx"></image> -->
</view>
<view style="font-size: 32rpx; font-weight: bold">{{ userInfo.specialReward || 0 }}</view>
</view>
</view>
</view>
<!-- 报单业绩 -->
<view class="wallet-section" v-if="userInfo.branchCompany">
<view class="section-title">
<view>
<text>市场报单业绩</text>
<text style="font-size: 24rpx; font-weight: 500">(元）</text>
<image src="/static/icons/wen.png" @click="tishi" style="width: 28rpx; height: 28rpx"></image>
</view>
<view style="font-size: 26rpx">合计：{{ rewardReportInfo.total_monthly_performance }}元</view>
</view>
<view class="wallet-cards">
<view class="wallet-item" v-for="(item, index) in rewardReportInfo.money_count" :key="index">
<text class="amount red">{{ item.money || 0 }}</text>
<text class="label">{{ item.name }}</text>
<text class="desc">已招募{{ item.count || 0 }}个</text>
</view>
<!-- <view class="wallet-item">
<text class="amount">{{ userInfo.performanceReward || 0 }}</text>
<text class="label">总代理</text>
<text class="desc">已招募{{ rewardReportInfo.money_count.generalAgent || 0 }}个</text>
</view>
<view class="wallet-item">
<text class="amount">{{ userInfo.directReferralReward || 0 }}</text>
<text class="label">加盟店</text>
<text class="desc">已招募{{ rewardReportInfo.money_count.franchise || 0 }}个</text>
</view> -->
<view class="wallet-item">
<text class="amount">{{ rewardReportInfo.restock_reward || 0 }}</text>
<text class="label">团队补货</text>
</view>
</view>
</view>
<view>
<view style="display: flex; align-items: center; justify-content: space-between">
<image style="width: 74rpx; height: 34rpx" mode="widthFix" src="/static/icons/zhangdan.png"></image>
<wd-picker
@close="showLoading = true"
@open="showLoading = false"
:columns="columns"
v-model="queryPrams.bizType"
use-default-slot
@confirm="handleConfirm"
>
<view style="display: flex; align-items: center; font-size: 28rpx">
{{ typeName || '筛选' }}
<image style="margin-left: 15rpx; width: 35rpx; height: 35rpx" src="/static/icons/xia.png"></image>
</view>
</wd-picker>
</view>
<view class="wall_list" v-for="(item, index) in dataList" :key="index">
<view>
<view style="margin-bottom: 25rpx; font-size: 28rpx">{{ item.title }}</view>
<view style="font-size: 24rpx; color: #999">
{{ timeFormat(item.createTime, 'yyyy-MM-dd hh:mm:ss') }}
</view>
</view>
<view style="font-size: 32rpx; font-weight: bold; color: #799675">￥{{ item.money }}</view>
</view>
</view>
</view>
</z-paging>
</view>
</template>
<script setup lang="ts">
import { ref, computed } from 'vue';
import api from '@/api/index';
import { Store } from '@/store';
import { onShow } from '@dcloudio/uni-app';
const rewardReportInfo = ref({});
const store = Store();
const paging = ref(null);
const dataList = ref([]);
const columns = ref([]);
const showLoading = ref(true);
const typeName = ref('');
const toeasTrue = ref(false);
const queryPrams = ref({
bizType: ''
});
const userInfo = computed(
() =>
store.userInfo || {
inviteCode: '',
nickname: '',
mobile: '',
avatar: '',
paywallet: {
balance: 0
}
}
);
onShow(async () => {
if (userInfo.value.branchCompany) {
api.rewardReport().then((res) => {
rewardReportInfo.value = res;
});
}
});
import { timeFormat } from '@/utils/fun.js';
const queryList = (pageNo, pageSize) => {
api.moneyRecord({ pageNo, pageSize, ...queryPrams.value })
.then((res: any) => {
columns.value = Object.entries(res.bizType).map(([value, label]) => ({
value,
label
}));
columns.value.unshift({
label: '全部',
value: ''
});
paging.value.complete(res.list);
})
.catch((res) => {
paging.value.complete(false);
});
};
const handleConfirm = (e) => {
if (!e.value) {
typeName.value = '';
} else {
typeName.value = e.selectedItems.label;
}
paging.value.reload();
};
const back = () => {
uni.navigateBack();
};
const tishi = () => {
uni.showModal({
title: '提示',
content: '每月初结算上月业绩，“团队补货”为团队补货回款，例：本月整个团队总补货回款为20W，则月度团队补货收益为20W×12%=24000元',
showCancel: false
});
};
const toeas = () => {
toeasTrue.value = !toeasTrue.value;
};
const toZhuan = () => {
uni.navigateTo({
url: '/pages/wallet/zhaun'
});
};
</script>
<style lang="scss" scoped>
.block_wall {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
&_tit {
display: flex;
align-items: center;
}
}
.wall_list {
width: 690rpx;
height: 118rpx;
background: #ffffff;
box-shadow: 0rpx 2rpx 8rpx 2rpx rgba(0, 88, 219, 0.06);
border-radius: 8rpx 8rpx 8rpx 8rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30rpx;
margin-top: 30rpx;
}
/* 钱包区域 */
.wallet-section {
background-color: white;
margin: 0rpx 0 20rpx;
padding: 30rpx;
border-radius: 8rpx 8rpx 8rpx 8rpx;
}
.section-title {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10rpx 0 20rpx;
font-size: 32rpx;
font-weight: bold;
color: #333;
border-bottom: 1px solid #eee;
margin-bottom: 20rpx;
}
.wallet-cards {
display: flex;
justify-content: space-between;
}
.wallet-item {
display: flex;
flex-direction: column;
flex: 1;
text-align: center;
color: #333;
}
.label {
font-size: 28rpx;
color: #666;
}
.amount {
font-size: 36rpx;
font-weight: bold;
margin-bottom: 10rpx;
color: #799675;
}
.desc {
font-size: 20rpx;
color: #999;
margin-top: 6rpx;
}
</style>

180
pages/wallet/zhaun.vue Normal file
View File

@@ -0,0 +1,180 @@
<template>
<view style="padding: 30rpx">
<view class="card_zhaun" style="color: #949494">当前余额：{{ userInfo.money }}</view>
<view class="card_zhaun">
<view class="card_zhaun_flex">
<view class="card_zhaun_flex_title">划转金额</view>
<input type="number" placeholder="请输入金额" v-model="dataForm.money" />
</view>
<view class="card_zhaun_flex">
<view class="card_zhaun_flex_title">划转给（手机号）</view>
<input type="number" placeholder="请输入手机号" v-model="dataForm.toPhone" />
</view>
<view class="card_zhaun_flex">
<view class="card_zhaun_flex_title">当前手机号</view>
<input type="number" disabled placeholder="请输入手机号" v-model="userInfo.mobile" />
</view>
<view class="card_zhaun_flex">
<view class="card_zhaun_flex_title">验证码</view>
<view style="display: flex; align-items: center; justify-content: space-between; border-bottom: 1rpx solid #e8e8e8">
<input style="border: 0" type="number" v-model="dataForm.smsCode" placeholder="请输入验证码" />
<view class="code-btn" @click="getCode">{{ current.seconds || codeIngo }}</view>
</view>
</view>
</view>
<view class="card_zhaun">
<view style="color: #f29100">温馨提示</view>
<view style="height: 10rpx"></view>
<view style="font-size: 28rpx; color: #909399">
<view>1.划转金额实时到账，不扣手续费；</view>
<view style="height: 10rpx"></view>
<view>2.划转成功后实时生效，不支持撤回。</view>
</view>
</view>
<view class="bottom-btn">
<view class="button-a" @click="confirm">确认</view>
</view>
</view>
</template>
<script setup>
import { ref, computed } from 'vue';
import api from '@/api/index';
import { Store } from '@/store';
import { toast } from '@/utils/fun.js';
import { useCountDown } from '@/uni_modules/wot-design-uni';
let dataForm = ref({
toPhone: '',
smsCode: '',
money: ''
});
const codeIngo = ref('获取验证码');
const { start, pause, reset, current } = useCountDown({
time: 60 * 1000,
onChange(current) {},
onFinish() {
codeIngo.value = '重新发送';
}
});
// 获取验证码方法
const getCode = (e) => {
if (!userInfo.value.mobile) {
toast('请输入手机号');
return;
}
if (current.value.seconds) {
toast('请等待倒计时结束');
return;
}
api.smsCode({
mobile: userInfo.value.mobile,
scene: 6
})
.then((res) => {
start();
toast('验证码发送成功');
})
.catch((err) => {
console.log(err);
toast('验证码发送失败');
});
};
const store = Store();
const userInfo = computed(
() =>
store.userInfo || {
inviteCode: '',
nickname: '',
mobile: '',
avatar: '',
paywallet: {
balance: 0
}
}
);
const confirm = () => {
if (!dataForm.value.toPhone) return uni.showToast({ title: '请输入划转手机号', icon: 'none' });
if (!dataForm.value.money) return uni.showToast({ title: '请输入划转金额', icon: 'none' });
if (!dataForm.value.smsCode) return uni.showToast({ title: '请输入验证码', icon: 'none' });
api.transfer2other(dataForm.value).then((res) => {
uni.showModal({
title: '提示',
content: '划转成功',
showCancel: false,
success: () => {
uni.reLaunch({
url: '/pages/mine/mine'
});
}
});
});
};
</script>
<style lang="scss" scoped>
.card_zhaun {
padding: 30rpx;
background-color: #fff;
border-radius: 16rpx;
margin-bottom: 25rpx;
&_flex {
margin-bottom: 20rpx;
&_title {
font-size: 28rpx;
margin-bottom: 20rpx;
}
input {
font-size: 28rpx;
border-bottom: 1rpx solid #e8e8e8;
padding: 5rpx 0;
}
}
}
.bottom-btn {
width: 100%;
height: 150rpx;
padding: 30rpx;
background-color: #ffffff;
position: fixed;
bottom: 0;
left: 0;
border-radius: 20rpx 20rpx 0 0;
box-shadow: 0px 6rpx 16rpx 2rpx rgba(170, 170, 170, 0.35);
display: flex;
align-items: center;
justify-content: center;
.button-a {
width: 690rpx;
height: 90rpx;
background: #799675;
border-radius: 15rpx;
text-align: center;
font-size: 30rpx;
color: #ffffff;
line-height: 90rpx;
}
}
.code-btn {
width: 175rpx;
height: 60rpx;
line-height: 60rpx;
font-size: 28rpx;
color: #5d7a4e;
border: 1rpx solid #5d7a4e;
text-align: center;
border-radius: 14rpx 14rpx 14rpx 14rpx;
}
</style>