105 lines
4.0 KiB
Vue
105 lines
4.0 KiB
Vue
<template>
|
|
<div>
|
|
<el-card class="box-card" :body-style="{ padding: '20px 20px 0 20px' }">
|
|
<el-form :inline="true" :model="formSearch" class="demo-form-inline">
|
|
<el-form-item label="店铺">
|
|
<el-select v-model="formSearch.store_id" placeholder="全部">
|
|
<el-option v-for="store in stores" :key="store.id" :label="store.name" :value="store.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="团购状态">
|
|
<el-select v-model="formSearch.status" placeholder="团购状态">
|
|
<el-option label="未开始" value="-5"></el-option>
|
|
<el-option label="跟团中" value="1"></el-option>
|
|
<el-option label="预览中" value="-10"></el-option>
|
|
<el-option label="已结束" value="20"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="活动标题">
|
|
<el-input v-model="formSearch.title" placeholder="活动标题"></el-input>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="getGroupList();">查询</el-button>
|
|
<el-button type="success" @click="groupSet(0);">新增团购</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-card>
|
|
|
|
<el-card style="margin-top: 10px" class="box-card">
|
|
<el-table v-loading="loading" :data="tableData" border style="width: 100%">
|
|
<el-table-column prop="shop_name" label="店铺">
|
|
</el-table-column>
|
|
<el-table-column prop="title" label="活动标题">
|
|
</el-table-column>
|
|
<el-table-column prop="status" label="团购状态">
|
|
</el-table-column>
|
|
<el-table-column label="开团时间">
|
|
<template slot-scope="scope">
|
|
<div>{{scope.row.start_time}}</div>
|
|
<div>至</div>
|
|
<div>{{scope.row.end_time}}</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="手机查看">
|
|
<template slot-scope="scope">
|
|
<el-image style="width: 100px; height: 100px" :src="scope.row.ercode"></el-image>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="options" label="操作">
|
|
<template slot-scope="scope">
|
|
<el-button @click="groupSet(scope.row.id)" type="text" size="small">查看</el-button>
|
|
<el-button @click="groupSet(scope.row.id)" type="text" size="small">编辑</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-card>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
import { storeList } from "../../api/shop";
|
|
import { groupList } from "../../api/group";
|
|
export default {
|
|
data() {
|
|
return {
|
|
formSearch: {
|
|
store_id: "",
|
|
status: "",
|
|
title: "",
|
|
page: 1,
|
|
per_page: 20
|
|
},
|
|
stores: [],
|
|
loading: false,
|
|
tableData: []
|
|
}
|
|
},
|
|
mounted() {
|
|
this.getStoreList();
|
|
this.getGroupList();
|
|
},
|
|
methods: {
|
|
getStoreList() {
|
|
let params = {
|
|
page: 0,
|
|
per_page: 999,
|
|
plat_id: 1
|
|
};
|
|
storeList(params).then((res) => {
|
|
this.stores = res.data.data;
|
|
});
|
|
},
|
|
getGroupList() {
|
|
groupList(this.formSearch).then((res) => {
|
|
this.tableData = res.data.data;
|
|
})
|
|
},
|
|
groupSet(id) {
|
|
this.$router.push({ path: "GROUP_ADD", query: { id: id } });
|
|
}
|
|
}
|
|
}
|
|
</script>
|