|
|
@@ -6,11 +6,11 @@
|
|
|
</div>
|
|
|
<div class="page-top-det">
|
|
|
<div>
|
|
|
- <div class="page-status">待配送</div>
|
|
|
+ <div class="page-status">{{ data.status | constantfilter('ORDER_STATUS') }}</div>
|
|
|
<!-- <div class="page-prompt">请尽快支付哟~</div> -->
|
|
|
</div>
|
|
|
<div class="page-status-img">
|
|
|
- <img src="../../../static/images/order/wait-delivery.png" alt />
|
|
|
+ <img :src="data.status == 0 ? waitPayImg : waitDeliveryImg" alt />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -20,7 +20,9 @@
|
|
|
<div class="module-com">
|
|
|
<div class="module-tit">商品信息</div>
|
|
|
<div class="module-det">
|
|
|
- <list-module v-for="(item, subIndex) in 2" :key="subIndex" />
|
|
|
+ <block v-if="!$util.isEmpty(data.goodsInfoList)">
|
|
|
+ <list-module v-for="(items, subIndex) in data.goodsInfoList" :key="subIndex" :info="items" />
|
|
|
+ </block>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 订单信息 -->
|
|
|
@@ -31,84 +33,84 @@
|
|
|
<div class="order-msg-blo">
|
|
|
<div class="msg-list">
|
|
|
<div class="label">收花人</div>
|
|
|
- <div class="value">叶落西风</div>
|
|
|
+ <div class="value">{{ data.receiveUserName }}</div>
|
|
|
</div>
|
|
|
<div class="msg-list">
|
|
|
<div class="label">电话</div>
|
|
|
- <div class="value">叶落西风</div>
|
|
|
+ <div class="value">{{ data.receiveMobile }}</div>
|
|
|
</div>
|
|
|
<div class="msg-list">
|
|
|
<div class="label">地址</div>
|
|
|
- <div class="value">海路36号(福建省厦门市软件园二期 望海路36号403室)</div>
|
|
|
+ <div class="value">{{ data.receiveFullAddress }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- -->
|
|
|
<div class="order-msg-blo">
|
|
|
<div class="msg-list">
|
|
|
<div class="label">送达时间</div>
|
|
|
- <div class="value">叶落西风</div>
|
|
|
+ <div class="value">{{ data.reachDate }}</div>
|
|
|
</div>
|
|
|
<div class="msg-list">
|
|
|
<div class="label">贺卡</div>
|
|
|
- <div class="value">叶落西风</div>
|
|
|
+ <div class="value">{{ data.needCard == 1 ? "需要" : '不需要' }}</div>
|
|
|
</div>
|
|
|
<div class="msg-list">
|
|
|
- <div class="label">地址</div>
|
|
|
- <div class="value">叶落西风</div>
|
|
|
+ <div class="label">祝福语</div>
|
|
|
+ <div class="value">{{ data.cardInfo }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- -->
|
|
|
- <div class="order-msg-blo">
|
|
|
+ <!-- <div class="order-msg-blo">
|
|
|
<div class="msg-list">
|
|
|
<div class="label">订花人</div>
|
|
|
- <div class="value">叶落西风</div>
|
|
|
+ <div class="value">{{ data.bookName }}</div>
|
|
|
</div>
|
|
|
<div class="msg-list">
|
|
|
<div class="label">微信</div>
|
|
|
- <div class="value">叶落西风</div>
|
|
|
+ <div class="value">{{ data.bookName }}</div>
|
|
|
</div>
|
|
|
<div class="msg-list">
|
|
|
<div class="label">手机</div>
|
|
|
- <div class="value">15606970212</div>
|
|
|
+ <div class="value">{{ data.bookMobile }}</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div>-->
|
|
|
<!-- -->
|
|
|
<div class="order-msg-blo">
|
|
|
<div class="msg-list">
|
|
|
<div class="label">客户评分</div>
|
|
|
- <div class="value">叶落西风</div>
|
|
|
+ <div class="value">{{ data.totalFlow }}</div>
|
|
|
</div>
|
|
|
<div class="msg-list">
|
|
|
<div class="label">客户留言</div>
|
|
|
- <div class="value">爱豆很喜欢花很漂亮,如果下次可以送 的再快一点就完美了~</div>
|
|
|
+ <div class="value">{{ data.evaluate || '无' }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- -->
|
|
|
<div class="order-msg-blo">
|
|
|
<div class="msg-list">
|
|
|
<div class="label">订单号</div>
|
|
|
- <div class="value">叶落西风</div>
|
|
|
+ <div class="value">{{ data.orderSn }}</div>
|
|
|
</div>
|
|
|
<div class="msg-list">
|
|
|
<div class="label">时间</div>
|
|
|
- <div class="value">叶落西风</div>
|
|
|
+ <div class="value">{{ data.addTime | formatTime }}</div>
|
|
|
</div>
|
|
|
<div class="msg-list">
|
|
|
<div class="label">总价</div>
|
|
|
- <div class="value">叶落西风</div>
|
|
|
+ <div class="value">¥{{ data.prePrice }}</div>
|
|
|
</div>
|
|
|
<div class="msg-list">
|
|
|
<div class="label">运费</div>
|
|
|
- <div class="value">¥10</div>
|
|
|
+ <div class="value">¥{{ data.sendCost }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 优惠信息 -->
|
|
|
- <div class="module-com coupon-wrap">
|
|
|
+ <div class="module-com coupon-wrap" v-if="data.discountAmount && data.discountAmount != '0.00'">
|
|
|
<div class="module-det flex-center-between">
|
|
|
- <div class="app-color-3">使用优惠券</div>
|
|
|
- <div class="app-price">-¥10</div>
|
|
|
+ <div class="app-color-3">{{ data.discountType == 0 ? '使用优惠券' : data.discountType == 1 ? '会员打折' : '付款随机优惠' }}</div>
|
|
|
+ <div class="app-price">-¥{{ data.discountAmount }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -118,34 +120,75 @@
|
|
|
<span>应付款</span>
|
|
|
<span class="app-price">
|
|
|
<span>¥</span>
|
|
|
- <span class="app-size-40">580</span>
|
|
|
- <span>.00</span>
|
|
|
+ <span class="app-size-40">{{ data.prePrice }}</span>
|
|
|
</span>
|
|
|
</div>
|
|
|
- <template v-if="false">
|
|
|
- <button class="button-com red">立即支付</button>
|
|
|
+ <template v-if="data.status == 0">
|
|
|
+ <button class="admin-button-com middle" @click="updatePriceFn">修改价格</button>
|
|
|
</template>
|
|
|
- <template v-else>
|
|
|
- <button class="admin-button-com middle">发货管理</button>
|
|
|
+ <template v-else-if="data.status == 1">
|
|
|
+ <div class="operate-btn-wrap">
|
|
|
+ <button class="admin-button-com middle" @click="freeShippingFn">免发货</button>
|
|
|
+ <button class="admin-button-com middle" @click="$util.pageTo({
|
|
|
+ url: 'pages/order/admin/ship',
|
|
|
+ query: {
|
|
|
+ id: data.id,
|
|
|
+ pageStatus: 0
|
|
|
+ }
|
|
|
+ })">发货</button>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
+ <!-- <template v-if="data.status == 5">
|
|
|
+ <button class="admin-button-com middle">退款</button>
|
|
|
+ </template>-->
|
|
|
</div>
|
|
|
+ <!-- 修改价格 -->
|
|
|
+ <modal-module :show="updatePriceModal" @cancel="modalCancel" @click="updateModalClick" title="修改价格" padding="30rpx 30rpx">
|
|
|
+ <template v-slot:content>
|
|
|
+ <div class="app-modal-input-wrap">
|
|
|
+ <div class="inp-list-line required">
|
|
|
+ <!-- <div class="line-label">角色名称</div> -->
|
|
|
+ <div class="line-input">
|
|
|
+ <input v-model="form.price" type="text" :adjust-position="false" class="inp-input" placeholder="请输入价格">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </modal-module>
|
|
|
+ <!-- 免发货弹窗 -->
|
|
|
+ <modal-module :show="freeShipModal" @cancel="modalCancel" @click="freeShipModalClick" content="确认不需要发货?" color="#333" :size="32" padding="30rpx 30rpx"></modal-module>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import ListModule from '@/components/module/app-order-list'
|
|
|
import AppCoupon from '@/components/app-coupon-sel'
|
|
|
+import ModalModule from '@/components/plugin/modal'
|
|
|
// api
|
|
|
-import { getDetB } from '@/api/order'
|
|
|
+import { getDetB, freeShipping, orderUpdatePrice } from '@/api/order'
|
|
|
+// image
|
|
|
+import waitDeliveryImg from '../../../static/images/order/wait-delivery.png'
|
|
|
+import waitPayImg from '../../../static/images/order/wait-pay.png'
|
|
|
export default {
|
|
|
name: 'order-detail',
|
|
|
components: {
|
|
|
ListModule,
|
|
|
- AppCoupon
|
|
|
+ AppCoupon,
|
|
|
+ ModalModule
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- data: {}
|
|
|
+ // img
|
|
|
+ waitPayImg: waitPayImg,
|
|
|
+ waitDeliveryImg: waitDeliveryImg,
|
|
|
+ data: {},
|
|
|
+ // 修改价格
|
|
|
+ updatePriceModal: false,
|
|
|
+ form: {
|
|
|
+ price: ''
|
|
|
+ },
|
|
|
+ // 免发货
|
|
|
+ freeShipModal: false
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
|
@@ -157,9 +200,50 @@ export default {
|
|
|
},
|
|
|
_getDet() {
|
|
|
return getDetB({ id: this.option.id }).then(res => {
|
|
|
- console.log(res)
|
|
|
this.data = res.data
|
|
|
})
|
|
|
+ },
|
|
|
+ // 免发货
|
|
|
+ freeShippingFn() {
|
|
|
+ this.freeShipModal = true
|
|
|
+ },
|
|
|
+ // 免发货
|
|
|
+ freeShipModal(e) {
|
|
|
+ if (e.index === 0) {
|
|
|
+ this.modalCancel()
|
|
|
+ } else {
|
|
|
+ this.$util.pageTo({
|
|
|
+ url: 'pages/order/admin/ship',
|
|
|
+ query: {
|
|
|
+ id: this.data.id,
|
|
|
+ pageStatus: 5
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 修改价格
|
|
|
+ updatePriceFn() {
|
|
|
+ this.form.price = this.data.prePrice
|
|
|
+ this.updatePriceModal = true
|
|
|
+ },
|
|
|
+ updateModalClick(e) {
|
|
|
+ if (e.index === 0) {
|
|
|
+ this.modalCancel()
|
|
|
+ } else {
|
|
|
+ orderUpdatePrice({ id: this.data.id, price: this.form.price }).then(res => {
|
|
|
+ this.modalCancel()
|
|
|
+ this.$msg('修改成功!')
|
|
|
+ setTimeout(() => {
|
|
|
+ this._getDet()
|
|
|
+ }, 1000)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 关闭弹窗
|
|
|
+ modalCancel() {
|
|
|
+ this.form.price = ''
|
|
|
+ this.updatePriceModal = false
|
|
|
+ this.freeShippingModal = false
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -203,7 +287,7 @@ export default {
|
|
|
border-top: 1px solid $borderColor;
|
|
|
.msg-list {
|
|
|
@include disFlex(flex-start, space-between);
|
|
|
- margin: 8px 0;
|
|
|
+ margin: 16px 0;
|
|
|
.label {
|
|
|
width: 40%;
|
|
|
color: $fontColor3;
|
|
|
@@ -235,6 +319,12 @@ export default {
|
|
|
.default {
|
|
|
width: 260px;
|
|
|
}
|
|
|
+ .operate-btn-wrap {
|
|
|
+ .admin-button-com {
|
|
|
+ margin-left: 30px;
|
|
|
+ padding: 20px 30px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
// 公共模块
|
|
|
.module-com {
|