|
|
@@ -1,131 +1,118 @@
|
|
|
<template>
|
|
|
- <div class="app-content">
|
|
|
- <div class="page-top">
|
|
|
- <div class="page-top-img">
|
|
|
+ <view class="app-content">
|
|
|
+ <view class="page-top">
|
|
|
+ <view class="page-top-img">
|
|
|
<img :src="`${constant.imgUrl}/retail/order/bg.png`" mode="widthFix" />
|
|
|
- </div>
|
|
|
- <div class="page-top-det">
|
|
|
- <div>
|
|
|
- <div class="page-status">{{ data.status | constantfilter('ORDER_STATUS') }}</div>
|
|
|
- </div>
|
|
|
- <div class="page-status-img">
|
|
|
+ </view>
|
|
|
+ <view class="page-top-det">
|
|
|
+ <view>
|
|
|
+ <view class="page-status">{{ data.status | constantfilter('ORDER_STATUS') }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="page-status-img">
|
|
|
<img :src="data.status == 0 ? waitPayImg : waitDeliveryImg" mode="widthFix" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<!-- 订单详情 -->
|
|
|
- <div class="page-det">
|
|
|
+ <view class="page-det">
|
|
|
<!-- 商品信息 -->
|
|
|
- <div class="module-com">
|
|
|
- <div class="module-tit">商品信息</div>
|
|
|
- <div class="module-det">
|
|
|
+ <view class="module-com">
|
|
|
+ <view class="module-tit">商品信息</view>
|
|
|
+ <view class="module-det">
|
|
|
<block v-if="!$util.isEmpty(data.goodsInfoList)">
|
|
|
- <list-module
|
|
|
- v-for="(items, subIndex) in data.goodsInfoList"
|
|
|
- :key="subIndex"
|
|
|
- :info="items"
|
|
|
- />
|
|
|
+ <list-module v-for="(items, subIndex) in data.goodsInfoList" :key="subIndex" :info="items"></list-module>
|
|
|
</block>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<!-- 订单信息 -->
|
|
|
- <div class="module-com order-msg">
|
|
|
- <div class="module-tit">订单信息</div>
|
|
|
- <div class="module-det">
|
|
|
- <!-- -->
|
|
|
- <div class="order-msg-blo">
|
|
|
- <div class="msg-list">
|
|
|
- <div class="label">收花人</div>
|
|
|
- <div class="value">{{ data.receiveUserName }}</div>
|
|
|
- </div>
|
|
|
- <div class="msg-list">
|
|
|
- <div class="label">电话</div>
|
|
|
- <div class="value">{{ data.receiveMobile }}</div>
|
|
|
- </div>
|
|
|
- <div class="msg-list">
|
|
|
- <div class="label">地址</div>
|
|
|
- <div class="value">{{ data.receiveFullAddress }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- -->
|
|
|
- <div class="order-msg-blo">
|
|
|
- <div class="msg-list">
|
|
|
- <div class="label">送达时间</div>
|
|
|
- <div v-if="data.reachDate == '0000-00-00'" class="value">-</div>
|
|
|
- <div v-else class="value"><span style="margin-right:10upx;">{{data.reachDate}}</span> <span v-if="data.reachPeriod == 0">上午</span><span v-else-if="data.reachPeriod == 1">下午</span><span v-else>晚上</span></div>
|
|
|
- </div>
|
|
|
- <div v-if="data.reachDate != '0000-00-00'" class="msg-list">
|
|
|
- <div class="label">贺卡</div>
|
|
|
- <div class="value">{{ data.needCard == 1 ? "需要" : '不需要' }}</div>
|
|
|
- </div>
|
|
|
- <div class="msg-list">
|
|
|
- <div class="label">祝福语</div>
|
|
|
- <div class="value">{{ data.cardInfo || '-' }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="order-msg-blo" v-if="1 ==2">
|
|
|
- <div class="msg-list">
|
|
|
- <div class="label">客户评分</div>
|
|
|
- <div class="value">
|
|
|
+ <view class="module-com order-msg">
|
|
|
+ <view class="module-tit">订单信息</view>
|
|
|
+ <view class="module-det">
|
|
|
+ <view class="order-msg-blo">
|
|
|
+ <view class="msg-list">
|
|
|
+ <view class="label">收花人</view>
|
|
|
+ <view class="value">{{ data.receiveUserName }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="msg-list">
|
|
|
+ <view class="label">电话</view>
|
|
|
+ <view class="value">{{ data.receiveMobile }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="msg-list">
|
|
|
+ <view class="label">地址</view>
|
|
|
+ <view class="value">{{ data.receiveFullAddress }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="order-msg-blo">
|
|
|
+ <view class="msg-list">
|
|
|
+ <view class="label">送达时间</view>
|
|
|
+ <view v-if="data.reachDate == '0000-00-00'" class="value">-</view>
|
|
|
+ <view v-else class="value"><span style="margin-right:10upx;">{{data.reachDate}}</span> <span v-if="data.reachPeriod == 0">上午</span><span v-else-if="data.reachPeriod == 1">下午</span><span v-else>晚上</span></view>
|
|
|
+ </view>
|
|
|
+ <view v-if="data.reachDate != '0000-00-00'" class="msg-list">
|
|
|
+ <view class="label">贺卡</view>
|
|
|
+ <view class="value">{{ data.needCard == 1 ? "需要" : '不需要' }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="msg-list">
|
|
|
+ <view class="label">祝福语</view>
|
|
|
+ <view class="value">{{ data.cardInfo || '-' }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="order-msg-blo" v-if="1 ==2">
|
|
|
+ <view class="msg-list">
|
|
|
+ <view class="label">客户评分</view>
|
|
|
+ <view class="value">
|
|
|
<rate-module :current="Number(data.totalFlow) || 0" :disabled="true"></rate-module>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="msg-list">
|
|
|
- <div class="label">客户留言</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">{{ data.orderSn }}</div>
|
|
|
- </div>
|
|
|
- <div class="msg-list">
|
|
|
- <div class="label">生成时间</div>
|
|
|
- <div class="value">{{ data.addTime}}</div>
|
|
|
- </div>
|
|
|
- <div class="msg-list">
|
|
|
- <div class="label">运费</div>
|
|
|
- <div class="value">¥{{ data.sendCost }}</div>
|
|
|
- </div>
|
|
|
- <div class="msg-list">
|
|
|
- <div class="label">总金额</div>
|
|
|
- <div class="value">¥{{ data.prePrice }}</div>
|
|
|
- </div>
|
|
|
- <div v-if="data.discountAmount > 0" class="msg-list">
|
|
|
- <div class="label">优惠</div>
|
|
|
- <div class="value">¥{{ data.discountAmount }}</div>
|
|
|
- </div>
|
|
|
- <div class="msg-list">
|
|
|
- <div class="label">实付款</div>
|
|
|
- <div class="value">¥{{ data.realPrice }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="msg-list">
|
|
|
+ <view class="label">客户留言</view>
|
|
|
+ <view class="value">{{ data.evaluate || '-' }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="order-msg-blo">
|
|
|
+ <view class="msg-list">
|
|
|
+ <view class="label">订单号</view>
|
|
|
+ <view class="value">{{ data.orderSn }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="msg-list">
|
|
|
+ <view class="label">生成时间</view>
|
|
|
+ <view class="value">{{ data.addTime}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="msg-list">
|
|
|
+ <view class="label">运费</view>
|
|
|
+ <view class="value">¥{{ data.sendCost }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="msg-list">
|
|
|
+ <view class="label">总金额</view>
|
|
|
+ <view class="value">¥{{ data.prePrice }}</view>
|
|
|
+ </view>
|
|
|
+ <view v-if="data.discountAmount > 0" class="msg-list">
|
|
|
+ <view class="label">优惠</view>
|
|
|
+ <view class="value">¥{{ data.discountAmount }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="msg-list">
|
|
|
+ <view class="label">实付款</view>
|
|
|
+ <view class="value">¥{{ data.realPrice }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<!-- 优惠信息 -->
|
|
|
- <div
|
|
|
- class="module-com coupon-wrap"
|
|
|
- v-if="data.discountAmount && data.discountAmount != '0.00' && 1==2"
|
|
|
- >
|
|
|
- <div class="module-det flex-center-between">
|
|
|
- <div
|
|
|
- class="app-color-3"
|
|
|
- >
|
|
|
+ <view class="module-com coupon-wrap" v-if="data.discountAmount && data.discountAmount != '0.00' && 1==2" >
|
|
|
+ <view class="module-det flex-center-between">
|
|
|
+ <view class="app-color-3" >
|
|
|
<template v-if="data.discountType == 0">未知</template>
|
|
|
<template v-else-if="data.discountType == 1">优惠券</template>
|
|
|
<template v-else-if="data.discountType == 2">会员优惠</template>
|
|
|
<template v-else-if="data.discountType == 3">随机优惠</template>
|
|
|
<template v-else>未知</template>
|
|
|
- </div>
|
|
|
- <div class="app-price">-¥{{ data.discountAmount }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 按钮 -->
|
|
|
- <div class="page-btn app-footer">
|
|
|
- <div class="flex-center">
|
|
|
+ </view>
|
|
|
+ <view class="app-price">-¥{{ data.discountAmount }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="page-btn app-footer">
|
|
|
+ <view class="flex-center">
|
|
|
<span v-if="data.status == 0">应付款</span>
|
|
|
<span v-else-if="data.status == 6">已退款</span>
|
|
|
<span v-else>已付款</span>
|
|
|
@@ -133,11 +120,11 @@
|
|
|
<span>¥</span>
|
|
|
<span class="app-size-40">{{ data.actPrice }}</span>
|
|
|
</span>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
<template>
|
|
|
</template>
|
|
|
<template>
|
|
|
- <div class="operate-btn-wrap">
|
|
|
+ <view class="operate-btn-wrap">
|
|
|
<block v-if="data.status == 0">
|
|
|
<button class="admin-button-com middle" style="color: #666666;border-color: #dddddd;">自取</button>
|
|
|
<button class="admin-button-com middle" style="color: #666666;border-color: #dddddd;">发货</button>
|
|
|
@@ -145,99 +132,38 @@
|
|
|
<block v-else-if="data.status == 4"></block>
|
|
|
<block v-else-if="data.status == 6"></block>
|
|
|
<block v-else-if="data.status == 5">
|
|
|
- <button
|
|
|
- v-if="data.sendType != 1"
|
|
|
- class="admin-button-com default"
|
|
|
- @click="seeSendFn"
|
|
|
- >配送详情</button>
|
|
|
+ <button v-if="data.sendType != 1" class="admin-button-com default" @click="seeSendFn" >配送详情</button>
|
|
|
</block>
|
|
|
<block v-else>
|
|
|
<button v-if="data.currentFlow == 1" class="admin-button-com middle" @click.stop="freeShippingFn">自取</button>
|
|
|
- <button
|
|
|
- class="admin-button-com middle"
|
|
|
- @click.stop="pageTo({
|
|
|
- url: '/admin/order/ship',
|
|
|
- query: {
|
|
|
- id: data.id,
|
|
|
- pageStatus: 0
|
|
|
- }
|
|
|
- })"
|
|
|
- >发货</button>
|
|
|
+ <button class="admin-button-com middle" @click.stop="pageTo({ url: '/admin/order/ship', query: { id: data.id, pageStatus: 0 } })" >发货</button>
|
|
|
</block>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
- </div>
|
|
|
- <!-- 修改价格 -->
|
|
|
- <modal-module
|
|
|
- :show="updatePriceModal"
|
|
|
- @cancel="modalCancel"
|
|
|
- @click="updateModalClick"
|
|
|
- title="修改价格"
|
|
|
- padding="30upx 30upx"
|
|
|
- >
|
|
|
- <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="30upx 30upx"
|
|
|
- ></modal-module>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
-
|
|
|
<script>
|
|
|
import ListModule from "@/components/module/app-order-list";
|
|
|
import AppCoupon from "@/components/app-coupon-sel";
|
|
|
import ModalModule from "@/components/plugin/modal";
|
|
|
import RateModule from "@/components/plugin/rate";
|
|
|
-// api
|
|
|
import { getDetB, freeShipping, orderUpdatePrice } from "@/api/order";
|
|
|
export default {
|
|
|
- name: "order-detail",
|
|
|
- components: {
|
|
|
- ListModule,
|
|
|
- AppCoupon,
|
|
|
- ModalModule,
|
|
|
- RateModule
|
|
|
- },
|
|
|
+ name: "detail",
|
|
|
+ components: { ListModule, AppCoupon, ModalModule, RateModule },
|
|
|
data() {
|
|
|
return {
|
|
|
constant: this.$constant,
|
|
|
- // img
|
|
|
waitPayImg: `${this.$constant.imgUrl}/retail/order/wait-pay.png`,
|
|
|
waitDeliveryImg: `${this.$constant.imgUrl}/retail/order/wait-delivery.png`,
|
|
|
data: {},
|
|
|
- // 修改价格
|
|
|
updatePriceModal: false,
|
|
|
- form: {
|
|
|
- price: ""
|
|
|
- },
|
|
|
- // 免发货
|
|
|
+ form: { price: "" },
|
|
|
freeShipModal: false
|
|
|
};
|
|
|
},
|
|
|
onLoad() {
|
|
|
- // this.init()
|
|
|
},
|
|
|
methods: {
|
|
|
init() {
|
|
|
@@ -304,7 +230,6 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
-
|
|
|
<style lang="scss" scoped>
|
|
|
.app-content {
|
|
|
padding-bottom: 80upx;
|
|
|
@@ -396,4 +321,4 @@ export default {
|
|
|
border-bottom: 1px solid $borderColor;
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|