|
|
@@ -1,5 +1,3 @@
|
|
|
-import format from "date-fns/format";import startOfDay from "date-fns/startOfDay";import endOfDay
|
|
|
- from "date-fns/endOfDay";
|
|
|
<template>
|
|
|
<div class="list-view">
|
|
|
<div class="filters-container">
|
|
|
@@ -15,7 +13,21 @@ import format from "date-fns/format";import startOfDay from "date-fns/startOfDay
|
|
|
:loading="downloading" class="filter-item">导出EXCEL
|
|
|
</el-button>
|
|
|
|
|
|
- <el-checkbox-button label="新店"></el-checkbox-button>
|
|
|
+<!-- <el-button >新店</el-button>-->
|
|
|
+
|
|
|
+ <el-date-picker
|
|
|
+ v-model="dateRange"
|
|
|
+ type="daterange"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ start-placeholder="请选择开始时间"
|
|
|
+ end-placeholder="请选择结束时间"
|
|
|
+ range-separator="至"
|
|
|
+ :default-time="['00:00:00', '23:59:59']"
|
|
|
+ class="filter-item"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ @change="getData"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
|
|
|
</div>
|
|
|
<el-table :data="tableData" row-key="mid" ref="table"
|
|
|
@@ -157,24 +169,29 @@ import format from "date-fns/format";import startOfDay from "date-fns/startOfDay
|
|
|
</div>
|
|
|
<div class="info-item">名称:{{formData.name}}</div>
|
|
|
<div class="info-item">显示名称:{{formData.showName}}</div>
|
|
|
-<!-- <div class="info-item">横幅:-->
|
|
|
-<!-- <el-image style="width: 60px; height: 30px"-->
|
|
|
-<!-- :src="formData.banner" fit="cover"-->
|
|
|
-<!-- :preview-src-list="[formData.banner]"/>-->
|
|
|
-<!-- </div>-->
|
|
|
+ <div class="info-item">横幅:
|
|
|
+ <el-image style="width: 60px; height: 30px"
|
|
|
+ :src="formData.banner" fit="cover"
|
|
|
+ :preview-src-list="[formData.banner]"/>
|
|
|
+ </div>
|
|
|
<div class="info-item">电话:{{formData.phone}}</div>
|
|
|
<div class="info-item">简介:{{formData.introduction}}</div>
|
|
|
-<!-- <div class="info-item">图片:-->
|
|
|
-<!-- <el-image style="width: 60px; height: 30px"-->
|
|
|
-<!-- :src="formData.img[0]" fit="cover"-->
|
|
|
-<!-- :preview-src-list="[formData.img]"/>-->
|
|
|
-<!-- </div>-->
|
|
|
+ <div class="info-item">图片: {{formData.img}}
|
|
|
+ <!--<el-image style="width: 60px; height: 30px"
|
|
|
+ :src="picList(formData.img)" fit="cover"
|
|
|
+ :preview-src-list="picList(formData.img)"/>-->
|
|
|
+ </div>
|
|
|
<div class="info-item">地址:{{formData.address}}</div>
|
|
|
<div class="info-item">成立时间:{{formData.establishTime}}</div>
|
|
|
- <div class="info-item">营业资质:{{formData.qualification}}</div>
|
|
|
+ <div class="info-item">营业资质:
|
|
|
+ <el-image style="width: 30px; height: 30px"
|
|
|
+ :src="formData.qualification" fit="fit"
|
|
|
+ :preview-src-list="[formData.qualification]"/>
|
|
|
+ </div>
|
|
|
<div class="info-item">营业性质:{{formData.businessNature}}</div>
|
|
|
<div class="info-item">公告:{{formData.proclamation}}</div>
|
|
|
- <div class="info-item">经营品类:{{formData.category}}</div>
|
|
|
+ <div class="info-item">经营品类:{{formData.category}}
|
|
|
+ </div>
|
|
|
<div class="info-item">营业:{{formData.week}}</div>
|
|
|
<div class="info-item">营业时间:{{formData.startTime}} - {{formData.endTime}}</div>
|
|
|
<!-- <div class="info-item">申请状态:{{formData.status}}</div>-->
|
|
|
@@ -191,6 +208,11 @@ import format from "date-fns/format";import startOfDay from "date-fns/startOfDay
|
|
|
<script>
|
|
|
import {mapState} from "vuex";
|
|
|
import pageableTable from "@/mixins/pageableTable";
|
|
|
+ import addDays from "date-fns/addDays";
|
|
|
+ import addMonths from "date-fns/addMonths";
|
|
|
+ import format from "date-fns/format";
|
|
|
+ import startOfDay from "date-fns/startOfDay";
|
|
|
+ import endOfDay from "date-fns/endOfDay";
|
|
|
|
|
|
export default {
|
|
|
name: 'MerchantList',
|
|
|
@@ -210,11 +232,56 @@ import format from "date-fns/format";import startOfDay from "date-fns/startOfDay
|
|
|
status: '',
|
|
|
drawer: false,
|
|
|
formData: {
|
|
|
- img: [],
|
|
|
// category: []
|
|
|
},
|
|
|
showSetLogistics: false,
|
|
|
dateRange: [],
|
|
|
+
|
|
|
+ pickerOptions: {
|
|
|
+ shortcuts: [
|
|
|
+ {
|
|
|
+ text: '今天',
|
|
|
+ onClick(picker) {
|
|
|
+ picker.$emit('pick', [
|
|
|
+ format(startOfDay(new Date()), 'yyyy-MM-dd HH:mm:ss'),
|
|
|
+ format(endOfDay(new Date()), 'yyyy-MM-dd HH:mm:ss')
|
|
|
+ ]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: '近一周',
|
|
|
+ onClick(picker) {
|
|
|
+ const date = addDays(new Date(), -7);
|
|
|
+ picker.$emit('pick', [
|
|
|
+ format(startOfDay(date), 'yyyy-MM-dd HH:mm:ss'),
|
|
|
+ format(endOfDay(new Date()), 'yyyy-MM-dd HH:mm:ss')
|
|
|
+ ]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: '近一月',
|
|
|
+ onClick(picker) {
|
|
|
+ const date = addMonths(new Date(), -1);
|
|
|
+ picker.$emit('pick', [
|
|
|
+ format(startOfDay(date), 'yyyy-MM-dd HH:mm:ss'),
|
|
|
+ format(endOfDay(new Date()), 'yyyy-MM-dd HH:mm:ss')
|
|
|
+ ]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: '近三月',
|
|
|
+ onClick(picker) {
|
|
|
+ const date = addMonths(new Date(), -3);
|
|
|
+ picker.$emit('pick', [
|
|
|
+ format(startOfDay(date), 'yyyy-MM-dd HH:mm:ss'),
|
|
|
+ format(endOfDay(new Date()), 'yyyy-MM-dd HH:mm:ss')
|
|
|
+ ]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ ]
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -223,6 +290,9 @@ import format from "date-fns/format";import startOfDay from "date-fns/startOfDay
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ picList(row) {
|
|
|
+ return row.split(",");
|
|
|
+ },
|
|
|
beforeOnCreate() {
|
|
|
if (this.$route.query.dateRange) {
|
|
|
this.dateRange = decodeURIComponent(this.$route.query.dateRange).split(',');
|
|
|
@@ -247,20 +317,6 @@ import format from "date-fns/format";import startOfDay from "date-fns/startOfDay
|
|
|
});
|
|
|
},
|
|
|
|
|
|
-
|
|
|
- checkRes(res) {
|
|
|
- res.forEach(item => {
|
|
|
- this.formData.img = item.img.split(",");
|
|
|
- console.log(this.formData.img)
|
|
|
- if (this.formData.img.length > 0) {
|
|
|
- this.formData.img = item.img[0];
|
|
|
- } else {
|
|
|
- item.img = "";
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- return res;
|
|
|
- },
|
|
|
statusFormatter(row, column, cellValue, index) {
|
|
|
let selectedOption = this.statusOptions.find(i => i.value === cellValue);
|
|
|
if (selectedOption) {
|
|
|
@@ -269,9 +325,19 @@ import format from "date-fns/format";import startOfDay from "date-fns/startOfDay
|
|
|
return '';
|
|
|
},
|
|
|
beforeGetData() {
|
|
|
+
|
|
|
+ let data = { sort: 'createdAt,desc', query: { } };
|
|
|
if (this.search) {
|
|
|
- return {search: this.search};
|
|
|
+ data.search = this.search;
|
|
|
+ }
|
|
|
+ if (this.dateRange && this.dateRange.length > 0) {
|
|
|
+ data.query.startTime = this.dateRange[0] + ',' + this.dateRange[1];
|
|
|
}
|
|
|
+
|
|
|
+ return data;
|
|
|
+/* if (this.search) {
|
|
|
+ return {search: this.search};
|
|
|
+ }*/
|
|
|
},
|
|
|
toggleMultipleMode(multipleMode) {
|
|
|
this.multipleMode = multipleMode;
|