You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
377 lines
12 KiB
377 lines
12 KiB
<template> |
|
<view class="order-details pos-order-details"> |
|
<view class="header acea-row row-middle"> |
|
<view class="state">{{ title }}</view> |
|
<view class="data"> |
|
<view class="order-num">订单：{{ orderInfo.orderId }}</view> |
|
<view> |
|
<text class="time"> |
|
<data-format :date="orderInfo.addTime"></data-format> |
|
</text> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="orderingUser acea-row row-middle">{{ orderInfo.nickname }}</view> |
|
<view class="address"> |
|
<view class="name"> |
|
{{ orderInfo.realName }} |
|
<text class="phone">{{ orderInfo.userPhone }}</text> |
|
</view> |
|
<view>{{ orderInfo.userAddress }}</view> |
|
</view> |
|
<view class="line"> |
|
<image :src="`${$VUE_APP_RESOURCES_URL}/images/line.jpg`" /> |
|
</view> |
|
<view class="pos-order-goods"> |
|
<view class="goods acea-row row-between-wrapper" v-for="(item, orderInfoIndex) in orderInfo.cartInfo" :key="orderInfoIndex"> |
|
<view class="picTxt acea-row row-between-wrapper"> |
|
<view class="pictrue"> |
|
<image :src="item.productInfo.image" /> |
|
</view> |
|
<view class="text acea-row row-between row-column"> |
|
<view class="info line2">{{ item.productInfo.storeName }}</view> |
|
<view class="attr">{{ item.productInfo.sku }}</view> |
|
</view> |
|
</view> |
|
<view class="money"> |
|
<view class="x-money">￥{{ item.productInfo.price }}</view> |
|
<view class="num">x{{ item.cartNum }}</view> |
|
<view class="y-money">￥{{ item.productInfo.otPrice ? item.productInfo.otPrice : 0 }}</view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="public-total"> |
|
共{{ orderInfo.totalNum }}件商品，应支付 |
|
<text class="money">￥{{ orderInfo.payPrice }}</text> |
|
( 邮费 ¥{{ orderInfo.payPostage }}) |
|
</view> |
|
<view class="wrapper"> |
|
<view class="item acea-row row-between"> |
|
<view>订单编号：</view> |
|
<view class="conter acea-row row-middle row-right"> |
|
{{ orderInfo.orderId }} |
|
<!-- #ifndef H5 --> |
|
<text class="copy copy-data" @click="copyClipboard(orderInfo.orderId)">复制</text> |
|
<!-- #endif --> |
|
</view> |
|
</view> |
|
<view class="item acea-row row-between"> |
|
<view>下单时间：</view> |
|
<!-- <view class="conter"> --> |
|
<view class="conter">{{ orderInfo.createTime }}</view> |
|
<!-- <data-format :date="orderInfo.addTime"></data-format> --> |
|
<!-- </view> --> |
|
</view> |
|
<view class="item acea-row row-between"> |
|
<view>支付状态：</view> |
|
<view class="conter">{{ orderInfo.paid == 1 ? '已支付' : '未支付' }}</view> |
|
</view> |
|
<view class="item acea-row row-between"> |
|
<view>支付方式：</view> |
|
<view class="conter">{{ payType }}</view> |
|
</view> |
|
<view class="item acea-row row-between"> |
|
<view>买家留言：</view> |
|
<view class="conter">{{ orderInfo.mark }}</view> |
|
</view> |
|
</view> |
|
<view class="wrapper"> |
|
<view class="item acea-row row-between"> |
|
<view>支付金额：</view> |
|
<view class="conter">￥{{ orderInfo.totalPrice }}</view> |
|
</view> |
|
<view class="item acea-row row-between"> |
|
<view>优惠券抵扣：</view> |
|
<view class="conter">-￥{{ orderInfo.couponPrice }}</view> |
|
</view> |
|
<view class="actualPay acea-row row-right"> |
|
实付款： |
|
<text class="money font-color-red">￥{{ orderInfo.payPrice }}</text> |
|
</view> |
|
</view> |
|
<view class="wrapper" v-if="orderInfo.delivery_type != 'fictitious' && orderInfo._status._type === 2"> |
|
<view class="item acea-row row-between"> |
|
<view>配送方式：</view> |
|
<view class="conter" v-if="orderInfo.delivery_type === 'express'">快递</view> |
|
<view class="conter" v-if="orderInfo.delivery_type === 'send'">送货</view> |
|
</view> |
|
<view class="item acea-row row-between"> |
|
<view v-if="orderInfo.delivery_type === 'express'">快递公司：</view> |
|
<view v-if="orderInfo.delivery_type === 'send'">送货人：</view> |
|
<view class="conter">{{ orderInfo.delivery_name }}</view> |
|
</view> |
|
<view class="item acea-row row-between"> |
|
<view v-if="orderInfo.delivery_type === 'express'">快递单号：</view> |
|
<view v-if="orderInfo.delivery_type === 'send'">送货人电话：</view> |
|
<view class="conter"> |
|
{{ orderInfo.delivery_id }} |
|
<!-- #ifndef H5 --> |
|
<text class="copy copy-data" @click="copyClipboard(orderInfo.delivery_id)">复制</text> |
|
<!-- #endif --> |
|
</view> |
|
</view> |
|
</view> |
|
<view style="height:100rpx;"></view> |
|
<view class="footer acea-row row-right row-middle"> |
|
<view class="more"></view> |
|
<view class="bnt cancel" @click="modify(0)" v-if="types == 0">一键改价</view> |
|
<view class="bnt cancel" @click="modify(0)" v-if="types == -1">立即退款</view> |
|
<view class="bnt cancel" v-if="orderInfo.pay_type === 'offline' && orderInfo.paid === 0" @click="offlinePay">确认付款</view> |
|
<view class="bnt delivery" v-if="title == '未发货' && types == 1" @click="goGoodsDeliver(orderInfo)">去发货</view> |
|
<view class="bnt quick" v-if="title == '待核销' && types == 1" @click="storeCancellation(0)">快速核销</view> |
|
<view class="bnt delivery" v-if="title == '待核销' && types == 1" @click="storeCancellation(1)">立即核销</view> |
|
</view> |
|
<PriceChange :change="change" :orderInfo="orderInfo" v-on:closechange="changeclose($event)" v-on:savePrice="savePrice" :status="status"></PriceChange> |
|
</view> |
|
</template> |
|
<script> |
|
import PriceChange from '@/components/PriceChange' |
|
import DataFormat from '@/components/DataFormat' |
|
import { getAdminOrderDetail, setAdminOrderPrice, setAdminOrderRemark, setOfflinePay, setOrderRefund } from '@/api/admin' |
|
import { orderVerific } from '@/api/order' |
|
import { required, num } from '@/utils/validate' |
|
import { validatorDefaultCatch } from '@/utils/dialog' |
|
import { copyClipboard } from '@/utils' |
|
|
|
export default { |
|
name: 'AdminOrder', |
|
components: { |
|
PriceChange, |
|
DataFormat, |
|
}, |
|
props: {}, |
|
data: function() { |
|
return { |
|
order: false, |
|
change: false, |
|
order_id: '', |
|
orderInfo: { |
|
_status: {}, |
|
}, |
|
status: '', |
|
title: '', |
|
payType: '', |
|
types: '', |
|
} |
|
}, |
|
watch: { |
|
'$yroute.query.oid': function(newVal) { |
|
let that = this |
|
if (newVal != undefined) { |
|
that.order_id = newVal |
|
that.getIndex() |
|
} |
|
}, |
|
}, |
|
onShow: function() { |
|
this.order_id = this.$yroute.query.oid |
|
this.getIndex() |
|
}, |
|
methods: { |
|
goGoodsDeliver(orderInfo) { |
|
this.$yrouter.push({ |
|
path: '/pages/orderAdmin/GoodsDeliver/index', |
|
query: { oid: orderInfo.orderId }, |
|
}) |
|
}, |
|
copyClipboard, |
|
more: function() { |
|
this.order = !this.order |
|
}, |
|
modify: function(status) { |
|
this.change = true |
|
this.status = status |
|
}, |
|
changeclose: function(msg) { |
|
this.change = msg |
|
}, |
|
getIndex: function() { |
|
let that = this |
|
getAdminOrderDetail(that.order_id).then( |
|
res => { |
|
that.orderInfo = res.data |
|
that.types = res.data._status._type |
|
that.title = res.data._status._title |
|
that.payType = res.data._status._payType |
|
}, |
|
err => { |
|
uni.showToast({ |
|
title: res.msg, |
|
icon: 'none', |
|
duration: 2000, |
|
}) |
|
} |
|
) |
|
}, |
|
async savePrice(opt) { |
|
let that = this, |
|
data = {}, |
|
price = opt.price, |
|
remark = opt.remark, |
|
refund_price = opt.refund_price.toString() |
|
data.orderId = that.orderInfo.orderId |
|
if (that.status == 0 && that.orderInfo.refundStatus === 0) { |
|
try { |
|
await this.$validator({ |
|
price: [required(required.message('金额')), num(num.message('金额'))], |
|
}).validate({ price }) |
|
} catch (e) { |
|
return validatorDefaultCatch(e) |
|
} |
|
data.price = price |
|
setAdminOrderPrice(data).then( |
|
function() { |
|
that.change = false |
|
uni.showToast({ |
|
title: '改价成功', |
|
icon: 'success', |
|
duration: 2000, |
|
}) |
|
that.getIndex() |
|
}, |
|
function() { |
|
that.change = false |
|
uni.showToast({ |
|
title: '改价失败', |
|
icon: 'none', |
|
duration: 2000, |
|
}) |
|
} |
|
) |
|
} else if (that.status == 0 && that.orderInfo.refundStatus === 1) { |
|
try { |
|
await this.$validator({ |
|
refund_price: [required(required.message('金额')), num(num.message('金额'))], |
|
}).validate({ refund_price }) |
|
} catch (e) { |
|
return validatorDefaultCatch(e) |
|
} |
|
data.price = refund_price |
|
data.type = opt.type |
|
setOrderRefund(data).then( |
|
res => { |
|
that.change = false |
|
uni.showToast({ |
|
title: res.msg, |
|
icon: 'none', |
|
duration: 2000, |
|
}) |
|
that.getIndex() |
|
}, |
|
err => { |
|
that.change = false |
|
uni.showToast({ |
|
title: res.msg, |
|
icon: 'none', |
|
duration: 2000, |
|
}) |
|
that.getIndex() |
|
} |
|
) |
|
} else { |
|
try { |
|
await this.$validator({ |
|
remark: [required(required.message('备注'))], |
|
}).validate({ remark }) |
|
} catch (e) { |
|
return validatorDefaultCatch(e) |
|
} |
|
data.remark = remark |
|
setAdminOrderRemark(data).then( |
|
res => { |
|
that.change = false |
|
uni.showToast({ |
|
title: res.msg, |
|
icon: 'none', |
|
duration: 2000, |
|
}) |
|
that.getIndex() |
|
}, |
|
err => { |
|
that.change = false |
|
uni.showToast({ |
|
title: res.msg, |
|
icon: 'none', |
|
duration: 2000, |
|
}) |
|
} |
|
) |
|
} |
|
}, |
|
offlinePay: function() { |
|
setOfflinePay({ order_id: this.orderInfo.order_id }).then( |
|
res => { |
|
uni.showToast({ |
|
title: res.msg, |
|
icon: 'none', |
|
duration: 2000, |
|
}) |
|
this.getIndex() |
|
}, |
|
err => { |
|
uni.showToast({ |
|
title: err.msg, |
|
icon: 'none', |
|
duration: 2000, |
|
}) |
|
} |
|
) |
|
}, |
|
storeCancellation(index) { |
|
const that = this |
|
that.check = true |
|
if (index == 0) { |
|
uni.showModal({ |
|
title: '确定核销订单?', |
|
content: '注意:请务必核对核销码的与客户正确性', |
|
success(res) { |
|
if (res.confirm) { |
|
uni.showLoading({ |
|
title: '查询中', |
|
}) |
|
orderVerific(that.orderInfo.verifyCode, 1) |
|
.then(res => { |
|
console.log(res) |
|
uni.hideLoading() |
|
that.iShidden = false |
|
uni.showToast({ |
|
title: res.msg, |
|
icon: 'none', |
|
duration: 1000, |
|
}) |
|
//最后就是返回上一个页面。 |
|
setTimeout(function() { |
|
uni.navigateBack({ |
|
delta: 1, // 返回上一级页面。 |
|
success: function() { |
|
console.log('成功！') |
|
}, |
|
}) |
|
}, 1000) |
|
}) |
|
.catch(err => { |
|
console.log(err) |
|
uni.hideLoading() |
|
uni.showToast({ |
|
title: err.data.msg, |
|
icon: 'none', |
|
duration: 2000, |
|
}) |
|
}) |
|
} |
|
}, |
|
}) |
|
} else { |
|
that.$yrouter.push({ |
|
path: '/pages/orderAdmin/OrderCancellation/index', |
|
}) |
|
} |
|
}, |
|
}, |
|
} |
|
</script> |
|
<style lang="less"> |
|
.quick { |
|
background: #f25555; |
|
} |
|
</style>
|
|
|