|
@@ -1,14 +1,14 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="list-view">
|
|
|
|
|
|
|
+ <div class="list-view">
|
|
|
<div class="filters-container">
|
|
<div class="filters-container">
|
|
|
<el-input placeholder="输入关键字" v-model="search" clearable
|
|
<el-input placeholder="输入关键字" v-model="search" clearable
|
|
|
class="filter-item"></el-input>
|
|
class="filter-item"></el-input>
|
|
|
<el-button @click="getData" type="primary" icon="el-icon-search"
|
|
<el-button @click="getData" type="primary" icon="el-icon-search"
|
|
|
class="filter-item">搜索
|
|
class="filter-item">搜索
|
|
|
</el-button>
|
|
</el-button>
|
|
|
- <el-button @click="addRow" type="primary" icon="el-icon-plus"
|
|
|
|
|
- class="filter-item">添加
|
|
|
|
|
- </el-button>
|
|
|
|
|
|
|
+ <!-- <el-button @click="addRow" type="primary" icon="el-icon-plus"
|
|
|
|
|
+ class="filter-item">添加
|
|
|
|
|
+ </el-button>-->
|
|
|
<el-button @click="download" type="primary" icon="el-icon-download"
|
|
<el-button @click="download" type="primary" icon="el-icon-download"
|
|
|
:loading="downloading" class="filter-item">导出EXCEL
|
|
:loading="downloading" class="filter-item">导出EXCEL
|
|
|
</el-button>
|
|
</el-button>
|
|
@@ -23,72 +23,73 @@
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<el-table-column prop="id" label="ID" width="100">
|
|
<el-table-column prop="id" label="ID" width="100">
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column prop="userId" label="用户ID"
|
|
|
|
|
->
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column prop="userAddress" label="配送地址"
|
|
|
|
|
->
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column prop="merchantId" label="商户ID"
|
|
|
|
|
->
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column prop="merchantStatus" label="商家状态"
|
|
|
|
|
->
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column prop="jobNumber" label="骑手工号"
|
|
|
|
|
->
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column prop="riderStatus" label="骑手状态"
|
|
|
|
|
- :formatter="riderStatusFormatter"
|
|
|
|
|
- >
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column prop="goodsAmount" label="商品总价"
|
|
|
|
|
->
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column prop="deliveryAmount" label="配送费"
|
|
|
|
|
->
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column prop="realAmount" label="实付金额"
|
|
|
|
|
->
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column prop="payMethod" label="支付方式"
|
|
|
|
|
- :formatter="payMethodFormatter"
|
|
|
|
|
- >
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column prop="cancel" label="取消订单"
|
|
|
|
|
->
|
|
|
|
|
- <template slot-scope="{row}">
|
|
|
|
|
- <el-tag :type="row.cancel?'':'info'">{{row.cancel}}</el-tag>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column prop="rated" label="已评价"
|
|
|
|
|
->
|
|
|
|
|
- <template slot-scope="{row}">
|
|
|
|
|
- <el-tag :type="row.rated?'':'info'">{{row.rated}}</el-tag>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column prop="orderTime" label="下单时间"
|
|
|
|
|
- :formatter="datetimeFormatter"
|
|
|
|
|
->
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
-<!-- <el-table-column prop="merchantOrderTime" label="商家接单时间"
|
|
|
|
|
- :formatter="datetimeFormatter"
|
|
|
|
|
->
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column prop="riderOrderTime" label="骑手接单时间"
|
|
|
|
|
- :formatter="datetimeFormatter"
|
|
|
|
|
->
|
|
|
|
|
- </el-table-column> -->
|
|
|
|
|
- <el-table-column prop="userReceivedTime" label="用户收到时间"
|
|
|
|
|
- :formatter="datetimeFormatter"
|
|
|
|
|
->
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
-<!-- <el-table-column prop="isCoupon" label="使用优惠券"
|
|
|
|
|
->
|
|
|
|
|
- <template slot-scope="{row}">
|
|
|
|
|
- <el-tag :type="row.isCoupon?'false':'info'">{{row.isCoupon}}</el-tag>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-table-column>-->
|
|
|
|
|
|
|
+ <el-table-column prop="userId" label="用户ID"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column prop="userAddress" label="配送地址"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column prop="merchantId" label="商户ID"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column prop="merchantStatus" label="商家状态"
|
|
|
|
|
+ :formatter="merchantStatusFormatter"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column prop="jobNumber" label="骑手工号"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column prop="riderStatus" label="骑手状态"
|
|
|
|
|
+ :formatter="riderStatusFormatter"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+<!-- <el-table-column prop="goodsAmount" label="商品总价"-->
|
|
|
|
|
+<!-- >-->
|
|
|
|
|
+<!-- </el-table-column>-->
|
|
|
|
|
+ <el-table-column prop="deliveryAmount" label="配送费"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column prop="realAmount" label="实付金额"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column prop="payMethod" label="支付方式"
|
|
|
|
|
+ :formatter="payMethodFormatter"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column prop="cancel" label="取消订单"
|
|
|
|
|
+ >
|
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
|
+ <el-tag :type="row.cancel?'':'info'">{{row.cancel}}</el-tag>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column prop="rated" label="已评价"
|
|
|
|
|
+ >
|
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
|
+ <el-tag :type="row.rated?'':'info'">{{row.rated}}</el-tag>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column prop="orderTime" label="下单时间"
|
|
|
|
|
+ :formatter="datetimeFormatter"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <!-- <el-table-column prop="merchantOrderTime" label="商家接单时间"
|
|
|
|
|
+ :formatter="datetimeFormatter"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column prop="riderOrderTime" label="骑手接单时间"
|
|
|
|
|
+ :formatter="datetimeFormatter"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-table-column> -->
|
|
|
|
|
+ <el-table-column prop="userReceivedTime" label="用户收到时间"
|
|
|
|
|
+ :formatter="datetimeFormatter"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <!-- <el-table-column prop="isCoupon" label="使用优惠券"
|
|
|
|
|
+ >
|
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
|
+ <el-tag :type="row.isCoupon?'false':'info'">{{row.isCoupon}}</el-tag>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>-->
|
|
|
<el-table-column
|
|
<el-table-column
|
|
|
label="操作"
|
|
label="操作"
|
|
|
align="center"
|
|
align="center"
|
|
@@ -121,7 +122,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
|
- import { mapState } from "vuex";
|
|
|
|
|
|
|
+ import {mapState} from "vuex";
|
|
|
import pageableTable from "@/mixins/pageableTable";
|
|
import pageableTable from "@/mixins/pageableTable";
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
@@ -136,8 +137,20 @@
|
|
|
search: "",
|
|
search: "",
|
|
|
url: "/orderInfo/all",
|
|
url: "/orderInfo/all",
|
|
|
downloading: false,
|
|
downloading: false,
|
|
|
- riderStatusOptions:[{"label":"接单","value":"RECEIVED"},{"label":"取餐","value":"TAKE_MEAL"},{"label":"送餐","value":"MEAL_DELIVERY"},{"label":"完成","value":"CARRY_OUT"}],
|
|
|
|
|
- payMethodOptions:[{"label":"支付宝","value":"ALI_PAY"},{"label":"货到付款","value":"CASH_DELIVERY"},{"label":"信用卡","value":"CREDIT_CARD"}],
|
|
|
|
|
|
|
+ merchantStatusOptions:[{"label": "接单", "value": "RECEIVED"}, {
|
|
|
|
|
+ "label": "未接单",
|
|
|
|
|
+ "value": "NOT_RECEIVED"
|
|
|
|
|
+ }, {"label": "已拒单", "value": "REJECTED"}],
|
|
|
|
|
+
|
|
|
|
|
+ riderStatusOptions: [{"label": "接单", "value": "RECEIVED"}, {
|
|
|
|
|
+ "label": "取餐",
|
|
|
|
|
+ "value": "TAKE_MEAL"
|
|
|
|
|
+ }, {"label": "送餐", "value": "MEAL_DELIVERY"}, {"label": "完成", "value": "CARRY_OUT"}],
|
|
|
|
|
+
|
|
|
|
|
+ payMethodOptions: [{"label": "支付宝", "value": "ALI_PAY"}, {
|
|
|
|
|
+ "label": "货到付款",
|
|
|
|
|
+ "value": "CASH_DELIVERY"
|
|
|
|
|
+ }, {"label": "信用卡", "value": "CREDIT_CARD"}],
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
computed: {
|
|
computed: {
|
|
@@ -146,23 +159,30 @@
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
- riderStatusFormatter(row, column, cellValue, index) {
|
|
|
|
|
- let selectedOption = this.riderStatusOptions.find(i => i.value === cellValue);
|
|
|
|
|
- if (selectedOption) {
|
|
|
|
|
- return selectedOption.label;
|
|
|
|
|
- }
|
|
|
|
|
- return '';
|
|
|
|
|
- },
|
|
|
|
|
- payMethodFormatter(row, column, cellValue, index) {
|
|
|
|
|
- let selectedOption = this.payMethodOptions.find(i => i.value === cellValue);
|
|
|
|
|
- if (selectedOption) {
|
|
|
|
|
- return selectedOption.label;
|
|
|
|
|
- }
|
|
|
|
|
- return '';
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ merchantStatusFormatter(row, column, cellValue, index) {
|
|
|
|
|
+ let selectedOption = this.merchantStatusOptions.find(i => i.value === cellValue);
|
|
|
|
|
+ if (selectedOption) {
|
|
|
|
|
+ return selectedOption.label;
|
|
|
|
|
+ }
|
|
|
|
|
+ return '';
|
|
|
|
|
+ },
|
|
|
|
|
+ riderStatusFormatter(row, column, cellValue, index) {
|
|
|
|
|
+ let selectedOption = this.riderStatusOptions.find(i => i.value === cellValue);
|
|
|
|
|
+ if (selectedOption) {
|
|
|
|
|
+ return selectedOption.label;
|
|
|
|
|
+ }
|
|
|
|
|
+ return '';
|
|
|
|
|
+ },
|
|
|
|
|
+ payMethodFormatter(row, column, cellValue, index) {
|
|
|
|
|
+ let selectedOption = this.payMethodOptions.find(i => i.value === cellValue);
|
|
|
|
|
+ if (selectedOption) {
|
|
|
|
|
+ return selectedOption.label;
|
|
|
|
|
+ }
|
|
|
|
|
+ return '';
|
|
|
|
|
+ },
|
|
|
beforeGetData() {
|
|
beforeGetData() {
|
|
|
if (this.search) {
|
|
if (this.search) {
|
|
|
- return { search: this.search };
|
|
|
|
|
|
|
+ return {search: this.search};
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
toggleMultipleMode(multipleMode) {
|
|
toggleMultipleMode(multipleMode) {
|
|
@@ -179,20 +199,20 @@
|
|
|
// }
|
|
// }
|
|
|
// });
|
|
// });
|
|
|
// },
|
|
// },
|
|
|
- // editRow(row) {
|
|
|
|
|
- // this.$router.push({
|
|
|
|
|
- // path: "/orderInfoEdit",
|
|
|
|
|
- // query: {
|
|
|
|
|
- // id: row.id
|
|
|
|
|
- // }
|
|
|
|
|
- // });
|
|
|
|
|
- // },
|
|
|
|
|
|
|
+ editRow(row) {
|
|
|
|
|
+ this.$router.push({
|
|
|
|
|
+ path: "/orderInfoEdit",
|
|
|
|
|
+ query: {
|
|
|
|
|
+ id: row.id
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
download() {
|
|
download() {
|
|
|
this.downloading = true;
|
|
this.downloading = true;
|
|
|
this.$axios
|
|
this.$axios
|
|
|
- .get("/orderInfo/excel", {
|
|
|
|
|
|
|
+ .get("/orderInfo/excel", {
|
|
|
responseType: "blob",
|
|
responseType: "blob",
|
|
|
- params: { size: 10000 }
|
|
|
|
|
|
|
+ params: {size: 10000}
|
|
|
})
|
|
})
|
|
|
.then(res => {
|
|
.then(res => {
|
|
|
console.log(res);
|
|
console.log(res);
|