zhangjing/douhuo-h5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[更新]

Browse Source
This commit is contained in:
张慢慢
2023-06-09 17:59:05 +08:00
parent 59b15f321d
commit 47a057b35b
237 changed files with 669 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

199
pages/synthesis/expandBrief.vue
View File

@@ -8,12 +8,21 @@
<view class="list-title-trim"></view>
</view>
<view class="list-item">
<view class="list-label" v-for="(item, index) in entrustArr" :key="index" @click="seekClick(item.expand_id)">
<!-- @click="seekClick(item.expand_id)" -->
<view class="list-label" v-for="(item, index) in entrustArr" :key="index">
<view class="list-label-name">
{{item.title}}
</view>
<view class="list-label-price"><rich-text :nodes="item.content"></rich-text></view>
<view class="list-label-go">购买</view>
<!-- <view class="list-label-go">购买</view> -->
<!-- data[0].order.status -->
<view class="list-label-go" :class="{'hide': item.button_status === 2}" @click="onBtn(index)">
<text v-if="item.button_status === 0">购买</text>
<text v-if="item.button_status === 1">等待支付</text>
<text v-if="item.button_status === 2">待审核</text>
<text v-if="item.button_status === 3">审核驳回</text>
</view>
</view>
</view>
</view>
@@ -23,7 +32,7 @@
<view class="tipsBack" v-if="generalShow"></view>
<view class="tipsCont" v-if="generalShow">
<view class="tipsWhite">
<image class="tipsCont-img" src="@/static/imgs/general_back.png" mode="widthFix"></image>
<image class="tipsCont-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/6b1485847b45273618f8d922ceee889c.png" mode="widthFix"></image>
<view class="tipsWhite-top">
<view class="tipsWhite-name">
请您先关注抖火法律咨询公众号
@@ -42,6 +51,27 @@
</view>
</view>
</view>
<!-- 打款凭证弹出 -->
<view class="voucherBack" :class="{active : voucherState}"></view>
<view class="voucherPop" :class="{active : voucherState}">
<view class="tipsWhite">
<image class="voucherPop-img" src="https://cdn.douhuofalv.com/images/2023/04/17/f4a3c45fe9aa7db143a362fc5b13b31d.png" mode="widthFix"></image>
<view class="voucherPop-title">
<view class="voucherPop-name">支付提示</view>
<view class="voucherPop-text">抱歉，此订单不支持线上支付，请上传打款凭证</view>
<view class="voucherPop-btn">
<!-- @click="cancelPay" -->
<view class="voucherPop-go" @click="voucherState = false">
暂不支付
</view>
<view class="voucherPop-go voucherPop-up" @click="clickOpen">
上传凭证
</view>
</view>
</view>
</view>
</view>
</view>
</template>
@@ -52,16 +82,23 @@
export default {
data() {
return {
entrustArr : [], //案件委托列表
generalShow : false // 公众号
entrustArr : [], //案件委托列表
generalShow : false,
voucherState : false, // 上传凭证弹出// 公众号
orderId : '', // 订单 ID
orderType : '', // 订单类型
orderPrice : '', // 订单金额
}
},
created() {
created() {},
onShow() {
// 获取-案件委托-列表
this.yearServe();
},
methods: {
// 案件委托-列表
yearServe(){
@@ -75,6 +112,70 @@
})
},
// 点击开通按钮
onBtn(index){
let obj = this.entrustArr[index]
if(obj.order === null){
this.seekClick(obj.expand_id)
return
}
// 0 购买 1 待支付 2 待审核 3 驳回
switch (obj.button_status){
case 0:
this.seekClick(obj.expand_id)
break;
case 1:
this.expressSheet(obj.order.expand_order_id, obj.order.order_type, obj.order.can, obj.order.price)
break;
case 2:
uni.showToast({
title: '打款凭证审核中，请耐心等待',
icon : 'none'
})
break;
case 3:
this.$Router.push({
name : 'VoucherOpen',
params : {
payId : obj.order.offline_pays.offline_pay_id,
type : 'edit',
orderId : obj.order.order_id,
orderType : obj.order.order_type.replace(/\\/g, '-'),
price : obj.price
}
})
break;
}
},
// 选择支付方式
expressSheet(id, type, can, price) {
this.orderId = id
this.orderType = type
this.orderPrice = price
uni.showActionSheet({
itemList: ['线上支付', '线下支付'],
success: sheetRes => {
if(sheetRes.tapIndex == 0) {
if(can.online) {
this.$Router.push({name: 'FeePay', params: {id: id, orderType: type, price: price, payForm: 'service'}})
return
}
this.voucherState = true
} else if (sheetRes.tapIndex == 1) {
this.$Router.push({name: 'VoucherOpen', params: {orderId: id, orderType: type, price: price}})
}
},
fail: sheetFail => {}
})
},
// 上传凭证
clickOpen() {
this.voucherState = false
this.$Router.push({name: 'VoucherOpen', params: {orderId: this.orderId, orderType: this.orderType, price: this.orderPrice}})
},
// 立即咨询
seekClick(entrustId) {
// 判断是否认证
@@ -109,8 +210,8 @@
judgeGeneral(){
// 获取微信授权信息
authFollow({
// url: 'https://web.douhuofalv.com/webview/webCode'
url: 'https://web.douhuotest.douhuofalv.com/webview/webCode'
url: 'https://web.douhuofalv.com/webview/webCode'
// url: 'https://web.douhuotest.douhuofalv.com/webview/webCode'
}).then(res => {
window.location.href = res
}).catch(err => {
@@ -122,7 +223,7 @@
// 关闭公众号
this.generalShow = false
}
},
}
}
</script>
@@ -234,10 +335,13 @@
color: #12053d;
display: inline-block;
line-height: 54rpx;
padding: 0 35rpx;
padding: 0 30rpx;
border-radius: 54rpx;
font-size: 28rpx;
font-size: 26rpx;
font-weight: 600;
&.hide{
opacity: .7;
}
}
}
}
@@ -319,4 +423,77 @@
}
}
}
// 打款凭证弹出
.voucherBack {
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
z-index: 99;
background-color: rgba(0, 0, 0, .6);
display: none;
&.active {
display: block;
}
}
.voucherPop {
-webkit-box-orient: vertical;
-webkit-box-pack: center;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 100;
padding: 0 10%;
box-sizing: border-box;
display: none;
&.active {
display: -webkit-box;
}
.tipsWhite {
background-color: #ffffff;
border-radius: 20rpx;
position: relative;
.voucherPop-img {
position: absolute !important;
top: -80rpx;
right: calc(50% - 100rpx);
width: 200rpx;
}
.voucherPop-title {
box-sizing: border-box;
padding: 50rpx 70rpx;
margin-top: 100rpx;
text-align: center;
.voucherPop-name {
font-weight: 600;
font-size: 38rpx;
}
.voucherPop-text {
padding: 30rpx 0 35rpx;
line-height: 44rpx;
}
.voucherPop-btn {
display: flex;
.voucherPop-go {
flex: 2;
text-align: center;
border: 2rpx solid #da2b56;
color: #da2b56;
margin: 0 15rpx;
line-height: 74rpx;
border-radius: 10rpx;
background-color: #ffffff;
&.voucherPop-up {
background-color: #da2b56;
color: #ffffff;
}
}
}
}
}
}
</style>