|
@@ -1,15 +1,31 @@
|
|
|
<template name="sharealert">
|
|
|
- <view class="alert spec" :class="specClass">
|
|
|
- <view class="model-warp">
|
|
|
+ <view class="alert spec" >
|
|
|
+ <view class="model-warp" @click.stop="hideConfirm">
|
|
|
<view class="content" v-if="modelType == 1">
|
|
|
<view class="content-title"></view>
|
|
|
- <view class="text-content">
|
|
|
- <view class="share">您的分享码:<text class="txt">{{shareCode}}</text></view>
|
|
|
+ <view class="text-content clearfix">
|
|
|
<view class="text">
|
|
|
- <text>有效期为24小时。订单分享后若对方无法直接登录小程序查看订单,请提供该分享码给对方,通过输入分享码查看</text>
|
|
|
- </view>
|
|
|
+ <text>您有采美余额¥{{payModelData.ableUserMoney}}暂未使用,是否需要抵扣订单?</text>
|
|
|
+ <text>抵扣后您只需再支付¥{{payModelData.pendingPayments}}</text></view>
|
|
|
+ <view class="alert-btn" @click="cancelConfirm(dataInfo)">不抵扣,继续付款</view>
|
|
|
+ <view class="alert-btn" @click="paymentConfirm(1,dataInfo)">抵扣,继续付款</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="content" v-if="modelType == 2">
|
|
|
+ <view class="content-title"></view>
|
|
|
+ <view class="text-content clearfix">
|
|
|
+ <view class="text">您有采美余额¥{{payModelData.ableUserMoney}}暂未使用,是否需要抵扣订单?抵扣后订单支付完成</view>
|
|
|
+ <view class="alert-btn" @click="cancelConfirm(dataInfo)">不抵扣,继续付款</view>
|
|
|
+ <view class="alert-btn" @click="paymentConfirm(2,dataInfo)">抵扣</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="content" v-if="modelType == 3">
|
|
|
+ <view class="content-title"></view>
|
|
|
+ <view class="text-content clearfix">
|
|
|
+ <view class="text">目前机构余额剩余¥{{}}是否抵扣订单?</view>
|
|
|
+ <view class="alert-btn" @click="cancelConfirm">不抵扣,继续付款</view>
|
|
|
+ <view class="alert-btn" @click="btnConfirm">抵扣</view>
|
|
|
</view>
|
|
|
- <view class="alert-btn"></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -22,26 +38,40 @@
|
|
|
props:{
|
|
|
modelType:{
|
|
|
type:Number,
|
|
|
- default:1
|
|
|
+ default:3
|
|
|
},
|
|
|
orderID:{
|
|
|
type:Number
|
|
|
+ },
|
|
|
+ payModelData:{
|
|
|
+ type:Object
|
|
|
}
|
|
|
},
|
|
|
data() {
|
|
|
return{
|
|
|
- shareCode:'',
|
|
|
+ dataInfo:{}
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
-
|
|
|
+ this.infoData(this.payModelData)
|
|
|
},
|
|
|
methods:{
|
|
|
+ infoData(el){
|
|
|
+ this.dataInfo = el
|
|
|
+ },
|
|
|
hideConfirm(){
|
|
|
- this.$parent.isShareModal = false
|
|
|
+ this.$parent.isPayModel = false
|
|
|
},
|
|
|
- btnConfirm(code){//点击事件
|
|
|
- this.$emit('btnConfirm')
|
|
|
+ cancelConfirm(data){
|
|
|
+ this.$emit('cancelConfirm',data)
|
|
|
+ },
|
|
|
+ paymentConfirm(type,data){
|
|
|
+ this.$parent.isPayModel = false
|
|
|
+ let _data = {type:type,order:data}
|
|
|
+ this.$emit('paymentConfirm',_data)
|
|
|
+ },
|
|
|
+ btnConfirm(data){//点击事件
|
|
|
+ this.$emit('btnConfirm',data)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -79,7 +109,12 @@
|
|
|
top: 50%;
|
|
|
transform: translate(-50%,-50%);
|
|
|
border-radius: 14rpx;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ padding-top: 180rpx;
|
|
|
.content-title{
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: -53rpx;
|
|
|
width: 100%;
|
|
|
height: 232rpx;
|
|
|
background: url(https://admin-b.caimei365.com/userfiles/1/images/photo/2020/08/alert%402x.png) no-repeat;
|
|
@@ -92,39 +127,25 @@
|
|
|
padding:24rpx;
|
|
|
float: left;
|
|
|
background-color: #FFFFFF;
|
|
|
- .title{
|
|
|
- line-height: 40rpx;
|
|
|
- font-size: $font-size-28;
|
|
|
- color: $text-color;
|
|
|
- text-align: center;
|
|
|
- font-weight: bold;
|
|
|
- margin-bottom: 36rpx;
|
|
|
- }
|
|
|
- .share{
|
|
|
- line-height: 36rpx;
|
|
|
- font-size: $font-size-26;
|
|
|
- color: $text-color;
|
|
|
- text-align: justify;
|
|
|
- margin-top: 22rpx;
|
|
|
- font-weight: normal;
|
|
|
- .txt{
|
|
|
- margin-left: 10rpx;
|
|
|
- color: #FF2A2A;
|
|
|
- }
|
|
|
- }
|
|
|
+ border-radius:0 0 14rpx 14rpx;
|
|
|
.text{
|
|
|
- line-height: 36rpx;
|
|
|
+ letter-spacing: 2rpx;
|
|
|
+ line-height: 50rpx;
|
|
|
font-size: $font-size-26;
|
|
|
color: $text-color;
|
|
|
text-align: justify;
|
|
|
- margin-top: 22rpx;
|
|
|
+ margin-bottom: 30rpx;
|
|
|
}
|
|
|
}
|
|
|
.alert-btn{
|
|
|
- width: 80%;
|
|
|
- height: 70rpx;
|
|
|
- display: flex;
|
|
|
- margin: 0 auto;
|
|
|
+ width: 492rpx;
|
|
|
+ height: 88rpx;
|
|
|
+ background: $btn-confirm;
|
|
|
+ line-height: 88rpx;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 14rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ margin-top: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|