|
@@ -2,21 +2,23 @@
|
|
|
<div>
|
|
|
<div v-if="show">
|
|
|
<!-- 选择-->
|
|
|
- <div class="tags">
|
|
|
- <ul>
|
|
|
- <li @click="changeTags('待付款')"><span :class="{'active': tagsName == '待付款'}">待付款<div v-if="tagsName == '待付款'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
- <li @click="changeTags('待发货')"><span :class="{'active': tagsName == '待发货'}">待发货<div v-if="tagsName == '待发货'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
- <li @click="changeTags('待收货')"><span :class="{'active': tagsName == '待收货'}">待收货<div v-if="tagsName == '待收货'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
- <li @click="changeTags('待评价')"><span :class="{'active': tagsName == '待评价'}">待评价<div v-if="tagsName == '待评价'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
- <li @click="changeTags('已完成')"><span :class="{'active': tagsName == '已完成'}">已完成<div v-if="tagsName == '已完成'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
- <li @click="changeTags('已取消')"><span :class="{'active': tagsName == '已取消'}">已取消<div v-if="tagsName == '已取消'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
- <li @click="changeTags('售后中')"><span :class="{'active': tagsName == '售后中'}">售后中<div v-if="tagsName == '售后中'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
- <li @click="changeTags('售后结束')"><span :class="{'active': tagsName == '售后结束'}">售后结束<div v-if="tagsName == '售后结束'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
- <li style="position: absolute;right: 20px" @click="changeTags('全部')"><span :class="{'active': tagsName == '全部'}">全部<div v-if="tagsName == '全部'" class="active_bot el-button--primary"></div></span> <span class="orderNum" style="background: #000;color: #fff">0</span></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
+ <basic-container>
|
|
|
+ <div class="tags">
|
|
|
+ <ul>
|
|
|
+ <li @click="changeTags('待付款')"><span :class="{'active': tagsName == '待付款'}">待付款<div v-if="tagsName == '待付款'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
+ <li @click="changeTags('待发货')"><span :class="{'active': tagsName == '待发货'}">待发货<div v-if="tagsName == '待发货'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
+ <li @click="changeTags('待收货')"><span :class="{'active': tagsName == '待收货'}">待收货<div v-if="tagsName == '待收货'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
+ <li @click="changeTags('待评价')"><span :class="{'active': tagsName == '待评价'}">待评价<div v-if="tagsName == '待评价'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
+ <li @click="changeTags('已完成')"><span :class="{'active': tagsName == '已完成'}">已完成<div v-if="tagsName == '已完成'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
+ <li @click="changeTags('已取消')"><span :class="{'active': tagsName == '已取消'}">已取消<div v-if="tagsName == '已取消'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
+ <li @click="changeTags('售后中')"><span :class="{'active': tagsName == '售后中'}">售后中<div v-if="tagsName == '售后中'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
+ <li @click="changeTags('售后结束')"><span :class="{'active': tagsName == '售后结束'}">售后结束<div v-if="tagsName == '售后结束'" class="active_bot el-button--primary"></div></span> <span class="orderNum el-button--primary">0</span></li>
|
|
|
+ <li style="position: absolute;right: 40px" @click="changeTags('全部')"><span :class="{'active': tagsName == '全部'}">全部<div v-if="tagsName == '全部'" class="active_bot el-button--primary"></div></span> <span class="orderNum" style="background: #000;color: #fff">0</span></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </basic-container>
|
|
|
<!-- 分割线-->
|
|
|
- <div style="width: 100%;margin: 20px auto;border-top: 1px solid #aaa8a8"></div>
|
|
|
+<!-- <div style="width: 100%;margin: 20px auto;border-top: 1px solid #aaa8a8"></div>-->
|
|
|
<basic-container>
|
|
|
<avue-crud
|
|
|
:option="option"
|
|
@@ -24,6 +26,7 @@
|
|
|
:data="dataList"
|
|
|
:page.sync="page"
|
|
|
:search.sync="search"
|
|
|
+ @search-change="searchChange"
|
|
|
@on-load="onLoad"
|
|
|
>
|
|
|
<template slot-scope="scope" slot="menu">
|
|
@@ -35,6 +38,9 @@
|
|
|
>查看
|
|
|
</el-button>
|
|
|
</template>
|
|
|
+<!-- <template slot="menuLeft" slot-scope="{size}">-->
|
|
|
+<!-- <el-button type="primary" :size="size" @click="exportExcel">自定义按钮</el-button>-->
|
|
|
+<!-- </template>-->
|
|
|
</avue-crud>
|
|
|
</basic-container>
|
|
|
</div>
|
|
@@ -43,7 +49,7 @@
|
|
|
|
|
|
<script>
|
|
|
import option from "./config/mainList.json"
|
|
|
-
|
|
|
+import {getList} from '@/api/mallOrder/index.js'
|
|
|
export default {
|
|
|
name: "orderList",
|
|
|
data() {
|
|
@@ -74,12 +80,33 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ //导出
|
|
|
+ exportExcel() {
|
|
|
+ console.log(this.$export)
|
|
|
+ // this.$export.excel({
|
|
|
+ // title: "商户pos机",
|
|
|
+ // columns: [
|
|
|
+ // { label: "金额", prop: "actualPrice" }
|
|
|
+ // ],
|
|
|
+ // data: this.dataList
|
|
|
+ // });
|
|
|
+ },
|
|
|
// 选择卡切换
|
|
|
changeTags(name) {
|
|
|
if (this.tagsName == name) return
|
|
|
this.tagsName = name
|
|
|
},
|
|
|
- onLoad(page, params) {
|
|
|
+ searchChange(params, done) {
|
|
|
+ this.query = params;
|
|
|
+ this.page.currentPage = 1;
|
|
|
+ this.onLoad(this.page, params);
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ onLoad(page, params = {}) {
|
|
|
+ getList(page, params).then(res=>{
|
|
|
+ console.log(res.data)
|
|
|
+ this.dataList = res.data.data.records
|
|
|
+ })
|
|
|
},
|
|
|
handleView(row) {
|
|
|
this.$router.push({
|