第一次上传

.svn/pristine/7e/7e9713df0dd2913e3105d86f0878d605401dadf0.svn-base

@@ -0,0 +1,362 @@
+<template>
+	<view style="display: flex; flex-direction: column;   height: 100vh; ">
+		<view class="merchant-info">
+			<view class="">
+				<text class="section-title">付款给商户</text>
+				<text class="merchant-name">{{ storeInfo.name }}</text>
+			</view>
+			<image :src="Service.GetMateUrlByImg(storeInfo.logo)" mode="aspectFill" class="merchant-icon">
+			</image>
+		</view>
+
+		<view class=""
+			style="  padding: 30rpx 40rpx; flex: 1;  background-color: #fff; width: 100%; border-top-right-radius: 30rpx; border-top-left-radius: 30rpx; ">
+			<view class="" style="font-size: 24rpx; font-weight: 600;">
+				余额
+			</view>
+			<view class="" style="margin: 20rpx 0;  padding: 20rpx 0;  border-bottom: 1rpx solid #e2e2e2; ">
+				<!-- <up-input prefixIcon='rmb' :prefixIconStyle="{ 'color':'#000','font-weight': 600,'font-size':'60rpx'  }"
+					fontSize='50rpx'
+					 auto-blur="false"
+					@focus="focusFunc"
+					:customStyle="{'color':'#000', height:  '90rpx', 'padding-left': 0, 'font-weight': 600,'padding-bottom':'20rpx'  }"
+					border="bottom" v-model="account"></up-input> -->
+				<view class="" style="display:  flex; align-items: center; width: 100%; ">
+					<view class="" style="height: 70rpx; display: flex; align-items: center; ">
+						<up-icon name="rmb" :bold='true' size='50rpx' color="#000"></up-icon>
+					</view>
+					<view class="" style=" height: 70rpx; line-height: 70rpx; font-weight: 600;font-size: 70rpx;  ">
+						{{account}}
+					</view>
+					<view class="" v-if="isShow"
+						style="margin: 0 10rpx; width: 4rpx;  height: 70rpx;  background-color: var(--nav-mian); ">
+
+					</view>
+
+				</view>
+
+
+			</view>
+			<view v-if="storeInfo.code=='Discounts' &&  userInfo.integral>0 " class=""
+				style="font-size: 24rpx; color: #6B6B6B; ">
+				<text>当前拥有{{ userInfo.integral }}积分</text>
+				<text style="margin-left: 10rpx;">可抵扣 ¥{{ userInfo.integral }}元</text>
+			</view>
+			<view v-if="userInfo.integral==0  && account>0 " class="" style="font-size: 24rpx; color: #6B6B6B; ">
+				本次消费可得 {{ computePoints( account ) }} 积分
+			</view>
+			<!-- <view class="" style="font-size: 28rpx; margin-top: 10rpx; ">
+				<text :style="{'margin-right':!des?'':'15rpx'}">{{des}}</text>
+				<text @click="showDes=true" style="font-weight: 600;  color: #586B95;">添加备注</text>
+			</view> -->
+			<view class=""
+				style="background-color: #f5f5f5; padding: 20rpx; position: fixed; bottom: 0; left: 0; width: 100%; padding-top: 25rpx; padding-bottom: 20rpx; ">
+				<view class="" style="display: grid;  grid-template-columns: repeat(4,1fr); ">
+					<view class="button" @click="input(item)" v-for="(item,index) in 3" :key="index">
+						{{item}}
+					</view>
+					<view @click="deleInput()" class="button">
+						<up-icon name="backspace" :bold='true' size="26"></up-icon>
+					</view>
+				</view>
+				<view class="" style="display: grid;  grid-template-columns: 3fr 1fr; ">
+					<view class="">
+						<view class="" style="display: grid;  grid-template-columns: repeat(3,1fr); ">
+							<view class="button" @click="input(item+3)" v-for="(item,index) in 3" :key="index">
+								{{item+3}}
+							</view>
+						</view>
+						<view class="" style="display: grid;  grid-template-columns: repeat(3,1fr); ">
+							<view class="button" @click="input(item+6)" v-for="(item,index) in 3" :key="index">
+								{{item+6}}
+							</view>
+						</view>
+						<view class="" style="display: grid;  grid-template-columns: 2fr 1fr; ">
+							<view @click="input(0)" class="button">
+								0
+							</view>
+							<view @click="input('.')" class="button">
+								.
+							</view>
+						</view>
+					</view>
+					<view @click="save()" class="button" style="background-color: var(--nav-mian);  color: #fff; ">
+						付款
+					</view>
+				</view>
+			</view>
+		</view>
+
+	</view>
+
+
+
+
+	<!-- <up-popup :show="showDes">
+		<view style="width: 100%;   padding: 50rpx 30rpx; ">
+			<view class="">
+				<text style="font-size: 28rpx;  font-weight: 600;">添加备注</text>
+			</view>
+			<view class=""
+				style=" margin-top: 30rpx; padding: 20rpx 0; border-bottom: 1rpx solid #e2e2e2; border-top: 1rpx solid #e2e2e2; ">
+				<up-input placeholder="请输入内容"  border="none" v-model="des"></up-input>
+			</view>
+
+			<view class=""
+				style=" margin: 0 110rpx; margin-top: 50rpx; display: flex; align-items: center; justify-content: space-between;  ">
+				<view class="" @click="showDes=false,des=''"
+					style="  background-color: #f2f2f2; color: #000; padding: 20rpx 80rpx;border-radius: 20rpx;  display: flex; align-items: center; justify-content: center; ">
+					取消
+				</view>
+				<view class="" @click="showDes=false"
+					style="  background-color: #07c160; color: #fff; padding: 20rpx 80rpx;border-radius: 20rpx;  display: flex; align-items: center; justify-content: center; ">
+					确定
+				</view>
+			</view>
+
+		</view>
+	</up-popup> -->
+</template>
+
+<script setup lang="ts">
+	import { onShow, onLoad } from "@dcloudio/uni-app";
+	import { Service } from "@/Service/Service"
+	import { onUnmounted, ref } from "vue";
+	import { vpMerchService } from "@/Service/vp/vpMerchService";
+	import { vpUserService } from "@/Service/vp/vpUserService";
+	import { vpLoginService } from "@/Service/vp/vpLoginService";
+
+	let account = ref('')
+	// let showDes = ref(false)
+	let des = ref()
+	let isShow = ref(false)
+	let timeOut = ref()
+	let payway = ref('')
+	let par = ref('')
+	let openId = ref('')
+	let storeInfo = ref<any>({})
+	let userInfo = ref<any>({})
+	let radio=ref(0)
+	let points = ref('')
+
+	onLoad((data : any) => {
+		focusFunc()
+		getOpid()
+		if (!Service.GetUserIsLogin()) {
+			// 支付宝
+			// #ifdef MP-ALIPAY
+			let querdata = Service.GetStorageCache('quer')
+			payway.value = 'zfb'
+			par.value = querdata.query.par
+			getData()
+			// #endif
+			// #ifdef MP-WEIXIN
+			payway.value = 'wx'
+			par.value = decodeURIComponent(data.q).split('?')[1].split('=')[1]
+			// #endif
+			login()
+			return
+		}
+
+
+		// 支付宝
+		// #ifdef MP-ALIPAY
+		let querdata = Service.GetStorageCache('quer')
+		payway.value = 'zfb'
+		par.value = querdata.query.par
+		getData()
+		// #endif
+		// #ifdef MP-WEIXIN
+		payway.value = 'wx'
+		if (data.q) {
+			par.value = decodeURIComponent(data.q).split('?')[1].split('=')[1]
+			getData()
+		} else {
+			par.value = ''
+			getData()
+		}
+		// #endif
+	});
+
+	onShow(() => {
+
+	});
+
+	onUnmounted(() => {
+		clearInterval(timeOut.value)
+	})
+
+	const getData = () => {
+		vpMerchService.GetUnitMerchInfo(par.value).then(res => {
+			if (res.code == 0) {
+				storeInfo.value = res.data.merchInfo
+				userInfo.value = res.data.accInfo
+				radio.value=res.data.radio
+			} else {
+				Service.Msg('商家获取失败,请重新扫码')
+			}
+		})
+	}
+
+	const input = (val : any) => {
+		if (account.value.split('').length > 8) {
+			return
+		}
+
+		if (val == '.') {
+			let arr = account.value.split('').filter((item => item == val))
+			if (arr.length > 0) {
+				return
+			}
+
+			if (!account.value) {
+				account.value = '0.'
+				return
+			}
+		}
+		account.value = account.value + val
+	}
+
+
+	const computePoints = (e : any) => {
+		if (e <= 0.1) {
+			return 0
+		}
+		if (storeInfo.value.code == 'Discounts') {
+			return Number(e * radio.value).toFixed(2)
+		} else {
+			return Number(e * radio.value - e * 0.003).toFixed(2)
+		}
+	}
+
+	const deleInput = () => {
+		let arr = account.value.split('')
+		arr.pop()
+		account.value = arr.join('')
+	}
+
+	const save = () => {
+		if (!account.value) {
+			Service.Msg('请输入金额')
+			return
+		}
+		Service.LoadIng('支付中')
+		vpUserService.PayMerch(storeInfo.value.merchId, Number(account.value), payway.value, openId.value).then(res => {
+			if (res.code == 0) {
+				wx.requestPayment({
+					timeStamp: res.data.resdata.timeStamp,
+					nonceStr: res.data.resdata.nonceStr,
+					package: res.data.resdata.package,
+					signType: res.data.resdata.signType,
+					paySign: res.data.resdata.paySign,
+					success(payRes) {
+						Service.LoadClose()
+						//支付完成处理逻辑
+						Service.Msg("支付成功");
+					},
+					fail(err) {
+						Service.Msg("支付失败");
+						console.error('pay fail', err)
+					}
+				})
+			} else {
+				Service.Msg(res.msg)
+			}
+		})
+
+	}
+
+	const focusFunc = () => {
+		timeOut.value = setInterval(() => {
+			isShow.value = !isShow.value
+		}, 1000)
+	}
+
+	const getOpid = () => {
+		uni.login({
+			onlyAuthorize: true,
+			provider: 'weixin',
+			success: function (loginRes) {
+				vpLoginService.GetOpenIdByWeixin(loginRes.code, 1).then(res => {
+					if (res.code == 0) {
+						openId.value = res.data
+					} else {
+						Service.Msg(res.msg)
+					}
+				})
+			}
+		})
+	}
+
+
+
+
+	const login = () => {
+		uni.login({
+			onlyAuthorize: true,
+			provider: 'weixin',
+			success: function (loginRes) {
+				vpLoginService.WxLogin(loginRes.code, 1, 0, 0, '').then(res => {
+					if (res.code == 0) {
+						Service.SetUserToken(res.data.accToken)
+						getData()
+					} else {
+						Service.Msg(res.msg)
+					}
+				})
+			}
+		})
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #f5f5f5;
+	}
+
+	// 按键
+	.button {
+		background-color: #fff;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 18rpx 0;
+		border-radius: 10rpx;
+		font-weight: 700;
+		margin: 8rpx;
+		font-size: 38rpx;
+	}
+
+	.button:active {
+		background-color: #ababab;
+	}
+
+	/* 商户信息 */
+	.merchant-info {
+		padding: 30rpx 40rpx;
+		margin-bottom: 20rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.merchant-name {
+		font-size: 24rpx;
+		color: #999999;
+		display: block;
+		margin-top: 20rpx;
+	}
+
+	.section-title {
+		font-size: 32rpx;
+		font-weight: 700;
+	}
+
+
+	.merchant-icon {
+		width: 95rpx;
+		height: 95rpx;
+		border-radius: 50%;
+		margin-right: 20rpx;
+	}
+</style>