From 9203a43facf5fd967aaafcfc41541a9f4565869a Mon Sep 17 00:00:00 2001
From: li-guang <153605324@qq.com>
Date: Thu, 07 Jan 2021 11:29:28 +0800
Subject: [PATCH] Merge branch 'master' of https://gitee.com/jyyforjava/hive-app
---
hive-app/pages/workbench/orderDetail.vue | 162 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 161 insertions(+), 1 deletions(-)
diff --git a/hive-app/pages/workbench/orderDetail.vue b/hive-app/pages/workbench/orderDetail.vue
index d86727c..32e0e45 100644
--- a/hive-app/pages/workbench/orderDetail.vue
+++ b/hive-app/pages/workbench/orderDetail.vue
@@ -1,9 +1,169 @@
<template>
- <!-- 订单详情 -->
+ <view class="list">
+ <view class="list-item">
+ <view class="list-header">
+ <text>订单信息</text>
+ </view>
+ <view class="list-content">
+ <view class="flex justify-between">
+ <text>会员姓名</text>
+ <text class="gray">{{orderInfo.vipName}}</text>
+ </view>
+ <view class="flex justify-between">
+ <text>联系方式</text>
+ <text class="gray">{{orderInfo.phone}}</text>
+ </view>
+ <view class="flex justify-between">
+ <text>订单号</text>
+ <text class="gray">{{orderInfo.orderNo}}</text>
+ </view>
+ <view class="flex justify-between">
+ <text>下单顾问</text>
+ <text class="gray">{{orderInfo.staffName}}</text>
+ </view>
+ <view class="flex justify-between">
+ <text>下单时间</text>
+ <text class="gray">{{orderInfo.orderTime}}</text>
+ </view>
+ </view>
+ </view>
+ <view class="list-item">
+ <view class="list-header">
+ <text>订单明细</text>
+ </view>
+ <view class="list-content">
+ <view class="list-content-row" v-for="item in orderList">
+ <view class="flex justify-between align-center">
+ <view class="name">
+ <text class="font-14 mr-15">{{item.goodsName}}</text>
+ <text class="gray">x{{item.count}}</text>
+ </view>
+ <view>
+ <text class="gray font-through">￥{{item.price}}</text>
+ <text class="ml-10">￥{{item.zkPrice}}</text>
+ </view>
+ </view>
+ <view class="gray font-13">
+ <text>现金支付：</text>
+ <text>￥{{item.cashPay | formatNum}}</text>
+ </view>
+ <view class="gray font-13">
+ <text>储蓄卡支付：</text>
+ <text>￥{{item.cardPay | formatNum}}</text>
+ </view>
+ </view>
+ </view>
+ </view>
+ <view class="list-item">
+ <view class="list-header">
+ <text>支付信息</text>
+ </view>
+ <view class="list-content">
+ <view class="flex justify-between">
+ <text>现金支付</text>
+ <text class="gray">￥{{orderInfo.cashPay | formatNum}}</text>
+ </view>
+ <view class="flex justify-between">
+ <text>储蓄卡支付</text>
+ <text class="gray">￥{{orderInfo.cardPay | formatNum}}</text>
+ </view>
+ <view class="flex justify-between">
+ <text>应付总额</text>
+ <text class="gray">￥{{orderInfo.needPay | formatNum}}</text>
+ </view>
+ <view class="flex justify-between">
+ <text>实付总额</text>
+ <text class="gray">￥{{orderInfo.realPay | formatNum}}</text>
+ </view>
+ <view class="flex justify-between">
+ <text>优惠总额</text>
+ <text class="gray">￥{{orderInfo.discount | formatNum}}</text>
+ </view>
+ </view>
+ </view>
+ <view class="list-item">
+ <view class="list-header">
+ <text>业绩提成</text>
+ </view>
+ <view class="list-content">
+ <view class="list-content-row" v-for="item in orderList">
+ <view class="flex justify-between align-center gray font-13">
+ <view class="name">
+ <text class="mr-15">{{item.goodsName}}</text>
+ <text>x{{item.count}}</text>
+ </view>
+ <text>￥{{item.price}}</text>
+ </view>
+ <view class="flex justify-between" v-for="op in item.achieves">
+ <text>{{op.name}}</text>
+ <text>业绩：{{op.achieve}}</text>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
</template>
<script>
+ export default {
+ data() {
+ return {
+ orderInfo: {},
+ orderList: []
+ }
+ },
+ onLoad(options) {
+ this.loadOrderDetail(options.orderId);
+ },
+ methods:{
+ loadOrderDetail(id){
+ this.$httpUtils.request('/api/order/findOrderDetail/'+id).then((res) => {
+ if(res.status == 200){
+ let result = res.mapInfo.orderDetail;
+ this.orderInfo = result;
+ this.orderList = result.items;
+ }
+ })
+ }
+ }
+ }
</script>
<style>
+ page{
+ background: #F6F6F8;
+ }
+ .list-item{
+ background: #FFFFFF;
+ border-radius: 4px;
+ margin: 10px;
+ }
+ .list-header{
+ padding: 12px 15px;
+ font-size: 16px;
+ font-weight: bold;
+ border-bottom: 1px solid #EDEAF4;
+ }
+ .list-content{
+ padding: 12px 15px;
+ font-size: 14px;
+ line-height: 28px;
+ }
+ .list-content-row{
+ border-bottom: 1px solid #EDEAF4;
+ padding: 8px 0;
+ }
+ .list-content-row:nth-child(1){
+ padding-top: 0;
+ }
+ .list-content-row:nth-last-child(1){
+ border-bottom: 0;
+ padding-bottom: 0;
+ }
+ .font-through{
+ text-decoration: line-through;
+ }
+ .name{
+ line-height: 20px;
+ }
</style>
--
Gitblit v1.9.1