first commit
This commit is contained in:
编码猿
190
金壶/appV1/pages/my/pay_success.vue
Normal file
190
金壶/appV1/pages/my/pay_success.vue
Normal file
@@ -0,0 +1,190 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user