330 lines
9.5 KiB
Vue
330 lines
9.5 KiB
Vue
<template>
|
||
<view class="app">
|
||
<view class="inputs">
|
||
<i class="icon"></i>
|
||
<input v-model="goodsName" type="text" name="" id="" class="input" placeholder="请输入商品名称">
|
||
</view>
|
||
<view class="" v-if="total>0">
|
||
<view class="Apayment" v-for='(item,index) in orderlist' :key="index">
|
||
<view class="names">店铺名称
|
||
<image class="picture" src="/static/pic.png" mode=""></image>
|
||
<span v-if="item.orderStatus=='WAIT_PAY'&&item.timestamp>0">待付款</span>
|
||
<span v-if="item.orderStatus=='WAIT_PAY'&&item.timestamp<=0">订单已关闭</span>
|
||
<span v-if="item.orderStatus=='WAIT_REFUND'">退款中</span>
|
||
<span v-if="item.orderStatus=='CANCEL'">已取消</span>
|
||
<span v-if="item.orderStatus=='WAIT_RECEIVED_GOODS'">待收货</span>
|
||
<span v-if="item.orderStatus=='RECEIVED_GOODS'">待评价</span>
|
||
<span v-if="item.orderStatus=='EVALUATED'">已完成</span>
|
||
<span v-if="item.orderStatus=='PAY'">待发货</span>
|
||
<span v-if="item.orderStatus=='REFUNDED'">退款成功</span>
|
||
<span v-if="item.orderStatus=='WAIT_RETURNED_GOODS'">待退货</span>
|
||
<span v-if="item.orderStatus=='RETURNED_GOODS'">退款成功</span>
|
||
</view>
|
||
<view class="details" @tap='goorderdetails(item)'>
|
||
<view class="detailslist">
|
||
<image :src="baseurl+item.attributePitureUrl" mode=""></image>
|
||
<view class="model">
|
||
<view class="top">
|
||
<span>{{item.goodsName}}</span>
|
||
<span>￥{{item.goodsPrice}}</span>
|
||
</view>
|
||
<view class="bottom">
|
||
<span class="box">型号：{{item.goodsAttributeName}}</span>
|
||
<span class="box">×{{item.goodsCount}}</span>
|
||
</view>
|
||
<view class="refund">
|
||
实付款：
|
||
<text class="price">￥{{item.totalPrice}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="anniu">
|
||
<view class="logistics" v-if="item.orderStatus=='WAIT_REFUND'" style="background-color: coral;"
|
||
@tap='goorderdetails(item)'>退款中
|
||
</view>
|
||
<view class="logistics" v-if="item.orderStatus=='WAIT_RECEIVED_GOODS'" @tap='gologistics(item)'>查看物流
|
||
</view>
|
||
<view class="logistics harvest" @tap='buy(item)'
|
||
v-if="item.orderStatus=='WAIT_PAY'&&item.timestamp>0">
|
||
去支付</view>
|
||
<view class="logistics harvest" @tap='Receipt(item)' v-if="item.orderStatus=='WAIT_RECEIVED_GOODS'">
|
||
确认收货</view>
|
||
<view class="logistics harvest" style="background-color: #60c5f1;" @tap='rate(item)'
|
||
v-if="item.orderStatus=='RECEIVED_GOODS'">
|
||
去评价</view>
|
||
<view class="logistics harvest" v-if="item.orderStatus=='EVALUATED'" @tap='golookrate(item)'>
|
||
查看评价</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="noorder" v-else>
|
||
<image src="../../static/noorder.png" mode=""></image>
|
||
<view class="">
|
||
暂无商品订单
|
||
</view>
|
||
</view>
|
||
<!-- 弹框 -->
|
||
<view class="frame">
|
||
<u-popup v-model="show" mode="bottom" length="45%" border-radius="30">
|
||
<view class="payment">
|
||
<span>确认收到货了吗</span>
|
||
<image src="../../static/gb.png" mode="" @tap="show = false"></image>
|
||
</view>
|
||
<view class="chat">
|
||
<view class="image">
|
||
<image :src="baseurl+img" mode=""></image>
|
||
<view class="blackground">共1件</view>
|
||
</view>
|
||
<view class="word">为了保证你的售后权益，请收到商品确认无误后再确认收货</view>
|
||
</view>
|
||
<view class="submits" @tap='Receipts'>确定</view>
|
||
</u-popup>
|
||
</view>
|
||
<u-toast ref="uToast" />
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
ssgoodsOrder,
|
||
confirmReceipt
|
||
} from '@/api/CommodityOrder/index.js'
|
||
import baseurl from '@/api/baseurl.js'
|
||
import {
|
||
appletGoodsOrderPay
|
||
} from '@/api/confirmOrder/index.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
orderNoitem: null,
|
||
patientId: '',
|
||
openid: '',
|
||
title: '商品订单', //导航标题
|
||
baseurl: '', //url
|
||
orderlist: [], //商品订单list
|
||
total: 0, //list长度
|
||
show: false, //确认收获开关
|
||
img: '', //确认收货页面图片
|
||
orderStatus: '', //
|
||
goodsOrderId: '', //
|
||
pageSize: 15, //
|
||
pageNum: 1, //
|
||
goodsName: '',
|
||
getCodeText: null,
|
||
}
|
||
},
|
||
methods: {
|
||
//查看评价
|
||
golookrate(item) {
|
||
uni.navigateTo({
|
||
url: `/pages/lookrate/lookrate?item=${JSON.stringify(item)}`
|
||
})
|
||
},
|
||
//收货
|
||
Receipts() {
|
||
confirmReceipt(this.orderNoitem.goOrderNo).then(res => {
|
||
if (res.code == 200) {
|
||
this.$refs.uToast.show({
|
||
title: '收货成功',
|
||
type: 'success',
|
||
duration: '1000'
|
||
})
|
||
this.show = false
|
||
uni.setStorageSync("Refresh", 'Refresh')
|
||
setTimeout(e => {
|
||
uni.navigateTo({
|
||
url: `/pages/goodsorderRate/goodsorderRate?item=${JSON.stringify(this.orderNoitem)}&delta=${3}`
|
||
})
|
||
// uni.navigateTo({
|
||
// url: `/pages/orderDetails/orderDetails?goodsOrderId=${this.orderNoitem.goodsOrderId}`
|
||
// })
|
||
}, 1000)
|
||
} else {
|
||
this.$refs.uToast.show({
|
||
title: '收货失败',
|
||
type: 'error',
|
||
duration: '1000'
|
||
})
|
||
this.show = false
|
||
}
|
||
})
|
||
},
|
||
//支付
|
||
buy(item) {
|
||
let obj = {
|
||
patientId: this.patientId,
|
||
openid: this.openid,
|
||
orderNo: item.goOrderNo,
|
||
orderChannel: "WECHAT_APPLET",
|
||
paymentPrice: item.totalPrice,
|
||
payType: "WECHAT_PAY",
|
||
buySource: item.buySource,
|
||
}
|
||
var that = this
|
||
appletGoodsOrderPay(obj).then(response => {
|
||
if (response.code == 200) {
|
||
uni.requestPayment({
|
||
timeStamp: response.data.timeStamp,
|
||
nonceStr: response.data.nonceStr,
|
||
package: response.data.prepayId,
|
||
signType: response.data.signType,
|
||
paySign: response.data.paySign,
|
||
success: function(res) {
|
||
uni.setStorageSync("Refresh", 'Refresh')
|
||
that.$refs.uToast.show({
|
||
title: '支付成功',
|
||
type: 'success',
|
||
toast: 1500,
|
||
url: `/pages/paysuccess/paysuccess`,
|
||
})
|
||
},
|
||
fail: function(err) {
|
||
that.$refs.uToast.show({
|
||
title: '取消支付',
|
||
type: 'error',
|
||
toast: 1500,
|
||
})
|
||
}
|
||
});
|
||
} else {
|
||
that.$refs.uToast.show({
|
||
title: response.msg,
|
||
type: 'error',
|
||
toast: 2000
|
||
})
|
||
}
|
||
})
|
||
},
|
||
//物流页面
|
||
gologistics(item) {
|
||
uni.navigateTo({
|
||
url: `/pages/logistics/logistics?item=${JSON.stringify(item)}`
|
||
})
|
||
},
|
||
//评价
|
||
rate(item) {
|
||
uni.navigateTo({
|
||
url: `/pages/goodsorderRate/goodsorderRate?item=${JSON.stringify(item)}&delta=${3}`
|
||
})
|
||
},
|
||
//订单详情页面
|
||
goorderdetails(item) {
|
||
uni.navigateTo({
|
||
url: `/pages/orderDetails/orderDetails?goodsOrderId=${item.goodsOrderId}`
|
||
})
|
||
},
|
||
//商品订单请求
|
||
goodsOrderinfo() {
|
||
ssgoodsOrder(this.patientId, this.orderStatus, this.goodsOrderId, this.pageSize, this.pageNum, this
|
||
.goodsName).then(
|
||
res => {
|
||
if (res.code == 200) {
|
||
this.orderlist = res.rows
|
||
this.orderlist.forEach(e => {
|
||
e.timestamp = null
|
||
var time = new Date(e.orderTime).getTime() / 1000 + (60 * 60 * 24)
|
||
var times = new Date().getTime() / 1000
|
||
e.timestamp = time - times
|
||
})
|
||
uni.removeStorageSync('Refresh');
|
||
this.total = res.total
|
||
}
|
||
})
|
||
},
|
||
//确认收货
|
||
Receipt(item) {
|
||
this.orderNoitem = item
|
||
this.img = item.attributePitureUrl
|
||
this.show = true
|
||
},
|
||
},
|
||
watch: { //监听
|
||
goodsName() {
|
||
this.pageNum = 1
|
||
this.goodsOrderinfo()
|
||
},
|
||
},
|
||
onReady() { //更改导航栏文字
|
||
uni.setNavigationBarTitle({
|
||
title: this.title,
|
||
});
|
||
},
|
||
onShow() {
|
||
this.pageNum = 1;
|
||
this.baseurl = baseurl;
|
||
let that = this
|
||
try {
|
||
const value = uni.getStorageSync('openid');
|
||
if (value) {} else {
|
||
uni.navigateTo({
|
||
url: '/pages/login/login'
|
||
})
|
||
}
|
||
} catch (e) {}
|
||
try {
|
||
const value3 = uni.getStorageSync('Refresh');
|
||
if (value3) {
|
||
that.goodsOrderinfo();
|
||
}
|
||
} catch (e) {}
|
||
},
|
||
onLoad(options) { //开局调用
|
||
let that = this
|
||
try {
|
||
const value = uni.getStorageSync('patientId');
|
||
const value2 = uni.getStorageSync('openid');
|
||
if (value && value2) {
|
||
that.patientId = value
|
||
that.openid = value2
|
||
if (options.orderStatus) {
|
||
that.orderStatus = options.orderStatus
|
||
if (options.orderStatus == 'WAIT_PAY') {
|
||
that.title = '待付款'
|
||
that.goodsOrderinfo();
|
||
} else if (options.orderStatus == 'WAIT_RECEIVED_GOODS') {
|
||
that.title = '待收货'
|
||
that.goodsOrderinfo();
|
||
} else if (options.orderStatus == 'RECEIVED_GOODS') {
|
||
that.title = '待评价'
|
||
that.goodsOrderinfo();
|
||
} else if (options.orderStatus == 'EVALUATED') {
|
||
that.title = '已完成'
|
||
that.goodsOrderinfo();
|
||
}
|
||
} else {
|
||
that.goodsOrderinfo();
|
||
}
|
||
}
|
||
} catch (e) {}
|
||
},
|
||
onReachBottom() { //下滑加载
|
||
if (this.orderlist.length >= this.total) {} else {
|
||
this.pageNum++;
|
||
ssgoodsOrder(this.patientId, this.orderStatus, this.goodsOrderId, this.pageSize, this.pageNum, this
|
||
.goodsName).then(res => {
|
||
res.rows.forEach(e => {
|
||
e.timestamp = null
|
||
var time = new Date(e.orderTime).getTime() / 1000 + (60 * 60 * 24)
|
||
var times = new Date().getTime() / 1000
|
||
e.timestamp = time - times
|
||
this.orderlist.push(e)
|
||
})
|
||
this.total = res.total
|
||
})
|
||
}
|
||
},
|
||
onPullDownRefresh() { //下拉刷新
|
||
this.pageNum = 1;
|
||
this.goodsOrderinfo();
|
||
setTimeout(function() {
|
||
uni.stopPullDownRefresh();
|
||
}, 1000);
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
@import "./CommodityOrder.scss";
|
||
</style>
|