DeXun/cashier
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
砂糖
2026-02-07 18:01:13 +08:00
commit 8015759c65
2110 changed files with 269866 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

244
fuintUniapp/pages/pay/cashier.vue Normal file
View File

@@ -0,0 +1,244 @@
<template>
<view class="container" v-if="userInfo.id">
<view class="account-panel dis-flex flex-y-center">
<view class="panel-lable">
<text>会员账户余额</text>
</view>
<view class="panel-balance flex-box">
<text>￥{{ userInfo.balance }}</text>
</view>
</view>
<view class="recharge-panel">
<!-- 收款金额输入框 -->
<view class="recharge-input">
<view class="label">收款金额</view>
<text class="uni">￥</text>
<input type="number" class="uni-input" placeholder="请输入收款金额（单位：元）" placeholder-class="placeholder" v-model="inputValue" @input="onChangeMoney" />
</view>
<view class="remark-input">
<view class="label">备注信息</view>
<input type="text" v-model="remark" placeholder-class="placeholder" placeholder="请输入收款备注"/>
</view>
<!-- 确认按钮 -->
<view class="recharge-submit btn-submit">
<form @submit="onSubmit">
<button class="button" formType="submit" :disabled="disabled">立即收款</button>
</form>
</view>
</view>
</view>
</template>
<script>
import * as UserApi from '@/api/user'
import * as BalanceApi from '@/api/balance'
import * as SettlementApi from '@/api/settlement'
import { wxPayment } from '@/utils/app'
export default {
data() {
return {
// 正在加载
isLoading: true,
// 会员二维码
userCode: "",
// 会员信息
userInfo: {},
// 按钮禁用
disabled: false,
// 收款备注
remark: '',
// 自定义金额
inputValue: '',
}
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.userCode = options.code
// 获取页面数据
this.getPageData()
},
methods: {
// 收款金额输入框
onChangeMoney(e) {
this.inputValue = e.target.value;
this.rechargeAmount = 0;
},
// 获取页面数据
getPageData() {
const app = this
app.isLoading = true
Promise.all([app.getUserInfo()])
.then(() => app.isLoading = false)
},
// 获取会员信息
getUserInfo() {
const app = this
return new Promise((resolve, reject) => {
UserApi.info({ code: app.userCode })
.then(result => {
app.userInfo = result.data.userInfo;
resolve(app.userInfo);
})
})
},
// 立即收款
onSubmit(e) {
const app = this
if (app.inputValue.length < 1) {
app.$error('请输入收款金额！');
return false;
}
// 按钮禁用
app.disabled = true
// 提交到后端
SettlementApi.doCashier({ type: 'payment', cashierPayAmount: app.inputValue, cashierDiscountAmount: 0, payType: 'BALANCE', userId: app.userInfo.id, remark: app.remark })
.then(result => app.onSubmitCallback(result))
.catch(err => {
if (err.result) {
const errData = err.result.data;
if (errData) {
return false;
}
}
})
},
// 收款回调
onSubmitCallback(result) {
const app = this
if (result.code != '200') {
app.$error(result.message ? result.message : '收款失败');
app.disabled = false;
return false;
}
uni.showModal({
title: '收款结果',
content: '收款成功！',
showCancel: false,
success(o) {
if (o.confirm) {
app.inputValue = '';
app.remark = '';
app.disabled = false;
app.getPageData();
}
}
})
}
}
}
</script>
<style>
.placeholder {
color: #ccc;
font-size: 28rpx;
font-weight: normal;
}
</style>
<style lang="scss" scoped>
page,
.container {
background: #fff;
}
.container {
padding-bottom: 70rpx;
}
/* 账户面板 */
.account-panel {
width: 650rpx;
height: 180rpx;
margin: 50rpx auto;
padding: 0 60rpx;
box-sizing: border-box;
border-radius: 8rpx;
color: #fff;
background: $fuint-theme;
box-shadow: 0 5px 22px 0 rgba(0, 0, 0, 0.26);
}
.panel-lable {
font-size: 32rpx;
}
.recharge-label {
color: rgb(51, 51, 51);
font-size: 32rpx;
margin-bottom: 25rpx;
}
.panel-balance {
text-align: right;
font-size: 46rpx;
}
.recharge-panel {
margin-top: 60rpx;
padding: 0 60rpx;
}
.recharge-input {
margin-top: 25rpx;
.label {
margin-bottom: 10rpx;
}
.uni {
font-weight: bold;
font-size: 32rpx;
}
input {
border: 1rpx solid rgb(228, 228, 228);
border-radius: 6rpx;
padding: 20rpx;
font-weight: bold;
font-size: 58rpx;
}
}
.remark-input {
.label {
margin-bottom: 10rpx;
}
margin-top: 50rpx;
input {
border: 1rpx solid rgb(228, 228, 228);
border-radius: 6rpx;
padding: 20rpx;
font-size: 26rpx;
}
}
/* 立即充值 */
.recharge-submit {
margin-top: 70rpx;
}
.btn-submit {
.button {
font-size: 30rpx;
background: linear-gradient(to right, #f9211c, #ff6335);
border: none;
color: white;
border-radius: 40rpx;
padding: 0 120rpx;
line-height: 3;
}
.button[disabled] {
background: #ff6335;
border-color: #ff6335;
color: white;
}
}
</style>

57
fuintUniapp/pages/pay/components/Popup.vue Normal file
View File

@@ -0,0 +1,57 @@
<template>
<pay-popup :value="value" @input="onChangeValue" :payInfo="payInfo" @modifyChoice="modifyChoice" border-radius="20" :maskCloseAble="true"
@open="openPopup" @close="closePopup"/>
</template>
<script>
import PayPopup from '@/components/pay-popup'
var that; // 当前页面对象
let payInfo;
export default {
components: {
PayPopup
},
props: {
// true 组件显示 false 组件隐藏
value: {
Type: Boolean,
default: false
},
// 支付信息
payInfo: {
type: Object,
default: {}
}
},
data() {
return {}
},
methods: {
// 监听组件显示隐藏
onChangeValue(val) {
this.$emit('input', val)
},
// sku组件 开始-----------------------------------------------------------
openPopup() {
console.log("监听 - 打开弹框组件")
},
closePopup() {
console.log("监听 - 关闭弹框组件")
},
// 改变支付信息
modifyChoice(payInfo) {
this.$emit('modifyChoice', payInfo)
},
}
}
</script>
<style lang="scss" scoped>
</style>

345
fuintUniapp/pages/pay/index.vue Normal file
View File

@@ -0,0 +1,345 @@
<template>
<view class="container b-f p-b">
<view class="base">
<view class="merchant-name">
<view class="name">{{ storeInfo ? storeInfo.name : systemName }}</view>
</view>
</view>
<view class="pay-form">
<u-form :model="form" label-width="100rpx">
<u-form-item class="input" prop="payAmount" :border-bottom="false" label="金额" rules="[{ required: true, message: '请输入支付金额', trigger: 'blur' }]">
<view class="amount-icon">￥</view>
<view class="amount">{{ form.payAmount }}</view>
</u-form-item>
<u-form-item class="input" v-if="form.remark" :border-bottom="false" label="备注">
<u-input v-model="form.remark" type="text" placeholder="请输入备注信息"/>
</u-form-item>
<u-form-item :border-bottom="false">
<view class="remark" @click="showRemarkPop()"><text class="iconfont icon-edit"></text>添加备注</view>
</u-form-item>
</u-form>
</view>
<neoceansoft-keyboard keyboardType="payment" behaviorBgColor="#00acac" @result="changeAmount" @paymentClick="doPay"></neoceansoft-keyboard>
<view class="remark-popup">
<uni-popup ref="remarkPopup" type="dialog">
<uni-popup-dialog mode="input" focus="false" v-model="form.remark" title="备注信息" type="info" placeholder="请输入备注信息" :before-close="true" @close="cancelRemark" @confirm="doRemark"></uni-popup-dialog>
</uni-popup>
</view>
<Popup v-if="!isLoading" v-model="showPopup" :payInfo="payInfo" @modifyChoice="modifyChoice"/>
</view>
</template>
<script>
import jyfParser from '@/components/jyf-parser/jyf-parser'
import * as SettlementApi from '@/api/settlement'
import * as settingApi from '@/api/setting'
import PayTypeEnum from '@/common/enum/order/PayType'
import { checkLogin, needLogin } from '@/utils/app'
import Popup from './components/Popup'
import config from '@/config'
export default {
components: {
Popup
},
data() {
return {
systemName: config.name,
// 加载中
isLoading: false,
showPopup: false,
form: {'payAmount': '', 'remark' : ''},
payInfo: {'usePoint': 0, 'pointAmount': 0, 'payAmount': 0, 'totalAmount': 0, 'payDiscount': 1, 'maxPoint': 0, 'couponInfo': null, 'couponAmount': 0, "isLogin": false, "canUsedAsMoney": "false"},
canUsedAsMoney: false,
exchangeNeedPoint: 0,
canUsePointAmount: 0,
storeInfo: null
}
},
/**
* 生命周期函数--监听页面显示
*/
onShow(options) {
this.prePay();
this.systemConfig();
// 判断是否已登录
this.payInfo.isLogin = checkLogin();
},
methods: {
showRemarkPop() {
this.$refs.remarkPopup.open('top');
},
doRemark(remark) {
this.form.remark = remark
this.$refs.remarkPopup.close();
},
cancelRemark() {
this.$refs.remarkPopup.close();
},
// 支付金额改变
changeAmount(e) {
this.form.payAmount = e;
},
systemConfig() {
const app = this;
settingApi.systemConfig()
.then(result => {
app.storeInfo = result.data.storeInfo;
})
},
// 支付前查询
prePay() {
const app = this
// 请求api
SettlementApi.prePay()
.then(result => {
if (result.data) {
app.canUsedAsMoney = result.data.canUsedAsMoney;
app.exchangeNeedPoint = result.data.exchangeNeedPoint;
app.canUsePointAmount = result.data.canUsePointAmount;
app.payInfo.maxPoint = result.data.canUsePointAmount;
app.payInfo.couponInfo = result.data.canUseCouponInfo;
app.payInfo.couponAmount = (result.data.canUseCouponInfo === null) ? 0 : result.data.canUseCouponInfo.amount;
app.payInfo.usePoint = result.data.canUsePointAmount;
app.payInfo.totalAmount = app.form.payAmount;
app.payInfo.payDiscount = result.data.payDiscount;
app.payInfo.canUsedAsMoney = result.data.canUsedAsMoney;
app.payInfo.isLogin = checkLogin();
app.payInfo.exchangeNeedPoint = app.exchangeNeedPoint;
app.modifyChoice(app.payInfo);
}
})
.catch(err => {
if (err.result) {
const errData = err.result.data;
if (errData) {
return false;
}
}
})
},
// 修改支付选择
modifyChoice(payInfo) {
const app = this;
app.payInfo = payInfo;
if (app.canUsedAsMoney == 'true') {
app.payInfo.usePoint = parseInt(app.payInfo.usePoint);
}
if (app.canUsedAsMoney == 'true' && parseFloat(app.form.payAmount) > 0.1) {
app.payInfo.pointAmount = parseInt(app.payInfo.usePoint) / parseInt(app.exchangeNeedPoint);
}
app.payInfo.payAmount = parseFloat(app.form.payAmount);
// 会员等级折扣金额
if (app.payInfo.payDiscount !== null && app.payInfo.payDiscount > 0) {
let memberDiscount = parseFloat(app.payInfo.payAmount) - (parseFloat(app.payInfo.payAmount) * parseFloat(app.payInfo.payDiscount));
app.payInfo.payAmount = app.payInfo.payAmount - parseFloat(memberDiscount);
}
// 积分金额不能大于支付金额
if (parseFloat(app.payInfo.pointAmount) > parseFloat(app.payInfo.payAmount)) {
app.payInfo.pointAmount = parseFloat(app.payInfo.payAmount);
app.payInfo.usePoint = parseInt(app.exchangeNeedPoint) * parseFloat(app.payInfo.payAmount);
}
app.payInfo.payAmount = parseFloat(app.payInfo.payAmount) - parseFloat(app.payInfo.pointAmount);
let useCoupon = true;
if (app.payInfo.payAmount <= 0) {
app.payInfo.couponAmount = 0;
useCoupon = false;
}
// 使用了卡券进行抵扣
if (app.payInfo.couponInfo !== null && app.payInfo.payAmount > 0 && useCoupon) {
if (parseFloat(app.payInfo.couponAmount) > app.payInfo.payAmount) {
app.payInfo.couponAmount = app.payInfo.payAmount;
}
app.payInfo.payAmount = app.payInfo.payAmount - parseFloat(app.payInfo.couponAmount);
}
// 支付金额不能小于0
if (app.payInfo.payAmount < 0) {
app.payInfo.payAmount = 0;
}
},
// 提交支付
doPay() {
const app = this;
if (!app.payInfo.isLogin) {
needLogin();
return false;
}
app.prePay();
if (app.form.payAmount.length < 1) {
app.$error('支付金额不能为空');
return false;
}
if (parseFloat(app.form.payAmount) < 0.01) {
app.$error('支付金额不能小于0.01元');
return false;
}
if (app.canUsedAsMoney == 'true' && parseInt(app.canUsePointAmount) > 0 && parseFloat(app.form.payAmount) > 0.1) {
app.payInfo.usePoint = parseInt(app.canUsePointAmount);
}
if (app.canUsedAsMoney == 'true' && parseInt(app.canUsePointAmount) > 0 && parseFloat(app.form.payAmount) > 0.1) {
app.payInfo.pointAmount = parseInt(app.canUsePointAmount) / parseInt(app.exchangeNeedPoint);
}
app.payInfo.payAmount = parseFloat(app.form.payAmount);
// 会员等级折扣金额
if (app.payInfo.payDiscount !== null && app.payInfo.payDiscount > 0 && parseFloat(app.form.payAmount) > 0.1) {
let memberDiscount = parseFloat(app.payInfo.payAmount) - (parseFloat(app.payInfo.payAmount) * parseFloat(app.payInfo.payDiscount));
app.payInfo.payAmount = app.payInfo.payAmount - parseFloat(memberDiscount);
}
// 积分金额不能大于支付金额
if (parseFloat(app.payInfo.pointAmount) > parseFloat(app.payInfo.payAmount) && parseFloat(app.form.payAmount) > 0.01) {
app.payInfo.pointAmount = parseFloat(app.payInfo.payAmount);
app.payInfo.usePoint = parseInt(app.exchangeNeedPoint) * parseFloat(app.payInfo.payAmount);
}
// 减去积分金额
app.payInfo.payAmount = parseFloat(app.payInfo.payAmount) - parseFloat(app.payInfo.pointAmount)
if (app.payInfo.payAmount <= 0) {
app.payInfo.couponAmount = 0;
}
// 使用卡券进行抵扣
if (app.payInfo.couponAmount > 0 && app.payInfo.payAmount > 0 && app.payInfo.couponInfo !== null) {
if (parseFloat(app.payInfo.couponAmount) > app.payInfo.payAmount) {
app.payInfo.couponAmount = app.payInfo.payAmount;
}
app.payInfo.payAmount = app.payInfo.payAmount - parseFloat(app.payInfo.couponInfo.amount);
}
if (app.payInfo.payAmount < 0) {
app.payInfo.payAmount = 0;
}
app.payInfo = { "remark": app.form.remark, "pointAmount": parseFloat(app.payInfo.pointAmount).toFixed(2),
"usePoint": app.payInfo.usePoint, "payAmount": parseFloat(app.payInfo.payAmount).toFixed(2),
"maxPoint": app.payInfo.maxPoint, "couponInfo": app.payInfo.couponInfo, couponAmount: app.payInfo.couponAmount,
"totalAmount": app.form.payAmount, "payDiscount": app.payInfo.payDiscount, "canUsedAsMoney": app.canUsedAsMoney, "isLogin": checkLogin(),
"exchangeNeedPoint": app.exchangeNeedPoint };
app.showPopup = !app.showPopup;
return true;
}
}
}
</script>
<style lang="scss" scoped>
.container {
min-height: 100vh;
padding: 20rpx;
background: #fff;
color:#666666;
}
.base {
background: $fuint-theme;
padding: 30rpx;
border-radius: 10rpx;
color: #ffffff;
margin: 20rpx;
height: 100rpx;
.merchant-name {
margin-left: 30rpx;
overflow: hidden;
text-align: center;
font-weight: bold;
font-size: 30rpx;
}
}
.pay-form {
border: solid 3rpx $fuint-theme;
padding: 30rpx;
border-radius: 10rpx;
margin: 60rpx 20rpx 20rpx 20rpx;
.remark-popup {
border: #cccccc solid 1px;
background: red;
}
.input {
padding-left: 20rpx;
padding-right: 20rpx;
margin-top: 30rpx;
margin-bottom: 20rpx;
width: 94%;
display: inline-flex;
}
.amount {
font-weight: bold;
font-size: 70rpx;
float: left;
min-width: 330rpx;
display: block;
height: 88rpx;
border-bottom: solid 1rpx #CCCCCC;
}
.amount-icon {
font-size: 38rpx;
font-weight: bold;
float: left;
}
.remark {
width: 100%;
text-align: right;
}
}
/* 底部操作栏 */
.footer-fixed {
position: fixed;
bottom: var(--window-bottom);
left: 0;
right: 0;
display: flex;
height: 180rpx;
padding-bottom: 30rpx;
z-index: 11;
box-shadow: 0 -4rpx 40rpx 0 rgba(144, 52, 52, 0.1);
background: #fff;
}
.footer-container {
width: 100%;
display: flex;
}
// 操作按钮
.foo-item-btn {
flex: 1;
.btn-wrapper {
height: 100%;
display: flex;
align-items: center;
}
.btn-item {
flex: 1;
font-size: 28rpx;
height: 80rpx;
line-height: 80rpx;
margin-right: 16rpx;
margin-left: 16rpx;
text-align: center;
color: #fff;
border-radius: 8rpx;
}
// 立即领取按钮
.btn-item-main {
background: linear-gradient(to right, #f9211c, #ff6335);
}
}
</style>

120
fuintUniapp/pages/pay/result.vue Normal file
View File

@@ -0,0 +1,120 @@
<template>
<view class="container">
<view class="success">
<view class="result">
<image class="icon" src="/static/pay/success.png"></image>
<text class="text">支付成功！</text>
</view>
<view class="amount">￥{{ amount }}</view>
<view class="point" v-if="point > 0 && amount > 0.1">使用{{ point }}积分</view>
</view>
<view v-if="false" class="attention">
<view class="result"><image class="icon" src="/static/pay/success.png"></image>使用失败</view>
</view>
<view class="confirm" @click="doConfirm()">确定</view>
</view>
</template>
<script>
import * as MessageApi from '@/api/message'
export default {
data() {
return {
amount: 0,
point: 0,
}
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
// 当前页面参数
this.amount = options.amount ? options.amount : 0
this.point = options.point ? options.point : 0
},
methods: {
/**
* 确定
* */
doConfirm() {
const app = this
// #ifdef MP-WEIXIN
MessageApi.getSubTemplate({keys: "balanceChange,pointChange"}).then(result => {
const templateIds = result.data
wx.requestSubscribeMessage({tmplIds: templateIds,
success(res) {
console.log("调用成功！")
}, fail(res) {
console.log("调用失败:", res)
}, complete() {
app.$navTo('pages/index/index')
}})
})
// #endif
// #ifndef MP-WEIXIN
app.$navTo('pages/index/index')
// #endif
}
}
}
</script>
<style lang="scss" scoped>
.success {
width: 100%;
text-align: center;
margin-top: 200rpx;
.result {
font-size: 35rpx;
text-align: center;
padding: 10rpx 10rpx 10rpx 50rpx;
height: 70rpx;
.icon {
width: 45rpx;
height: 45rpx;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
}
.text {
text-align: center;
height: 100%;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
color: #00B83F;
font-weight: bold;
}
}
.amount {
font-weight: bold;
font-size: 65rpx;
margin-top: 50rpx;
margin-bottom: 50rpx;
color: #000000;
}
.point {
font-size: 30rpx;
}
}
.attention {
width: 100%;
text-align: center;
margin-top: 14rpx;
}
.confirm {
flex: 1;
font-size: 28rpx;
height: 80rpx;
line-height: 80rpx;
text-align: center;
color: #fff;
border-radius: 40rpx;
width: 300rpx;
margin: 50rpx auto;
background: $fuint-theme;
}
</style>