|
...
|
...
|
@@ -3,7 +3,7 @@ |
|
|
|
:title="$route.params.owner === 'sell' ? '我的出售' : '我的订单'"
|
|
|
|
class="list-page"
|
|
|
|
>
|
|
|
|
<status-nav :status="status" :owner="owner" @select="onStatusChange" />
|
|
|
|
<status-nav :status="status" :owner="owner" @select="onStatusChange"/>
|
|
|
|
<div class="content-wrapper">
|
|
|
|
<scroll
|
|
|
|
@pulling-up="fetchData"
|
|
...
|
...
|
@@ -15,11 +15,11 @@ |
|
|
|
>
|
|
|
|
<ul class="list-wrapper">
|
|
|
|
<li v-for="order in viewOrderList" :key="order.orderCode">
|
|
|
|
<order-item-header :order="order" />
|
|
|
|
<order-item :order="order" />
|
|
|
|
<order-item-header :order="order"/>
|
|
|
|
<order-item :order="order"/>
|
|
|
|
<!-- 订单操作 -->
|
|
|
|
<div class="footer-wrapper">
|
|
|
|
<count-down :leftTime="order.leftTime" />
|
|
|
|
<count-down :leftTime="order.leftTime"/>
|
|
|
|
<order-actions
|
|
|
|
class="actions"
|
|
|
|
pageName="list"
|
|
...
|
...
|
@@ -54,24 +54,24 @@ |
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import { Scroll } from "cube-ui";
|
|
|
|
import { createNamespacedHelpers } from "vuex";
|
|
|
|
import { Scroll } from 'cube-ui';
|
|
|
|
import { createNamespacedHelpers } from 'vuex';
|
|
|
|
|
|
|
|
import OrderItem from "./components/order-item";
|
|
|
|
import StatusNav from "./components/status-nav";
|
|
|
|
import OrderItemHeader from "./components/order-item-header";
|
|
|
|
import VideoPlayer from "./components/video-player";
|
|
|
|
import OrderItem from './components/order-item';
|
|
|
|
import StatusNav from './components/status-nav';
|
|
|
|
import OrderItemHeader from './components/order-item-header';
|
|
|
|
import VideoPlayer from './components/video-player';
|
|
|
|
|
|
|
|
import EmptyList from "components//ufo-no-item";
|
|
|
|
import EmptyList from 'components//ufo-no-item';
|
|
|
|
|
|
|
|
import OrderActions from "../components/order-actions";
|
|
|
|
import CountDown from "../components/count-down";
|
|
|
|
import OrderActions from '../components/order-actions';
|
|
|
|
import CountDown from '../components/count-down';
|
|
|
|
|
|
|
|
import orderActionMixin from "../mixin/order-action";
|
|
|
|
import orderInSaleActionMixin from "../mixin/order-in-sale-action";
|
|
|
|
import { orderStatusKey, getOrderStatus } from "constants/order-constants";
|
|
|
|
import orderActionMixin from '../mixin/order-action';
|
|
|
|
import orderInSaleActionMixin from '../mixin/order-in-sale-action';
|
|
|
|
import { orderStatusKey, getOrderStatus } from 'constants/order-constants';
|
|
|
|
|
|
|
|
const STORE_PATH = "order/orderList";
|
|
|
|
const STORE_PATH = 'order/orderList';
|
|
|
|
|
|
|
|
const { mapActions, mapState, mapMutations } = createNamespacedHelpers(
|
|
|
|
STORE_PATH
|
|
...
|
...
|
@@ -95,7 +95,7 @@ export default { |
|
|
|
status: Number
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
...mapState(["orderListByType"]),
|
|
|
|
...mapState(['orderListByType']),
|
|
|
|
orderStatus() {
|
|
|
|
return this.orderListByType[orderStatusKey(this.owner, this.status)];
|
|
|
|
},
|
|
...
|
...
|
@@ -110,7 +110,7 @@ export default { |
|
|
|
// if (this.$refs.scroll && this.$refs.scroll.scroll) {
|
|
|
|
options.pullDownRefresh = this.orderStatus.isShowEmpty
|
|
|
|
? false
|
|
|
|
: { txt: "更新成功" };
|
|
|
|
: { txt: '更新成功' };
|
|
|
|
// }
|
|
|
|
|
|
|
|
return options;
|
|
...
|
...
|
@@ -119,7 +119,7 @@ export default { |
|
|
|
|
|
|
|
// 获取订单数据
|
|
|
|
asyncData({ store, router }) {
|
|
|
|
let { owner, status } = router.params;
|
|
|
|
let { owner, status } = router.params;
|
|
|
|
|
|
|
|
status = getOrderStatus(owner, status);
|
|
|
|
|
|
...
|
...
|
@@ -127,8 +127,8 @@ export default { |
|
|
|
return store.dispatch(`${STORE_PATH}/fetchOrderList`, { owner, status });
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
...mapActions(["fetchOrderList", "confirmReceipt"]),
|
|
|
|
...mapMutations(["resetData"]),
|
|
|
|
...mapActions(['fetchOrderList', 'confirmReceipt']),
|
|
|
|
...mapMutations(['resetData']),
|
|
|
|
fetchData() {
|
|
|
|
this.fetchOrderList({
|
|
|
|
owner: this.owner,
|
|
...
|
...
|
@@ -203,6 +203,7 @@ export default { |
|
|
|
.video-wrapper {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.video-player {
|
|
|
|
display: block;
|
|
|
|
height: 40px;
|
...
|
...
|
|
