|
|
@@ -26,8 +26,7 @@
|
|
|
<swiper :style="{'height':windowHeight}" :current="tabIndex" @change="swiperChange">
|
|
|
<swiper-item class="swiperItem" v-for="(item,index) in tabList" :key="index">
|
|
|
<view>
|
|
|
- <mescroll-item ref="MescrollItem" :i="index" :index="tabIndex" :tabs="tabList"
|
|
|
- :height="windowHeight">
|
|
|
+ <mescroll-item ref="MescrollItem" :i="index" :index="tabIndex" :tabs="tabList" :height="windowHeight" @openPay="openPay">
|
|
|
</mescroll-item>
|
|
|
</view>
|
|
|
</swiper-item>
|
|
|
@@ -70,6 +69,79 @@
|
|
|
</view>
|
|
|
</uni-popup>
|
|
|
|
|
|
+ <uni-popup ref="popup" :catchtouchmove="true" :animation="false" type="bottom">
|
|
|
+
|
|
|
+ <view class=" payView">
|
|
|
+ <view class="flex-row justify-between">
|
|
|
+ <text class="payType">请选择支付方式</text>
|
|
|
+ <image class="x" src="/static/common/ox.png" @click="closePayPopup"></image>
|
|
|
+ </view>
|
|
|
+ <view class="payTitle">
|
|
|
+ <text>选择微信支付或余额支付</text>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ <view class="payItem flex-row justify-between" @click="payItem(1)">
|
|
|
+ <view class="flex-row">
|
|
|
+ <u-icon name="/static/me/u701.png" color="#38db38" size="36"></u-icon>
|
|
|
+ <view class="payName flex-col justify-center">
|
|
|
+ <text>余额支付</text>
|
|
|
+ <text class="balance">可以余额￥{{userInfo.balance || 0}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="flex-col justify-center">
|
|
|
+ <view v-if="curServiceTab === 1" >
|
|
|
+ <u-icon name="checkmark-circle-fill" color="#38db38" size="25"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view v-else>
|
|
|
+ <u-icon name="/static/order/ud9.png" color="green" size="25"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="payItem flex-row justify-between" @click="payItem(2)">
|
|
|
+ <view class="flex-row">
|
|
|
+ <u-icon name="weixin-circle-fill" color="#38db38" size="36"></u-icon>
|
|
|
+ <view class="payName flex-col justify-center">
|
|
|
+ <text>微信支付</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="flex-col justify-center">
|
|
|
+ <view v-if="curServiceTab === 2" >
|
|
|
+ <u-icon name="checkmark-circle-fill" color="#38db38" size="25"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view v-else>
|
|
|
+ <u-icon name="/static/order/ud9.png" color="green" size="25"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="commitBtn" @click="commonGeneralOrder">
|
|
|
+ <text>确定</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </uni-popup>
|
|
|
+
|
|
|
+
|
|
|
+ <uni-popup ref="passwordPopup">
|
|
|
+ <view class="passwordView flex-col">
|
|
|
+ <view class="flex-row justify-center">
|
|
|
+ <text>请输入交易密码</text>
|
|
|
+ </view>
|
|
|
+ <view class="h-tab-bar flex-row justify-center">
|
|
|
+ <u-code-input v-model="password" mode="box" dot></u-code-input>
|
|
|
+ </view>
|
|
|
+ <view class="flex-row justify-center">
|
|
|
+ <view class="h-operate-btn flex-row justify-center" @click="balancePay">
|
|
|
+ <text>确定</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </uni-popup>
|
|
|
+
|
|
|
|
|
|
<view class="tabBarLineHeight"></view>
|
|
|
<view class="tabBarView">
|
|
|
@@ -104,7 +176,10 @@
|
|
|
}, {
|
|
|
name: '已完成'
|
|
|
}],
|
|
|
- windowHeight: ''
|
|
|
+ windowHeight: '',
|
|
|
+
|
|
|
+ userInfo:{},
|
|
|
+ curServiceTab:1,
|
|
|
|
|
|
}
|
|
|
},
|
|
|
@@ -117,6 +192,26 @@
|
|
|
},
|
|
|
methods: {
|
|
|
|
|
|
+ payItem(num){
|
|
|
+ if (this.userInfo.balance < this.price){
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.curServiceTab = num
|
|
|
+ },
|
|
|
+
|
|
|
+ closePayPopup(){
|
|
|
+ this.$refs.popup.close()
|
|
|
+ },
|
|
|
+
|
|
|
+ openPay(){
|
|
|
+ this.$refs.popup.open()
|
|
|
+ },
|
|
|
+
|
|
|
+ commonGeneralOrder(){
|
|
|
+
|
|
|
+ this.$refs.passwordPopup.open()
|
|
|
+ },
|
|
|
+
|
|
|
clickTab(e) {
|
|
|
this.tabIndex = e.index
|
|
|
},
|
|
|
@@ -133,6 +228,6 @@
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
- //@import '/common/css/common.css';
|
|
|
+ @import '/common/css/common.css';
|
|
|
@import './index.rpx.scss';
|
|
|
</style>
|
zhanghui