提交
This commit is contained in:
liuyuan
324
pages/order/index.vue
Normal file
324
pages/order/index.vue
Normal file
@@ -0,0 +1,324 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<z-nav-bar title="我的订单" bgColor="#5188e5" fontColor="#fff"></z-nav-bar>
|
||||
|
||||
<view class="order_block">
|
||||
<view class="order_list" v-if="list.length>0">
|
||||
<view class="order_item" v-for="(item, index) in list" :key="index" @click="goToDetail(item)">
|
||||
<view class="order_orderSn">
|
||||
{{item.orderSn}}
|
||||
<u-tag @click="handleCopy(item.orderSn, '订单编号')" text="复制" plain style="float: right" size="mini" type="success"></u-tag>
|
||||
</view>
|
||||
<view class="item_top">
|
||||
<text class="orderstatus" v-show="item.orderStatus == 0">未付款</text>
|
||||
<text class="orderstatus" v-show="item.orderStatus == 1">待发货</text>
|
||||
<text class="orderstatus" v-show="item.orderStatus == 2">已发货</text>
|
||||
<text class="orderstatus" v-show="item.orderStatus == 3">交易成功</text>
|
||||
<text class="orderstatus" v-show="item.orderStatus == 4">交易失败</text>
|
||||
<text class="orderstatus" v-show="item.orderStatus == 5">已过期</text>
|
||||
</view>
|
||||
<view class="order_infor" v-if="item.orderType=='aiVip'||item.orderType=='upgradeAiVip'">
|
||||
<view class="left">
|
||||
<image src="../../static/icon/order_vip.png" mode="aspectFill"></image>
|
||||
<text>{{item.aiBuyConfig.title}}<span>（{{item.aiBuyConfig.count}}次）</span><span v-if="item.orderType=='upgradeAiVip'">（VIP升级）</span></text>
|
||||
</view>
|
||||
<view class="right">
|
||||
<text v-if="item.orderType=='upgradeAiVip'&&item.districtMoney>0">￥{{Number(item.aiBuyConfig.fee)-Number(item.districtMoney)}}</text>
|
||||
<text v-else>￥{{item.aiBuyConfig.fee}}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="order_price">实付款
|
||||
<view class="left">
|
||||
<text v-if="item.realMoney && item.realMoney > 0">
|
||||
￥{{ item.realMoney }}
|
||||
</text>
|
||||
<text v-if="item.realMoney==0&&item.jfDeduction==0">
|
||||
￥0
|
||||
</text>
|
||||
|
||||
<text v-if="item.realMoney > 0 && item.jfDeduction > 0">
|
||||
+
|
||||
</text>
|
||||
|
||||
<text v-if="item.jfDeduction > 0">{{ item.jfDeduction }} 积分</text>
|
||||
</view>
|
||||
</view>
|
||||
<text class="order_time">下单时间：{{item.createTime}}</text>
|
||||
<view class="order_statusbtn">
|
||||
<text v-if="item.orderStatus == 0" @click.stop="goPay(item)">继续付款</text>
|
||||
<text v-if="item.orderStatus == 3">申请售后</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<text class="null_text" v-else>{{null_text}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import $http from "@/config/requestConfig.js";
|
||||
import { mapState, mapMutations } from "vuex";
|
||||
import {setPay, setPayAssign, setWXPay} from "@/config/utils";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list: [],
|
||||
pagination: {
|
||||
page: 1, //页码
|
||||
limit: 20, //每页显示
|
||||
total: 0, //总条数
|
||||
},
|
||||
null_text: '',
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getData();
|
||||
},
|
||||
onShow() {
|
||||
|
||||
},
|
||||
computed: {
|
||||
...mapState(["userInfo"]),
|
||||
},
|
||||
methods: {
|
||||
//获取数据
|
||||
getData() {
|
||||
uni.showLoading({
|
||||
title: '加载中'
|
||||
})
|
||||
var params = {
|
||||
userId: this.userInfo.id,
|
||||
come: '4',
|
||||
orderStatus: 3,
|
||||
...this.pagination
|
||||
}
|
||||
this.$http.request({
|
||||
url: 'common/buyOrder/commonBuyOrderList',
|
||||
method: "POST",
|
||||
data: params,
|
||||
header: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
})
|
||||
.then(res=> {
|
||||
uni.hideLoading();
|
||||
if(res.code==0){
|
||||
if (res.data.records&&res.data.records.length>0) {
|
||||
this.list = res.data.records;
|
||||
}else{
|
||||
this.list = [];
|
||||
this.null_text = '暂无数据';
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
//复制
|
||||
handleCopy(value, title) {
|
||||
this.$commonJS.handleCopy(value, title);
|
||||
},
|
||||
//跳转
|
||||
goToDetail(val){
|
||||
uni.navigateTo({
|
||||
url: "/pages/order/infor?orderId=" +
|
||||
val.orderId +
|
||||
"&orderType=" +
|
||||
val.orderStatus +
|
||||
"&orderSn=" +
|
||||
val.orderSn,
|
||||
});
|
||||
},
|
||||
//继续支付
|
||||
goPay(payItem) {
|
||||
if (payItem.paymentMethod == 2) {
|
||||
console.log("阿里支付");
|
||||
setPay({
|
||||
typePay: "alipay",
|
||||
subject: "order",
|
||||
totalAmount: payItem.realMoney,
|
||||
type: 2,
|
||||
relevanceoid: payItem.orderSn,
|
||||
customerId: this.userInfo.id,
|
||||
},
|
||||
(res) => {
|
||||
if (res.success) {
|
||||
uni.showToast({
|
||||
title: "支付成功",
|
||||
});
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "支付失败",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
}
|
||||
);
|
||||
} else if (payItem.paymentMethod == 1) {
|
||||
console.log("微信支付");
|
||||
if (this.isAndorid == false) {
|
||||
uni.showModal({
|
||||
title: "提示",
|
||||
content: "很抱歉，苹果系统暂不支持微信支付",
|
||||
showCancel: false,
|
||||
});
|
||||
return false;
|
||||
} else {
|
||||
let data1 = {
|
||||
orderSn: payItem.orderSn,
|
||||
buyOrderId: null,
|
||||
totalAmount: payItem.realMoney,
|
||||
};
|
||||
setWXPay(data1, (res) => {
|
||||
if (res.success) {
|
||||
uni.showToast({
|
||||
title: "支付成功",
|
||||
});
|
||||
} else {
|
||||
if (res.data.errMsg.indexOf("User canceled") != -1) {
|
||||
uni.showToast({
|
||||
title: "用户取消支付",
|
||||
icon: "none"
|
||||
});
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "支付失败",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if (payItem.paymentMethod == 3) {
|
||||
// 苹果充值
|
||||
console.log("苹果二次支付");
|
||||
if (this.isAndorid) {
|
||||
uni.showModal({
|
||||
title: "提示",
|
||||
showCancel: false,
|
||||
content: "很抱歉，当前订单属于苹果系统内购订单，安卓系统无法完成支付操作，您可切换到苹果系统进行支付，也可以取消该订单，并重新下单",
|
||||
});
|
||||
} else {
|
||||
console.log("进行苹果支付");
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@/static/mixin.scss';
|
||||
.content{
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.order_block{
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
.order_list{
|
||||
margin: 20rpx 30rpx;
|
||||
border-radius: 10rpx;
|
||||
background-color: #fff;
|
||||
|
||||
|
||||
.order_item{
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 20rpx 30rpx;
|
||||
box-shadow: 0px 0px 10px 0px #a7bbe4;
|
||||
border-radius: 10rpx;
|
||||
margin-bottom: 20rpx;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.order_orderSn{
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
position: relative;
|
||||
|
||||
text{
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.item_top{
|
||||
position: absolute;
|
||||
top: 75rpx;
|
||||
right: 30rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: normal;
|
||||
color: red;
|
||||
}
|
||||
.order_infor{
|
||||
margin-top: 40rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.left{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
image{
|
||||
width: 85rpx;
|
||||
height: 85rpx;
|
||||
}
|
||||
|
||||
text{
|
||||
padding-left: 30rpx;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
|
||||
span{
|
||||
color: red;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.order_time{
|
||||
display: block;
|
||||
margin-top: 20rpx;
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.order_price{
|
||||
margin-top: 30rpx;
|
||||
line-height: 50rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
font-size: 28rpx;
|
||||
|
||||
.left{
|
||||
padding-left: 10rpx;
|
||||
font-size: 30rpx;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.order_statusbtn{
|
||||
position: absolute;
|
||||
bottom: 20rpx;
|
||||
right: 30rpx;
|
||||
padding: 0 15rpx;
|
||||
line-height: 45rpx;
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
border: 1px solid #999;
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
|
||||
.null_text{
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 30rpx;
|
||||
color: #999;
|
||||
padding-top: 150rpx;
|
||||
}
|
||||
</style>
|
||||
906
pages/order/infor.vue
Normal file
906
pages/order/infor.vue
Normal file
@@ -0,0 +1,906 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<z-nav-bar title="订单详情" bgColor="#5188e5" fontColor="#fff"></z-nav-bar>
|
||||
|
||||
<view class="orderList" v-if="consigneeShow">
|
||||
<view class="orderItem">
|
||||
<view class="" style="position: relative; height: 60rpx">
|
||||
<text
|
||||
class="orderState orderState0"
|
||||
v-if="orderContet.orderStatus == 0">待支付</text>
|
||||
<text
|
||||
class="orderState orderState1"
|
||||
v-if="orderContet.orderStatus == 1">待发货</text>
|
||||
<text
|
||||
class="orderState orderState2"
|
||||
v-if="orderContet.orderStatus == 2">待收货</text>
|
||||
<text
|
||||
class="orderState orderState3"
|
||||
v-if="orderContet.orderStatus == 3">已完成</text>
|
||||
<text
|
||||
class="orderState orderState5"
|
||||
v-if="orderContet.orderStatus == 5">已超时</text>
|
||||
</view>
|
||||
|
||||
<view class="orderContent" v-if="orderContet.orderType == 'aiVip'||orderContet.orderType == 'upgradeAiVip'" style=" display: flex; align-items: center; justify-content: center;">
|
||||
<image src="/static/icon/order_vip.png" mode="aspectFill" style="width: 100rpx; height: 100rpx;"></image>
|
||||
<view class="itemJian">
|
||||
<view class="orderTitle" style="line-height: 46rpx; margin-bottom: 0;">
|
||||
{{ orderContet.aiBuyConfig.title }}<span style=" color: red;">（{{ orderContet.aiBuyConfig.count }}次）<span v-if="orderContet.orderType=='upgradeAiVip'">（VIP升级）</span></span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view
|
||||
class="orderContent" v-else-if="orderContet.orderType == 'point'">
|
||||
<image
|
||||
src="/static/icon/pay_3.png"
|
||||
mode="aspectFill"
|
||||
style="width: 100rpx; height: 100rpx"
|
||||
></image>
|
||||
<view class="itemJian">
|
||||
<view class="orderTitle" style="line-height: 100rpx">
|
||||
<text>充值 {{ orderContet.bookBuyConfigEntity.money }}天医币</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="order_item">
|
||||
<view class="orderallpri">
|
||||
<span style="color: #666; margin-right: 10rpx; float: left">商品总价 :
|
||||
</span>
|
||||
<span>￥</span>
|
||||
<text v-if="orderContet.orderType=='upgradeAiVip'&&orderContet.districtMoney>0">{{Number(orderContet.aiBuyConfig.fee)-Number(orderContet.districtMoney)}}</text>
|
||||
<text v-else>{{ orderContet.orderMoney }}</text>
|
||||
</view>
|
||||
<view class="orderReal" v-if="orderContet.jfDeduction > 0">
|
||||
<span style="color: #666; margin-right: 10rpx; float: left">积分抵扣:</span>
|
||||
<span style="color: red" v-if="orderContet.jfDeduction > 0">-</span>
|
||||
<span style="color: red"> {{ orderContet.jfDeduction }}</span>
|
||||
</view>
|
||||
<view
|
||||
class="orderReal"
|
||||
v-if="orderContet.paymentMethod == 4 && orderContet.realMoney > 0"
|
||||
>
|
||||
<span style="color: #666; margin-right: 10rpx; float: left">天医币抵扣:</span>
|
||||
<span style="color: red">-</span>
|
||||
<span style="color: red">￥{{ orderContet.realMoney }}</span>
|
||||
</view>
|
||||
|
||||
<view class="orderReal" v-if="orderContet.orderStatus != 0">
|
||||
<span style="color: #666; margin-right: 10rpx; float: left">
|
||||
实付款:
|
||||
</span>
|
||||
<b v-if="orderContet.orderType == 'point'" style="color: red">￥ {{ orderContet.bookBuyConfigEntity.realMoney }}</b>
|
||||
<b style="color: red" v-else>
|
||||
<template v-if="orderContet.realMoney">
|
||||
￥{{ orderContet.realMoney }}
|
||||
|
||||
<text style="font-size: 24rpx;margin-left: 10rpx;">
|
||||
<span
|
||||
style=""
|
||||
v-if="orderContet.paymentMethod == 1"
|
||||
>微信支付</span
|
||||
>
|
||||
<span
|
||||
style=""
|
||||
v-if="orderContet.paymentMethod == 2"
|
||||
>支付宝支付</span
|
||||
>
|
||||
<span
|
||||
style=""
|
||||
v-if="orderContet.paymentMethod == 3"
|
||||
>苹果支付</span
|
||||
>
|
||||
<span
|
||||
style=""
|
||||
v-if="orderContet.paymentMethod == 4"
|
||||
>
|
||||
天医币支付
|
||||
</span>
|
||||
</text>
|
||||
</template>
|
||||
<template v-if="orderContet.realMoney == 0&&orderContet.jfDeduction==0">￥0</template>
|
||||
<text
|
||||
style="margin: 0 4rpx"
|
||||
v-if="
|
||||
orderContet.realMoney > 0 && orderContet.jfDeduction > 0
|
||||
"
|
||||
>
|
||||
+
|
||||
</text>
|
||||
|
||||
<text v-if="orderContet.jfDeduction > 0"
|
||||
>{{ orderContet.jfDeduction }} 积分</text
|
||||
>
|
||||
</b>
|
||||
</view>
|
||||
<view class="orderReal" v-if="orderContet.remark">
|
||||
<span style="color: #666; margin-right: 10rpx; float: left">
|
||||
备注 :
|
||||
</span>
|
||||
<text style="color: #666; line-height: 36rpx; display: inline-block; max-width: 80%;">{{ orderContet.remark }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="order_item">
|
||||
<view class="orderYunf">
|
||||
<span style="color: #666; float: left">订单编号 : </span>
|
||||
<text style="font-size: 24rpx; color: #666">{{ orderContet.orderSn }}
|
||||
</text>
|
||||
<u-tag
|
||||
@click="handleCopy(orderContet.orderSn, '订单编号')"
|
||||
borderColor="#5188e5"
|
||||
color="#5188e5"
|
||||
text="复制"
|
||||
plain
|
||||
style="float: right; margin-left: 15rpx;"
|
||||
size="mini"
|
||||
type="success"
|
||||
></u-tag>
|
||||
</view>
|
||||
<view class="orderReal" style=" width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;">
|
||||
<span style="color: #666; margin-right: 10rpx; float: left">
|
||||
创建时间 :
|
||||
</span>
|
||||
<text style="font-size: 24rpx; color: #666">{{orderContet.createTime}}</text>
|
||||
</view>
|
||||
<view
|
||||
class="orderReal"
|
||||
v-if=" orderContet.orderStatus >= 1 && orderContet.orderStatus != 5 &&orderContet.paymentDate">
|
||||
<span style="color: #666; margin-right: 10rpx; float: left">
|
||||
付款时间 :
|
||||
</span>
|
||||
<text style="font-size: 24rpx; color: #666">{{orderContet.paymentDate}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="goods_nav_box">
|
||||
<common-goods-nav
|
||||
:iconList="iconList"
|
||||
:customButton="customButton"
|
||||
@submit="goBuyJie"
|
||||
@clickIcon="clickIcon"
|
||||
>
|
||||
<!-- leftSlot -->
|
||||
<template slot="leftSlot" slot-scope="slotProps">
|
||||
<view
|
||||
class="price_box order_bottom_box"
|
||||
v-if="orderContet.orderStatus == 0"
|
||||
>
|
||||
<text class="price">
|
||||
合计:
|
||||
<text class="total">￥{{ orderContet.realMoney }}</text>
|
||||
</text>
|
||||
</view>
|
||||
</template>
|
||||
</common-goods-nav>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import $http from "@/config/requestConfig.js";
|
||||
import { setPay, setPayAssign, setWXPay } from "@/config/utils";
|
||||
import { mapState } from "vuex";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
iconList: [
|
||||
{
|
||||
text: "联系客服",
|
||||
iconType: 1,
|
||||
icon: "server-fill",
|
||||
infoColor: "#666",
|
||||
},
|
||||
],
|
||||
userRecordid: null, // 用户的评价状态
|
||||
playData: {},
|
||||
title: "Hello",
|
||||
logisticsData: [], // 快递信息列表
|
||||
titleStat: "",
|
||||
orderID: 0,
|
||||
orderSn: "",
|
||||
orderType: "",
|
||||
orderContet: {},
|
||||
sheetList: [], // 面单数据
|
||||
consigneeShow: false,
|
||||
customButton: [],
|
||||
};
|
||||
},
|
||||
onLoad(e) {
|
||||
this.windowWidth = uni.getSystemInfoSync().windowWidth;
|
||||
this.orderID = e.orderId;
|
||||
this.orderType = e.orderType;
|
||||
this.orderSn = e.orderSn;
|
||||
},
|
||||
onHide() {
|
||||
this.sheetList = [];
|
||||
},
|
||||
onShow() {
|
||||
this.getOrderList();
|
||||
},
|
||||
computed: {
|
||||
...mapState(["userInfo"]),
|
||||
},
|
||||
|
||||
methods: {
|
||||
async goBuyJie(data) {
|
||||
if (data.text == "继续付款") {
|
||||
this.goPay(this.orderContet);
|
||||
} else if (data.text == "取消订单") {
|
||||
this.canceOrder();
|
||||
}
|
||||
},
|
||||
//联系客服
|
||||
async clickIcon(data) {
|
||||
if (data.text == "联系客服") {
|
||||
this.kefu();
|
||||
}
|
||||
},
|
||||
//联系客服
|
||||
kefu() {
|
||||
uni.showModal({
|
||||
title: "提示",
|
||||
content: "微信号：yilujiankangkefu",
|
||||
});
|
||||
},
|
||||
//复制
|
||||
handleCopy(value, title) {
|
||||
this.$commonJS.handleCopy(value, title);
|
||||
},
|
||||
onPageJump(item) {
|
||||
uni.navigateTo({
|
||||
url: "./deliverDetail?objId=" + item,
|
||||
});
|
||||
},
|
||||
//获取订单详情
|
||||
getOrderList() {
|
||||
this.$http
|
||||
.request({
|
||||
url: "common/buyOrder/commonOrderDetail",
|
||||
method: "POST",
|
||||
data: {
|
||||
orderId: this.orderID,
|
||||
},
|
||||
header: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
})
|
||||
.then((res) => {
|
||||
this.customButton = [];
|
||||
this.orderContet = res.data.buyOrder;
|
||||
this.consigneeShow = true;
|
||||
if (
|
||||
this.orderContet.orderStatus == 2 &&
|
||||
this.sheetList.length > 0 &&
|
||||
this.orderContet.orderStatus != 5
|
||||
) {
|
||||
this.customButton.push({
|
||||
width: "160rpx",
|
||||
text: "查看物流",
|
||||
color: "#333",
|
||||
backgroundColor: "#f0f0f0",
|
||||
color: "#fff",
|
||||
});
|
||||
}
|
||||
if (this.orderContet.orderStatus == 2) {
|
||||
this.customButton.push({
|
||||
width: "160rpx",
|
||||
text: "确认收货",
|
||||
|
||||
color: "#fff",
|
||||
});
|
||||
}
|
||||
if (this.orderContet.orderStatus == 0) {
|
||||
this.customButton.push({
|
||||
width: "160rpx",
|
||||
text: "继续付款",
|
||||
});
|
||||
}
|
||||
if (this.orderContet.orderStatus == 0) {
|
||||
this.customButton.push({
|
||||
width: "160rpx",
|
||||
text: "取消订单",
|
||||
color: "#333",
|
||||
backgroundColor: "#f0f0f0",
|
||||
});
|
||||
}
|
||||
if (this.orderContet.orderStatus == 0) {
|
||||
this.titleStat = "待支付";
|
||||
} else if (this.orderContet.orderStatus == 1) {
|
||||
this.titleStat = "待发货";
|
||||
} else if (this.orderContet.orderStatus == 2) {
|
||||
this.titleStat = "待收货";
|
||||
} else if (this.orderContet.orderStatus == 3) {
|
||||
this.titleStat = "已完成";
|
||||
}
|
||||
if (
|
||||
this.orderContet.orderStatus >= 2 &&
|
||||
this.orderContet.orderType == "order" &&
|
||||
this.orderContet.expressOrders
|
||||
) {
|
||||
this.sheetList = this.orderContet.expressOrders;
|
||||
} else {
|
||||
this.sheetList = [];
|
||||
}
|
||||
console.log(this.orderContet, "订单详情");
|
||||
});
|
||||
},
|
||||
|
||||
//取消订单
|
||||
canceOrder() {
|
||||
uni.showModal({
|
||||
title: "提示",
|
||||
content: "确定要取消订单吗？",
|
||||
confirmText: "取消订单",
|
||||
cancelText: "考虑一下",
|
||||
confirmColor: "#c96713",
|
||||
cancelColor: "#555",
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
this.$http
|
||||
.post(
|
||||
"book/buyOrder/appDelete?orderId=" + this.orderContet.orderId
|
||||
)
|
||||
.then((res) => {
|
||||
uni.showToast({
|
||||
icon: "none",
|
||||
title: "取消订单成功",
|
||||
});
|
||||
uni.switchTab({
|
||||
url: "./orderList",
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
|
||||
//支付
|
||||
goPay(payItem) {
|
||||
if (payItem.paymentMethod == 2) {
|
||||
console.log("阿里支付");
|
||||
setPay(
|
||||
{
|
||||
typePay: "alipay",
|
||||
subject: "order",
|
||||
totalAmount: payItem.realMoney,
|
||||
type: 2,
|
||||
relevanceoid: payItem.orderSn,
|
||||
customerId: this.userInfo.id,
|
||||
},
|
||||
(res) => {
|
||||
if (res.success) {
|
||||
uni.showToast({
|
||||
title: "支付成功",
|
||||
});
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "支付失败",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
this.getOrderList();
|
||||
}
|
||||
);
|
||||
} else if (payItem.paymentMethod == 1) {
|
||||
console.log("微信支付");
|
||||
if (this.isAndorid == false) {
|
||||
uni.showModal({
|
||||
title: "提示",
|
||||
content: "很抱歉，苹果系统暂不支持微信支付",
|
||||
showCancel: false,
|
||||
});
|
||||
return false;
|
||||
} else {
|
||||
let data1 = {
|
||||
orderSn: payItem.orderSn,
|
||||
buyOrderId: null,
|
||||
totalAmount: payItem.realMoney,
|
||||
};
|
||||
console.log(data1, "data1");
|
||||
setWXPay(data1, (res) => {
|
||||
if (res.success) {
|
||||
uni.showToast({
|
||||
title: "支付成功",
|
||||
});
|
||||
} else {
|
||||
console.log(res);
|
||||
if (res.data.errMsg.indexOf("User canceled") != -1) {
|
||||
uni.showToast({
|
||||
title: "用户取消支付",
|
||||
icon: "none"
|
||||
});
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "支付失败",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if (payItem.paymentMethod == 3) {
|
||||
// 苹果充值
|
||||
console.log("苹果二次支付");
|
||||
if (this.isAndorid) {
|
||||
uni.showModal({
|
||||
title: "提示",
|
||||
showCancel: false,
|
||||
content:
|
||||
"很抱歉，当前订单属于苹果系统内购订单，安卓系统无法完成支付操作，您可切换到苹果系统进行支付，也可以取消该订单，并重新下单",
|
||||
});
|
||||
} else {
|
||||
this.iphonepay(payItem);
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "@/static/mixin.scss";
|
||||
@import "@/static/common.scss";
|
||||
view,uni-view {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.expresslist {
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
.title {
|
||||
text-align: center;
|
||||
}
|
||||
.item {
|
||||
padding: 30rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
}
|
||||
.orderState {
|
||||
color: #fff;
|
||||
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0rpx;
|
||||
padding: 6rpx 10rpx;
|
||||
border-radius: 0 24rpx 24rpx 0;
|
||||
font-size: 26rpx;
|
||||
// font-weight: bold;
|
||||
color: #fff;
|
||||
}
|
||||
.orderState0 {
|
||||
background-color: #e6a23c;
|
||||
}
|
||||
.orderState1 {
|
||||
background-color: #409eff;
|
||||
}
|
||||
.orderState2 {
|
||||
background-color: #f56c6c;
|
||||
}
|
||||
.orderState3 {
|
||||
background-color: #5188e5;
|
||||
}
|
||||
.orderState5 {
|
||||
background-color: #787878;
|
||||
}
|
||||
.guoqi {
|
||||
font-size: 28rpx;
|
||||
align-items: center;
|
||||
color: red;
|
||||
float: right;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
.star {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.mb30 {
|
||||
margin-bottom: 30rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.tanchu {
|
||||
padding: 40rpx 30rpx 40rpx 30rpx;
|
||||
position: relative;
|
||||
|
||||
.dp_title {
|
||||
font-size: 32rpx;
|
||||
margin-bottom: 50rpx;
|
||||
color: #555;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.dp_add {
|
||||
position: absolute;
|
||||
top: 40rpx;
|
||||
right: 30rpx;
|
||||
font-size: 22rpx;
|
||||
background-color: #fd6004;
|
||||
color: #fff;
|
||||
border-radius: 10rpx;
|
||||
padding: 5rpx 10rpx;
|
||||
|
||||
.u-icon {
|
||||
display: inline-block;
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.addressItem {
|
||||
border: 2px dashed #d9d9d9;
|
||||
border-radius: 10rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 20rpx 10rpx;
|
||||
margin: 25rpx 0 0 0;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
|
||||
.addrContent {
|
||||
margin-left: 40rpx;
|
||||
flex: 1;
|
||||
|
||||
.addrContentTop {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
margin: 0 0 15rpx 0;
|
||||
position: relative;
|
||||
|
||||
.userName {
|
||||
font-size: 35rpx;
|
||||
font-weight: bold;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
.userTel {
|
||||
font-size: 25rpx;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.userMoren {
|
||||
border: 1px solid #fd6004;
|
||||
color: #fd6004;
|
||||
padding: 3rpx 10rpx;
|
||||
font-size: 22rpx;
|
||||
border-radius: 10rpx;
|
||||
margin: 0 0 0 20rpx;
|
||||
}
|
||||
|
||||
.chooseCheck {
|
||||
position: absolute;
|
||||
top: 3rpx;
|
||||
right: 6rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.addrContentBottom {
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.addressItem.addItem_style {
|
||||
border-color: #fd6004;
|
||||
}
|
||||
|
||||
.youhuiItem {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 10rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 20rpx 10rpx;
|
||||
margin: 25rpx 0 0 0;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.youhuiItem > view {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.youhuiItem.youItem_style {
|
||||
border-color: #fd6004;
|
||||
}
|
||||
}
|
||||
.opShou {
|
||||
border-color: $uni-color-success !important;
|
||||
}
|
||||
|
||||
.adDefault {
|
||||
padding: 30rpx 50rpx 30rpx 100rpx;
|
||||
background-color: #fff;
|
||||
border-top: 1px solid #eee;
|
||||
border-bottom: 2px dashed #b2e9d7;
|
||||
margin: 0 0 5rpx 0;
|
||||
position: relative;
|
||||
|
||||
.defalTop {
|
||||
.userName {
|
||||
font-size: 35rpx;
|
||||
font-weight: bold;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
.userTel {
|
||||
font-size: 25rpx;
|
||||
color: #888;
|
||||
}
|
||||
}
|
||||
|
||||
.defalBottom {
|
||||
.userAddress {
|
||||
font-size: 32rpx;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.defalLeft {
|
||||
position: absolute;
|
||||
left: 30rpx;
|
||||
top: 55rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.orderList {
|
||||
margin: 30rpx;
|
||||
box-shadow: 0px 0px 10px 0px #a7bbe4;
|
||||
border-radius: 10rpx;
|
||||
|
||||
.orderItem {
|
||||
padding: 30rpx 0rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
margin-bottom: 30rpx;
|
||||
|
||||
.orderContent {
|
||||
padding: 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
image {
|
||||
width: 150rpx;
|
||||
height: 180rpx;
|
||||
margin-right: 20rpx;
|
||||
float: left;
|
||||
}
|
||||
.goods_info {
|
||||
float: left;
|
||||
width: calc(100% - 180rpx) !important;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.itemJian {
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
.orderTitle {
|
||||
font-weight: bold;
|
||||
font-size: 30rpx;
|
||||
margin: 0 0 20rpx 0;
|
||||
float: left;
|
||||
width: 540rpx;
|
||||
}
|
||||
|
||||
.orderPrice {
|
||||
font-size: 28rpx;
|
||||
float: right;
|
||||
width: 60rpx;
|
||||
text-align: right;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.orderallpri {
|
||||
text-align: right;
|
||||
margin: 10rpx 0;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.orderReal {
|
||||
text-align: right;
|
||||
font-size: 28rpx;
|
||||
margin: 10rpx 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.orderYunf {
|
||||
text-align: right;
|
||||
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.orderOper {
|
||||
text-align: right;
|
||||
margin: 40rpx 20rpx 0 0;
|
||||
|
||||
view {
|
||||
margin-left: 20rpx;
|
||||
padding: 10rpx 0;
|
||||
display: inline-block;
|
||||
width: 160rpx;
|
||||
font-size: 25rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.opFix {
|
||||
color: #555;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
|
||||
.opCan {
|
||||
color: #c96713;
|
||||
border: 1px solid #eba00b;
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
.kefu {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.copyCode {
|
||||
display: inline-block;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.deliverCntent {
|
||||
padding: 32rpx;
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
margin-bottom: 20rpx;
|
||||
border-top: 1px solid #eee;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.flexbox {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.img_icon {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.moreBtnF {
|
||||
align-items: center;
|
||||
padding: 30rpx;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
||||
.wuliu {
|
||||
.time {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.moreBtn {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
}
|
||||
}
|
||||
.address_box {
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.order_top {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.user_info {
|
||||
width: 100%;
|
||||
float: left;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.name {
|
||||
color: #838282;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.tel {
|
||||
color: #838282;
|
||||
}
|
||||
}
|
||||
|
||||
.curriulum_title {
|
||||
width: auto;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
float: left;
|
||||
margin-right: 10rpx;
|
||||
color: #333;
|
||||
line-height: 40rpx;
|
||||
letter-spacing: 2rpx;
|
||||
}
|
||||
|
||||
.normal_box {
|
||||
margin-left: 5rpx;
|
||||
width: calc(100% - 120rpx);
|
||||
}
|
||||
|
||||
.goods_box {
|
||||
padding: 20rpx 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.rightArrow {
|
||||
margin-left: 40rpx;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
}
|
||||
.feng {
|
||||
background-color: #fafafa;
|
||||
margin: 0rpx 22rpx 0 0;
|
||||
height: 140rpx !important;
|
||||
width: 140rpx !important;
|
||||
float: left;
|
||||
border-radius: 14rpx;
|
||||
// border: 1rpx solid #e9e9e9;
|
||||
}
|
||||
.booknameleft {
|
||||
font-size: 32rpx;
|
||||
width: calc(100% - 100rpx);
|
||||
color: #070707;
|
||||
letter-spacing: 0.5rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
.order_item {
|
||||
padding: 20rpx 20rpx;
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
/deep/.goods_nav_box {
|
||||
.left {
|
||||
margin-top: -10rpx;
|
||||
width: auto;
|
||||
height: auto;
|
||||
position: relative;
|
||||
// overflow: hidden;
|
||||
}
|
||||
}
|
||||
.delisted {
|
||||
background-color: red;
|
||||
color: #fff;
|
||||
// padding: 2rpx 4rpx;
|
||||
position: absolute;
|
||||
border-radius: 4rpx;
|
||||
font-size: 22rpx;
|
||||
width: 100rpx;
|
||||
text-align: center;
|
||||
height: 40rpx;
|
||||
line-height: 40rpx;
|
||||
left: calc((100% - 100rpx) / 2);
|
||||
top: calc((100% - 40rpx) / 2);
|
||||
}
|
||||
.order_bottom_box {
|
||||
margin-left: 20rpx;
|
||||
|
||||
.number {
|
||||
font-size: 28rpx;
|
||||
margin-right: 15rpx;
|
||||
margin-top: 5rpx;
|
||||
}
|
||||
|
||||
.price {
|
||||
.total {
|
||||
font-size: 38rpx;
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
.vip_year{
|
||||
padding-left: 20rpx;
|
||||
color: #f5342b;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user