...
|
...
|
@@ -3,7 +3,7 @@ |
|
|
<div class="order-detail-wrapper">
|
|
|
<div class="content">
|
|
|
<!-- 状态信息 -->
|
|
|
<detail-header />
|
|
|
<detail-header/>
|
|
|
<!-- 物流信息 -->
|
|
|
<router-link
|
|
|
v-if="lastExpressInfo"
|
...
|
...
|
@@ -21,21 +21,21 @@ |
|
|
</div>
|
|
|
</router-link>
|
|
|
<!-- 地址信息 -->
|
|
|
<address-info class="item-wrapper" />
|
|
|
<address-info class="item-wrapper"/>
|
|
|
<!-- 商品信息 -->
|
|
|
<order-item-info class="item-wrapper" />
|
|
|
<order-item-info class="item-wrapper"/>
|
|
|
<!-- 价格信息 -->
|
|
|
<div class="price-info item-wrapper">
|
|
|
<p>
|
|
|
<span class="label platform-fee"
|
|
|
>平台费用:<i @click="onPlatformFee" class="tip"></i
|
|
|
>平台费用:<i @click="onPlatformFee" class="tip"></i
|
|
|
></span>
|
|
|
<span>{{ platformFee.amount }}</span>
|
|
|
</p>
|
|
|
<p class="delivery-fee">
|
|
|
<span class="label"
|
|
|
>银行转账费({{
|
|
|
parseInt(platformFee.goodsPaymentRatePercent || 0)
|
|
|
>银行转账费({{
|
|
|
parseInt(platformFee.payChannelPercentage || 0)
|
|
|
}}%):</span
|
|
|
>
|
|
|
<span>{{ orderDetail.bankTransferFee }}</span>
|
...
|
...
|
@@ -94,23 +94,23 @@ |
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { createNamespacedHelpers } from "vuex";
|
|
|
import { Button } from "cube-ui";
|
|
|
import Clipboard from "clipboard";
|
|
|
import { createNamespacedHelpers } from 'vuex';
|
|
|
import { Button } from 'cube-ui';
|
|
|
import Clipboard from 'clipboard';
|
|
|
|
|
|
import AddressInfo from "./components/sell-order-address-info";
|
|
|
import OrderItemInfo from "./components/order-detail-item";
|
|
|
import DetailHeader from "./components/header";
|
|
|
import DetailFooter from "./components//detail-footer";
|
|
|
import AddressInfo from './components/sell-order-address-info';
|
|
|
import OrderItemInfo from './components/order-detail-item';
|
|
|
import DetailHeader from './components/header';
|
|
|
import DetailFooter from './components//detail-footer';
|
|
|
|
|
|
import OrderActions from "../components/order-actions";
|
|
|
import OrderActions from '../components/order-actions';
|
|
|
|
|
|
import orderActionMixin from "../mixin/order-action";
|
|
|
import orderInSaleActionMixin from "../mixin/order-in-sale-action";
|
|
|
import orderActionMixin from '../mixin/order-action';
|
|
|
import orderInSaleActionMixin from '../mixin/order-in-sale-action';
|
|
|
|
|
|
import PlatformFeeInfo from "../components/platform-fee-info";
|
|
|
import PlatformFeeInfo from '../components/platform-fee-info';
|
|
|
|
|
|
const STORE_PATH = "order/orderDetail";
|
|
|
const STORE_PATH = 'order/orderDetail';
|
|
|
|
|
|
const { mapActions, mapState, mapGetters } = createNamespacedHelpers(
|
|
|
STORE_PATH
|
...
|
...
|
@@ -136,33 +136,33 @@ export default { |
|
|
return this.orderDetail.orderCode;
|
|
|
}
|
|
|
});
|
|
|
this.copyBtn.on("success", () => {
|
|
|
this.copyBtn.on('success', () => {
|
|
|
this.$createToast({
|
|
|
txt: "复制成功",
|
|
|
type: "txt"
|
|
|
txt: '复制成功',
|
|
|
type: 'txt'
|
|
|
}).show();
|
|
|
});
|
|
|
});
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState(["orderDetail"]),
|
|
|
...mapState(['orderDetail']),
|
|
|
...mapGetters([
|
|
|
"lastExpressInfo",
|
|
|
"priceInfo",
|
|
|
"statusDetail",
|
|
|
"platformFee",
|
|
|
"actionList"
|
|
|
'lastExpressInfo',
|
|
|
'priceInfo',
|
|
|
'statusDetail',
|
|
|
'platformFee',
|
|
|
'actionList'
|
|
|
])
|
|
|
},
|
|
|
methods: {
|
|
|
...mapActions(["fetchOrderDetail"]),
|
|
|
...mapActions(['fetchOrderDetail']),
|
|
|
onPlatformFee() {
|
|
|
const { platformFee = {} } = this.orderDetail;
|
|
|
this.$createDialog(
|
|
|
{
|
|
|
type: "alert",
|
|
|
title: "平台费用",
|
|
|
confirmBtn: { text: "我知道了" }
|
|
|
type: 'alert',
|
|
|
title: '平台费用',
|
|
|
confirmBtn: { text: '我知道了' }
|
|
|
},
|
|
|
createElement => {
|
|
|
return [
|
...
|
...
|
@@ -170,15 +170,15 @@ export default { |
|
|
props: {
|
|
|
platformFeeInfo: {
|
|
|
packageFee: platformFee.packageFee,
|
|
|
packageFeeDesc: "商品包装费",
|
|
|
payChannelPercentage: platformFee.payChannelPercentage,
|
|
|
packageFeeDesc: '商品包装费',
|
|
|
payChannelPercentage: platformFee.goodsPaymentRatePercent,
|
|
|
serviceFee: platformFee.serviceFee,
|
|
|
serviceFeeDesc: "平台服务费",
|
|
|
serviceFeeDesc: '平台服务费',
|
|
|
appraiseFee: platformFee.appraiseFee,
|
|
|
appraiseFeeDesc: "商品鉴定费"
|
|
|
appraiseFeeDesc: '商品鉴定费'
|
|
|
}
|
|
|
},
|
|
|
slot: "content"
|
|
|
slot: 'content'
|
|
|
})
|
|
|
];
|
|
|
}
|
...
|
...
|
@@ -334,4 +334,4 @@ export default { |
|
|
margin-right: 12px;
|
|
|
}
|
|
|
}
|
|
|
</style> |
|
|
\ No newline at end of file |
|
|
</style> |
...
|
...
|
|