pages/sub_medical/pay.vue

<template>
	<view class="pay">
		<u-cell-group>
			<u-cell-item :title="msg.mergingName" :title-style="tstyle" :arrow="false">
				<u-image slot="icon" src="./images/cush.png" width="60" height="60" mode="aspectFit"></u-image>
			</u-cell-item>
			<u-cell-item title="缴费金额" :arrow="false" :value="msg.mergingSubtotal+'元'" :value-style="vstyle"></u-cell-item>
		</u-cell-group>
		<u-cell-group>
			<u-cell-item title="医院名称" :arrow="false" :value="msg.hospitalName"></u-cell-item>
			<u-cell-item title="订单号" :arrow="false" :value="msg.billNo"></u-cell-item>
			<u-cell-item title="就诊日期" :arrow="false" :value="msg.date"></u-cell-item>
			<!-- <u-cell-item title="截止日期"  :arrow="false" value="2020/10/28 23:29:29"></u-cell-item> -->
			<u-cell-item title="交易状态" :arrow="false" :value="msg.status_ok" :value-style="msg.status=='wip'|| msg.status==undefined?status_style:vstyle"></u-cell-item>
			<u-cell-item title="退款状态" :arrow="false" :value="msg.refundflag_ok" :value-style="msg.refundflag=='refund'?status_style:vstyle"
			 v-if="msg.refundflag == 'wip' || msg.refundflag == 'refund'"></u-cell-item>
		</u-cell-group>
		<u-button @click="msg.status=='wip'?query():payInit()" :custom-style="payBtn" v-if="kind =='unpay'">{{msg.status=='wip'?'查询订单状态':'立即支付'}}</u-button>
		<u-button @click="notify_hosiptal" :custom-style="payBtn" v-if="kind =='payed'&& msg.notifyStatus == false">通知医院</u-button>
		<u-button @click="refund" :custom-style="payBtn" v-if="kind =='payed'">申请退款</u-button>
		<!-- 支付密码弹框 -->
		<!-- <uni-popup ref="showPassword" class="pwd-wrapper">
			<view class="uni-tip uni-pwd">
				<text class="uni-tip-title">请输入支付密码</text>
				<view class="pwd-text-wrap">
					<password-input @tap="openKeyBoard('number')" :length="length" :gutter="0" :list="numberList"></password-input>
				</view>
			</view>
		</uni-popup>
		<keyboard-package ref="number" @onInput="onInput" @onDelete="onDelete" @onConfirm="onConfirm" :disableDot="true" /> -->
	</view>
</template>

<script>
	// import keyboardPackage from "./components/keyboard-package/keyboard-package.vue"
	// import passwordInput from "./components/password-input/password-input.vue"
	// import uniPopup from './components/uni-popup/uni-popup.vue'
	// #ifdef APP-PLUS
	const Ynrcc = uni.requireNativePlugin('ynrcc-pay')
	// console.log(Ynrcc)
	// #endif
	export default {
		// components: {
		// 	uniPopup,
		// 	keyboardPackage,
		// 	passwordInput
		// },
		data() {
			return {
				// numberList: [],
				// length: 6,
				// type: 'number',
				tstyle: {
					marginLeft: '10rpx',
					fontWeight: 'bold'
				},
				vstyle: {
					color: '#FF6F6F',
					fontSize: '30rpx'
				},
				status_style: {
					color: '#18B566',
					fontSize: '30rpx'
				},
				payBtn: {
					backgroundColor: ' #2FA8E1',
					padding: '50rpx 0',
					color: '#FFFFFF',
					width: ' 600rpx',
					fontSize: '30rpx',
					border: '1px solid #2FA8E1',
					marginTop: '50rpx'
				},
				msg: {},
				kind: ''
			}
		},
		methods: {
			// // 呼起键盘
			// openKeyBoard(key) {
			// 	this.type = key;
			// 	this.$refs[key].open();
			// },
			// // 输入密码
			// onInput(val) {
			// 	this.numberList.push(val)
			// 	if (this.numberList.length == this.length) {
			// 		this.$refs.showPassword.close()
			// 		this.$refs[this.type].close()
			// 		this.payInit()
			// 	}
			// },
			// //完成输入点击完成
			// onConfirm() {
			// 	let length = this.numberList.length
			// 	if (length == this.length) {
			// 		this.$refs.showPassword.close()
			// 		this.$refs[this.type].close()
			// 	} else {
			// 		this.numberList = []
			// 		uni.showToast({
			// 			title: '密码错误',
			// 			icon: 'none'
			// 		})
			// 	}
			// },
			// //删除密码
			// onDelete(val) {
			// 	this.numberList.pop(val)
			// },
			// //打开密码输入框
			// open() {
			// 	this.numberList = []
			// 	this.$refs.showPassword.open()
			// 	this.openKeyBoard('number')
			// },
			payInit() {
				let that = this
				// let pwd = ''
				let billno = that.msg.billNo
				// that.numberList.forEach(item => {
				// 	pwd += item + ''
				// })
				let param = {
					// paypwd: pwd,
					billno
				}
				that.$u.post('/medicalapi/quickpay/payinit', param).then(res => {
					let code = res.code
					console.log(res)
					if(code == 501){
						uni.showModal({
							title:'提示',
							content:'您还未与银行进行签约,暂时无法支付',
							confirmText:'去签约',
							success(res) {
								if(res.confirm){
									that.getCardsiInfor()
								}
							}
						})
					}else{
						let plain_payInit = res.data.plain
						let signature_payInit = res.data.signature
						let billno = res.data.billno
						that.pay(billno,plain_payInit,signature_payInit)
					}
				})
			},
			pay(billno,plain,signature) {
				let that = this
				let params = {
					plain,
					signature
				}
				console.log(params)
				Ynrcc.pay(params, res => {
					console.log(res)
					let plain_payConfirm = res.plain
					let signature_payConfirm = res.signature
					if(!plain_payConfirm && !signature_payConfirm){
						let obj = res ,code,msg
						for(let key in obj){
							code = key
							msg = obj[key]
						}
						uni.showModal({
							title:'提示',
							content:code + ':' +msg,
							showCancel:false
						})
						return
					}
					that.pay_confirm(billno,plain_payConfirm,signature_payConfirm)
				})
			},
			pay_confirm(billno,plain,signature){
				let that = this
				let params = {
					billno,
					plain,
					signature
				}
				that.$u.post('/medicalapi/quickpay/confirm',params).then(res=>{
					let status = res.status
					let obj = that.msg
					let date = res.transdate.substr(0, 4) +
						"-" + res.transdate.substr(4, 2) + "-" + res.transdate.substr(6, 2) + " " + res.transtime.substr(0, 2) + ":" +
						res.transtime.substr(2, 2) + ":" + res.transtime.substr(4, 2)
					setTimeout(() => {
						uni.navigateTo({
							url: `/pages/sub_medical/payResult?status=${status}&msg=${JSON.stringify(obj)}&date=${date}`
						})
					}, 1500)
				})
			},
			getCardsiInfor() {
				let that = this
				that.$u.post("/medicalapi/quickpay/signinfo").then((res) => {
					console.log(res)
					console.log(that.msg.hospitalcode)
					let bankno = res.bankcardno
					that.sign_init(bankno,that.msg.hospitalcode)
				})
			},
			sign_init(bankcardno,hospitalcode){
				let that = this
				let params = {
					hospitalcode,
					bankcardno
				}
				that.$u.post('/medicalapi/quickpay/signinit',params).then(res=>{
					console.log(res)
					let authsign = res.data.authSign
					let signature = res.data.signature
					let user = res.data.signUserData
					let plain = res.data.plain
					let signno = res.data.signNo
					if(!!!authsign){
						that.sign(plain,signature,user,signno)
					}else{
						that.auth_sign(plain,signature,signno)
					}
				})
			},
			sign(plain,signature,user,signno) {
				let that = this
				let params = {
					plain,
					signature,
					name: user.name,
					id_type: user.idType,
					id_no: user.idNo,
					ac_no: user.acNo
				}
				Ynrcc.sign(params, res => {
					let plain_sign = res.plain
					let signature_sign = res.signature
					if(!plain_sign && !signature_sign){
						let obj = res ,code,msg
						for(let key in obj){
							code = key
							msg = obj[key]
						}
						uni.showModal({
							title:'提示',
							content:code + ':' +msg,
							showCancel:false
						})
						return
					}
					that.sign_confirm(plain_sign,signature_sign,signno)
				})
			},
			auth_sign(plain,signature,signno) {
				let that = this
				let params = {
					plain,
					signature,
				}
				Ynrcc.authSign(params, res => {
					console.log(res)
					let plain_authSign = res.plain
					let signature_authSign = res.signature
					if(!plain_authSign && !signature_authSign){
						let obj = res ,code,msg
						for(let key in obj){
							code = key
							msg = obj[key]
						}
						uni.showModal({
							title:'提示',
							content:code + ':' +msg,
							showCancel:false
						})
						return
					}
					that.sign_confirm(plain_authSign,signature_authSign,signno)
				})
			},
			sign_confirm(plain,signature,signno){
				let that = this
				let params = {
					signno,
					plain,
					signature
				}
				that.$u.post('/medicalapi/quickpay/signconfirm',params).then(res=>{
					uni.showModal({
						title:'提示',
						content:'签约成功',
						showCancel:false,
						confirmText:'继续支付',
						success(res){
							if(res.confirm){
								// that.open()
								that.payInit()
							}
						}
					})
				})
			},
			query() {
				let that = this
				let billno = that.msg.billNo
				that.$u.post('/medicalapi/pay/query/' + billno, {}).then(res => {
					let status = res.status
					if (status == 'wip') {
						uni.showToast({
							icon: 'none',
							title: '订单正在支付中，请稍等...'
						})
					} else {
						let status = res.status
						let obj = that.msg
						let date = res.transdate.substr(0, 4) +
							"-" + res.transdate.substr(4, 2) + "-" + res.transdate.substr(6, 2) + " " + res.transtime.substr(0, 2) + ":" +
							res.transtime.substr(2, 2) + ":" + res.transtime.substr(4, 2)
						setTimeout(() => {
							uni.navigateTo({
								url: `/pages/sub_medical/payResult?status=${status}&msg=${JSON.stringify(obj)}&date=${date}`
							})
						}, 1500)
					}
				})
			},
			notify_hosiptal() {
				let that = this
				let billno = that.msg.billno
				that.$u.post('/medicalapi/pay/notify/' + billno).then(res => {
					uni.showToast({
						title: res.msg,
						icon: 'none',
						duration:800,
						success(ret) {
							setTimeout(() => {
								uni.navigateBack({
									delta: 1
								})
							}, 1500)
						}
					})
				})
			},
			refund(){
				let that = this
				let billno = that.msg.billno
				let param = {
					billno
				}
				that.$u.post('/medicalapi/medical/quickpay/refund/test',param).then(res=>{
					uni.showModal({
						title:'提示',
						content:'退款成功',
						showCancel:false,
					})
				})
			},
		},
		onLoad(options) {
			let msg = JSON.parse(options.msg)
			//console.log(msg)
			let id = options.id
			this.kind = id
			if (id == 'unpay') {
				msg.date = msg.medicalDate.substr(0, 4) + '-' + msg.medicalDate.substr(4, 2) + '-' + msg.medicalDate.substr(6, 2) +
					' ' + msg.medicalDate.substr(8, 2) + ':' + msg.medicalDate.substr(10, 2) + ':' + msg.medicalDate.substr(12, 2)
				switch (msg.status) {
					case 'init':
						msg.status_ok = '未支付';
						break
					case 'wip':
						msg.status_ok = '订单正在支付中...'
						break
				}
				this.msg = msg
			} else if (id == 'payed') {
				msg.date = msg.medicaldate.substr(0, 4) + '-' + msg.medicaldate.substr(4, 2) + '-' + msg.medicaldate.substr(6, 2) +
					' ' + msg.medicaldate.substr(8, 2) + ':' + msg.medicaldate.substr(10, 2) + ':' + msg.medicaldate.substr(12, 2)
				msg.billNo = msg.billno
				msg.mergingSubtotal = msg.mergingsubtotal
				msg.mergingName = msg.mergingname
				msg.status_ok = '已完成'
				switch (msg.refundflag) {
					case 'wip':
						msg.refundflag_ok = '退款处理中...';
						break
					case 'refund':
						msg.refundflag_ok = '已退款';
				}
				this.msg = msg
			}
		}
	}
</script>

<style lang="scss" scoped>
	.u-cell-box {
		margin-bottom: 30rpx;
	}

	.pay {
		font-family: "PingFang-SC-Medium";
	}

	.pwd-wrapper {
		background: rgba(0, 0, 0, .4);
		z-index: 1;

		/deep/.uni-popup__wrapper.uni-custom.center {
			.uni-popup__wrapper-box {
				position: unset;
				max-width: none;
				max-height: none;
				overflow-y: hidden;
				background: none;
				margin-top: -70rpx;
				padding: 60rpx 30rpx 30rpx;
			}

			.pwd-text-wrap {
				width: 100%;
				padding: 50rpx 43rpx 60rpx;
				box-sizing: border-box;
			}
		}

		.uni-tip {
			/* #ifndef APP-NVUE */
			display: flex;
			flex-direction: column;
			/* #endif */
			margin-top: -60rpx;
			width: 570rpx;
			background-color: #fff;
			border-radius: 12rpx;
			position: relative;
		}

		.uni-pwd {
			width: 630rpx;
		}

		.uni-tip-icon-wrap {
			text-align: center;
		}

		.uni-tip-content {
			padding: 31rpx 40rpx 60rpx;
			font-size: 30rpx;
			color: #6F737A;
		}
	}

	.uni-tip-title {
		margin-top: 30rpx;
		text-align: center;
		font-weight: 500;
		font-size: 34rpx;
		color: $uni-text-color;
	}
</style>