191 lines
4.7 KiB
Vue
191 lines
4.7 KiB
Vue
<template>
|
||
<!-- 支付成功 页面 -->
|
||
<view class="content h-100">
|
||
<view class="banner">
|
||
<!-- <image src="../../static/my/left.png" mode="" class="back" @click="goBack()"></image> -->
|
||
<view class="page_title text-center x-text-white">支付</view>
|
||
<view class="pay_state d-flex a-center j-center">
|
||
<image src="../../static/shoppingCart/dui.png" mode="" class="margin-zy20" style="height:84upx; width:92upx;"></image>
|
||
<view class="x-text-white" style="font-size: 34upx;" v-if='list_flag==4 || list_flag==5'>支付成功</view>
|
||
<view class="x-text-white" style="font-size: 34upx;" v-if='list_flag==1 || list_flag==2'>订单提交成功</view>
|
||
</view>
|
||
</view>
|
||
<view class="text-center margin-shu20" v-if='list_flag==1 || list_flag==2'>请尽快完成支付，超时系统将取消订单</view>
|
||
<view class="text-center margin-shu20" v-if='list_flag==4 || list_flag==5'>感谢您的购买，我们将尽快为您发货</view>
|
||
<view class="two_btn d-flex j-sb w-90" style="margin:50upx auto;">
|
||
<view class="x_public_box x-text-white x-bg-159" style="line-height: 80upx; width:45%;" @click="lookOrder()">查看订单</view>
|
||
<view class="x_public_box x-text-white" style="width:45%; background-color: #F4C91C; line-height:80upx;" v-if='list_flag==4 || list_flag==5' @click="gohome()">返回首页</view>
|
||
<view class="x_public_box x-text-white" style="width:45%; background-color: #F4C91C; line-height:80upx;" v-if='list_flag==1 || list_flag==2' @click="gong()">对公打款</view>
|
||
</view>
|
||
|
||
<view class="x-bg-white info" v-for="(item,index) in list" :key="index" >
|
||
<view class="d-flex border-bottom">
|
||
<view class="font-weight">客服名称</view>
|
||
<view class="margin-zy20">{{item.nickname}}</view>
|
||
</view>
|
||
<view class="d-flex j-sb a-center">
|
||
<view class="font-weight">联系方式</view>
|
||
<view class="margin-zy20 text-left flex-1" @tap='to_call(item)'>{{item.mobile}}</view>
|
||
<image src="../../static/my/dianhua.png" mode="" class="tell" @tap='to_call(item)'></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
|
||
<script>
|
||
// import {Config} from '../../utils/config.js'
|
||
import {Config} from '../../utils/config.js'
|
||
import X_goods from '../../utils/models/goods.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
list_flag:'',
|
||
list:''
|
||
}
|
||
},
|
||
mounted() {
|
||
|
||
},
|
||
onLoad(option) {
|
||
//console.log(option)
|
||
|
||
//this.list_flag = option.list_flag
|
||
},
|
||
onShow() {
|
||
this.list_flag = Config.list_flag
|
||
this.the_custOmer()
|
||
},
|
||
methods: {
|
||
// 查看订单
|
||
lookOrder(){
|
||
uni.navigateTo({
|
||
url:'../../pages/order/index'
|
||
})
|
||
},
|
||
//对公打款
|
||
gong(){
|
||
uni.navigateTo({
|
||
url:'./gong_mes'
|
||
})
|
||
},
|
||
// 返回首页
|
||
gohome(){
|
||
uni.switchTab({
|
||
url: '../home/home'
|
||
})
|
||
},
|
||
// 返回
|
||
goBack(){
|
||
uni.navigateBack(1)
|
||
},
|
||
|
||
// 拨打电话
|
||
to_call(item){
|
||
uni.makePhoneCall({
|
||
phoneNumber: item.mobile //仅为示例
|
||
});
|
||
},
|
||
// x_custOmer
|
||
async the_custOmer() {
|
||
let res = await X_goods.x_custOmer()
|
||
console.log(res)
|
||
this.list = res.data
|
||
this.handleError(res, res => {
|
||
|
||
})
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.content {
|
||
.banner{
|
||
height:511upx;
|
||
position: relative;
|
||
background-image: url(../../static/shoppingCart/bgsucc.png);
|
||
background-position: 100% 100%;
|
||
background-size: cover;
|
||
padding-top:70upx;
|
||
.pay_state{
|
||
margin-top:50upx;
|
||
}
|
||
.page_title{
|
||
// line-height: 118upx;
|
||
font-size: 32upx;
|
||
}
|
||
|
||
.back{
|
||
position: absolute;
|
||
top:80upx;
|
||
left:33upx;
|
||
height:31upx;
|
||
width:19upx;
|
||
}
|
||
}
|
||
.login{
|
||
margin-top:60upx;
|
||
}
|
||
.my_form{
|
||
.my_form_menu{
|
||
.menu_items{
|
||
margin-right:44upx;
|
||
}
|
||
}
|
||
.menu_active{
|
||
color: #282828;
|
||
font-size: 32upx;
|
||
border-bottom:4upx solid #6B68DC;
|
||
font-weight: bold;
|
||
}
|
||
}
|
||
.my_input{
|
||
padding:100upx 64upx;
|
||
.two_input{
|
||
border-bottom:1upx solid #F2F2F2;
|
||
height:100upx;
|
||
}
|
||
}
|
||
.forget_password{
|
||
display: inline-block;
|
||
margin:15upx 0;
|
||
color: #6B6AD5;
|
||
border-bottom: 1upx solid #6B6AD5;
|
||
}
|
||
.agree {
|
||
display: -webkit-box;
|
||
overflow: hidden;
|
||
white-space: normal !important;
|
||
text-overflow: ellipsis;
|
||
word-wrap: break-word;
|
||
-webkit-line-clamp: 3;
|
||
-webkit-box-orient: vertical
|
||
}
|
||
.besthelp{
|
||
padding-left: 170upx;
|
||
color:#ff1c00eb;
|
||
font-size: 16px;
|
||
margin-top: 15upx;
|
||
.callphone{
|
||
display: inline-block;
|
||
width:35upx;
|
||
height:35upx;
|
||
margin-left:35upx;
|
||
}
|
||
}
|
||
.info{
|
||
background-color: #eeeeee6e;
|
||
width:690upx;
|
||
border-radius: 30upx;
|
||
margin:40upx auto;
|
||
padding: 0 30upx;
|
||
line-height: 100upx;
|
||
.tell{
|
||
height:34upx;
|
||
width:28upx;
|
||
}
|
||
}
|
||
}
|
||
</style>
|