|
@@ -1,42 +1,44 @@
|
|
|
<template>
|
|
|
<div id="index">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24" class="main animate__animated animate__backInRight">
|
|
|
- <template v-if="view === 'list'">
|
|
|
- <el-col :span="24" class="one"> <span>订单管理</span> </el-col>
|
|
|
- <el-col :span="24" class="four">
|
|
|
- <el-tabs v-model="activeName" type="border-card">
|
|
|
- <el-tab-pane label="待付款" name="1">
|
|
|
- <card-1 :statusList="statusList" @toDetail="toDetail" @toSales="toSales"></card-1>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="待发货" name="2">
|
|
|
- <card-2 :statusList="statusList" @toDetails="toDetails" @toSaless="toSaless"></card-2>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="待收货" name="3">
|
|
|
- <card-3 :statusList="statusList" @toDetails="toDetails" @toSaless="toSaless"></card-3>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="已收货" name="4">
|
|
|
- <card-4 :statusList="statusList" @toDetails="toDetails" @toSaless="toSaless"></card-4>
|
|
|
- </el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
- </el-col>
|
|
|
- </template>
|
|
|
- <!-- -->
|
|
|
- <template v-else-if="view === 'card1_detail'">
|
|
|
- <detail_order :id="order_id" @toBack="toBack"></detail_order>
|
|
|
- </template>
|
|
|
- <template v-else-if="view === 'card1_sales'">
|
|
|
- <detail_sales_order :id="sales_id" @toBack="toBack"></detail_sales_order>
|
|
|
- </template>
|
|
|
- <!-- -->
|
|
|
- <template v-else-if="view === 'card_detail'">
|
|
|
- <detail_orderDetail :id="order_id" @toBack="toBack"></detail_orderDetail>
|
|
|
- </template>
|
|
|
- <template v-else-if="view === 'card_sales'">
|
|
|
- <detail_sales_orderDetail :id="sales_id" :status="status" @toBack="toBack"></detail_sales_orderDetail>
|
|
|
- </template>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <keep-alive>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="main animate__animated animate__backInRight">
|
|
|
+ <template v-if="view === 'list'">
|
|
|
+ <el-col :span="24" class="one"> <span>订单管理</span> </el-col>
|
|
|
+ <el-col :span="24" class="four">
|
|
|
+ <el-tabs v-model="activeName" type="border-card">
|
|
|
+ <el-tab-pane label="待付款" name="1">
|
|
|
+ <card-1 :statusList="statusList" @toDetail="toDetail" @toSales="toSales"></card-1>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="待发货" name="2">
|
|
|
+ <card-2 :statusList="statusList" @toDetails="toDetails" @toSaless="toSaless"></card-2>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="待收货" name="3">
|
|
|
+ <card-3 :statusList="statusList" @toDetails="toDetails" @toSaless="toSaless"></card-3>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="已收货" name="4">
|
|
|
+ <card-4 :statusList="statusList" @toDetails="toDetails" @toSaless="toSaless"></card-4>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
+ <!-- -->
|
|
|
+ <template v-else-if="view === 'card1_detail'">
|
|
|
+ <detail_order :id="order_id" @toBack="toBack"></detail_order>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="view === 'card1_sales'">
|
|
|
+ <detail_sales_order :id="sales_id" @toBack="toBack"></detail_sales_order>
|
|
|
+ </template>
|
|
|
+ <!-- -->
|
|
|
+ <template v-else-if="view === 'card_detail'">
|
|
|
+ <detail_orderDetail :id="order_id" @toBack="toBack"></detail_orderDetail>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="view === 'card_sales'">
|
|
|
+ <detail_sales_orderDetail :id="sales_id" :status="status" @toBack="toBack"></detail_sales_orderDetail>
|
|
|
+ </template>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </keep-alive>
|
|
|
</div>
|
|
|
</template>
|
|
|
|