|
@@ -1,235 +0,0 @@
|
|
|
-<template>
|
|
|
|
|
- <div class="edit-view">
|
|
|
|
|
- <!-- <div class="filters-container">
|
|
|
|
|
- <el-input placeholder="输入关键字" v-model="search" clearable
|
|
|
|
|
- class="filter-item"></el-input>
|
|
|
|
|
- <el-button @click="getData" type="primary" icon="el-icon-search"
|
|
|
|
|
- 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"
|
|
|
|
|
- :loading="downloading" class="filter-item">导出EXCEL
|
|
|
|
|
- </el-button>
|
|
|
|
|
- </div>-->
|
|
|
|
|
- <el-table
|
|
|
|
|
- :data="formData"
|
|
|
|
|
- row-key="id"
|
|
|
|
|
- ref="table"
|
|
|
|
|
- header-row-class-name="table-header-row"
|
|
|
|
|
- header-cell-class-name="table-header-cell"
|
|
|
|
|
- row-class-name="table-row"
|
|
|
|
|
- cell-class-name="table-cell"
|
|
|
|
|
- :height="tableHeight"
|
|
|
|
|
- >
|
|
|
|
|
- <el-table-column prop="id" label="ID" width="100"></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 label="操作" align="center" fixed="right" min-width="150">
|
|
|
|
|
- <template slot-scope="{row}">
|
|
|
|
|
- <!--<el-button @click="editRow(row)" type="primary" size="mini" plain>编辑</el-button>
|
|
|
|
|
- <el-button @click="deleteRow(row)" type="danger" size="mini" plain>删除</el-button>-->
|
|
|
|
|
- <el-button @click="editRow(row)" type="primary" size="mini" plain>详情</el-button>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- </el-table>
|
|
|
|
|
- <!-- <div class="pagination-wrapper">
|
|
|
|
|
- <el-pagination background @size-change="onSizeChange"
|
|
|
|
|
- @current-change="onCurrentChange" :current-page="page"
|
|
|
|
|
- :page-sizes="[10, 20, 30, 40, 50]" :page-size="pageSize"
|
|
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
|
- :total="totalElements">
|
|
|
|
|
- </el-pagination>
|
|
|
|
|
- </div>-->
|
|
|
|
|
- </div>
|
|
|
|
|
-</template>
|
|
|
|
|
-<script>
|
|
|
|
|
-import { mapState } from "vuex";
|
|
|
|
|
-import pageableTable from "@/mixins/pageableTable";
|
|
|
|
|
-
|
|
|
|
|
-export default {
|
|
|
|
|
- name: "UserOrderList",
|
|
|
|
|
- props: ["id"],
|
|
|
|
|
- //mixins: [pageableTable],
|
|
|
|
|
- created() {
|
|
|
|
|
- this.getData();
|
|
|
|
|
- },
|
|
|
|
|
- mounted() {
|
|
|
|
|
- this.tableHeight = document
|
|
|
|
|
- .querySelector(".el-table")
|
|
|
|
|
- .getBoundingClientRect().height;
|
|
|
|
|
- },
|
|
|
|
|
- data() {
|
|
|
|
|
- return {
|
|
|
|
|
- multipleMode: false,
|
|
|
|
|
- //search: "",
|
|
|
|
|
- downloading: false,
|
|
|
|
|
- formData: {},
|
|
|
|
|
- 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: {
|
|
|
|
|
- selection() {
|
|
|
|
|
- return this.$refs.table.selection.map(i => i.id);
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- 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 "";
|
|
|
|
|
- },
|
|
|
|
|
- // beforeGetData() {
|
|
|
|
|
- // if (this.search) {
|
|
|
|
|
- // return {search: this.search};
|
|
|
|
|
- // }
|
|
|
|
|
- // },
|
|
|
|
|
-
|
|
|
|
|
- getData() {
|
|
|
|
|
- let data = {};
|
|
|
|
|
- this.$http.get("/orderInfo/list", data).then(res => {
|
|
|
|
|
- this.id = res.id;
|
|
|
|
|
- });
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- toggleMultipleMode(multipleMode) {
|
|
|
|
|
- this.multipleMode = multipleMode;
|
|
|
|
|
- if (!multipleMode) {
|
|
|
|
|
- this.$refs.table.clearSelection();
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- // addRow() {
|
|
|
|
|
- // this.$router.push({
|
|
|
|
|
- // path: "/orderInfoEdit",
|
|
|
|
|
- // query: {
|
|
|
|
|
- // ...this.$route.query
|
|
|
|
|
- // }
|
|
|
|
|
- // });
|
|
|
|
|
- // },
|
|
|
|
|
- // editRow(row) {
|
|
|
|
|
- // this.$router.push({
|
|
|
|
|
- // path: "/orderInfoEdit",
|
|
|
|
|
- // query: {
|
|
|
|
|
- // id: row.id
|
|
|
|
|
- // }
|
|
|
|
|
- // });
|
|
|
|
|
- // },
|
|
|
|
|
- download() {
|
|
|
|
|
- this.downloading = true;
|
|
|
|
|
- this.$axios
|
|
|
|
|
- .get("/orderInfo/excel", {
|
|
|
|
|
- responseType: "blob",
|
|
|
|
|
- params: { size: 10000 }
|
|
|
|
|
- })
|
|
|
|
|
- .then(res => {
|
|
|
|
|
- console.log(res);
|
|
|
|
|
- this.downloading = false;
|
|
|
|
|
- const downloadUrl = window.URL.createObjectURL(new Blob([res.data]));
|
|
|
|
|
- const link = document.createElement("a");
|
|
|
|
|
- link.href = downloadUrl;
|
|
|
|
|
- link.setAttribute(
|
|
|
|
|
- "download",
|
|
|
|
|
- res.headers["content-disposition"].split("filename=")[1]
|
|
|
|
|
- );
|
|
|
|
|
- document.body.appendChild(link);
|
|
|
|
|
- link.click();
|
|
|
|
|
- link.remove();
|
|
|
|
|
- })
|
|
|
|
|
- .catch(e => {
|
|
|
|
|
- console.log(e);
|
|
|
|
|
- this.downloading = false;
|
|
|
|
|
- this.$message.error(e.error);
|
|
|
|
|
- });
|
|
|
|
|
- },
|
|
|
|
|
- operation1() {
|
|
|
|
|
- this.$notify({
|
|
|
|
|
- title: "提示",
|
|
|
|
|
- message: this.selection
|
|
|
|
|
- });
|
|
|
|
|
- },
|
|
|
|
|
- operation2() {
|
|
|
|
|
- this.$message("操作2");
|
|
|
|
|
- }
|
|
|
|
|
- // deleteRow(row) {
|
|
|
|
|
- // this.$alert('删除将无法恢复,确认要删除么?', '警告', {type: 'error'}).then(() => {
|
|
|
|
|
- // return this.$http.post(`/orderInfo/del/${row.id}`)
|
|
|
|
|
- // }).then(() => {
|
|
|
|
|
- // this.$message.success('删除成功');
|
|
|
|
|
- // this.getData();
|
|
|
|
|
- // }).catch(action => {
|
|
|
|
|
- // if (action === 'cancel') {
|
|
|
|
|
- // this.$message.info('删除取消');
|
|
|
|
|
- // } else {
|
|
|
|
|
- // this.$message.error('删除失败');
|
|
|
|
|
- // }
|
|
|
|
|
- // })
|
|
|
|
|
- // },
|
|
|
|
|
- }
|
|
|
|
|
-};
|
|
|
|
|
-</script>
|
|
|
|
|
-<style lang="less" scoped>
|
|
|
|
|
-</style>
|
|
|