diff --git a/components/fee/qrcode-owe-fee.vue b/components/fee/qrcode-owe-fee.vue
index b0eae85..2b375a7 100644
--- a/components/fee/qrcode-owe-fee.vue
+++ b/components/fee/qrcode-owe-fee.vue
@@ -104,7 +104,6 @@
 						if (_item.payOnline == 'Y') {
 							_item.selected = "1";
 							_that.feeIds.push(_item.feeId);
-							
 						}
 					})
 					_that.computeAmount();
@@ -131,7 +130,7 @@
 				
 				uni.setStorageSync('doing_cashier',_objData);
 				uni.navigateTo({
-					url:'/pages/fee/cashier?money='+this.receivableAmount+"&business=oweFee"
+					url:'/pages/fee/cashier?money='+this.receivableAmount+"&business=oweFee&communityId="+this.communityId
 				})
 
 			},
diff --git a/pages/fee/cashier.vue b/pages/fee/cashier.vue
index 1b52a22..68cae2c 100644
--- a/pages/fee/cashier.vue
+++ b/pages/fee/cashier.vue
@@ -1,45 +1,118 @@
 <template>
 	<view>
-		
-		<view class="bg-white money-info">
+
+		<view class="bg-white money-info text-center">
+			<view class="money-black"></view>
 			<view class="money-title">订单金额</view>
-			<view class="money-title">{{money}}</view>
+			<view class="money-value">{{money}}</view>
 		</view>
-		
+
 		<view class="cu-bar btn-group" style="margin-top: 30px;">
 			<button @click="_submit" class="cu-btn bg-blue shadow-blur round lg">确认支付</button>
 		</view>
-		
+
 	</view>
 </template>
 
 <script>
+	import {
+		isNotNull
+	} from '../../lib/java110/utils/StringUtil.js';
+	import {
+		refreshUserOpenId,
+		getOpenIdFromAliPay
+	} from '../../api/user/userApi.js';
+	import {
+		isWxOrAli
+	} from '../../lib/java110/utils/EnvUtil.js';
+
 	export default {
 		data() {
 			return {
-				money:0.0,
-				business:'',
-				data:{}
+				communityId: '',
+				money: 0.0,
+				business: '',
+				openId: '',
+				data: {}
 			}
 		},
+		mounted() {
+			// #ifdef H5
+			if (isWxOrAli() == "ALIPAY") {
+				const oScript = document.createElement('script');
+				oScript.type = 'text/javascript';
+				oScript.src = 'https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js';
+				document.body.appendChild(oScript);
+			}
+			// #endif
+		},
 		onLoad(options) {
+			this.openId = options.openId;
+			this.communityId = options.communityId;
+
+			if (!isNotNull(this.openId)) {
+				//刷新 openId
+				// #ifdef H5
+				if (isWxOrAli() == 'ALIPAY') {
+					this._refreshAliPayOpenId();
+					return;
+				}
+				//todo h5 情况
+				this._refreshWechatOpenId();
+				return;
+				// #endif
+
+				// #ifdef MP-WEIXIN
+				this.openId = this._refreshWechatMiniOpenId();
+				// #endif
+			}
+
 			this.money = options.money;
 			this.business = options.business;
 			this.data = uni.getStorageSync('doing_cashier');
 		},
 		methods: {
-			
-			_submit:function(){
+			_refreshWechatOpenId: function() {
+				let _redirectUrl = window.location.href;
+				refreshUserOpenId({
+					redirectUrl: _redirectUrl,
+					communityId: this.communityId,
+				}).then(_data => {
+					console.log(_data, 123)
+					if (_data.code == 0) {
+						window.location.href = _data.data.openUrl;
+						return;
+					}
+				});
+			},
+			_refreshWechatMiniOpenId:function(){
 				
+			},
+			_submit: function() {
+
 			}
-			
+
 		}
 	}
 </script>
 
 <style lang="scss">
-	.money-info{
-		height: 200upx;
-		margin:20upx
+	.money-info {
+		height: 400upx;
+		margin: 20upx;
+
+		.money-black {
+			height: 120upx;
+		}
+
+		.money-title {
+			font-size: 32upx;
+		}
+
+		.money-value {
+			color: #e54d42;
+			margin-top: 20upx;
+			font-size: 64upx;
+		}
 	}
 </style>