|
|
|
@ -8,7 +8,11 @@
|
|
|
|
<Select clearable v-model="select.active_type_id" style="width: 200px;margin-right: 10px;" placeholder="选择活动分类">
|
|
|
|
<Select clearable v-model="select.active_type_id" style="width: 200px;margin-right: 10px;" placeholder="选择活动分类">
|
|
|
|
<Option v-for="item in activeTypeList" :value="item.id">{{item.name}}</Option>
|
|
|
|
<Option v-for="item in activeTypeList" :value="item.id">{{item.name}}</Option>
|
|
|
|
</Select>
|
|
|
|
</Select>
|
|
|
|
<Button type="primary" @click="getActivities">查询</Button>
|
|
|
|
<el-date-picker style='height:30px' @change="changeActiveDate" v-model="select.activeDate" type="daterange"
|
|
|
|
|
|
|
|
:picker-options="pickerOptions" value-format="yyyy-MM-dd" range-separator="至"
|
|
|
|
|
|
|
|
start-placeholder="活动开始日期" end-placeholder="活动结束日期" align="right">
|
|
|
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
|
|
|
<Button type="primary" style="margin-left: 10px;" @click="getActivities">查询</Button>
|
|
|
|
<Button icon="ios-add" type="primary" style="margin-left: 10px;" @click="$refs['addActivity'].isShow = true,$refs['addActivity'].type = 'add'">添加</Button>
|
|
|
|
<Button icon="ios-add" type="primary" style="margin-left: 10px;" @click="$refs['addActivity'].isShow = true,$refs['addActivity'].type = 'add'">添加</Button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</slot>
|
|
|
|
</slot>
|
|
|
|
@ -65,9 +69,38 @@ export default {
|
|
|
|
pageSize:10,
|
|
|
|
pageSize:10,
|
|
|
|
pageIndex:1,
|
|
|
|
pageIndex:1,
|
|
|
|
keyword:"",
|
|
|
|
keyword:"",
|
|
|
|
active_type_id:''
|
|
|
|
active_type_id:'',
|
|
|
|
|
|
|
|
activeDate:[],
|
|
|
|
|
|
|
|
start_date:'',
|
|
|
|
|
|
|
|
end_date:""
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
pickerOptions: {
|
|
|
|
|
|
|
|
shortcuts: [{
|
|
|
|
|
|
|
|
text: '最近一周',
|
|
|
|
|
|
|
|
onClick(picker) {
|
|
|
|
|
|
|
|
const end = new Date();
|
|
|
|
|
|
|
|
const start = new Date();
|
|
|
|
|
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
|
|
|
|
|
|
|
picker.$emit('pick', [start, end]);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}, {
|
|
|
|
|
|
|
|
text: '最近一个月',
|
|
|
|
|
|
|
|
onClick(picker) {
|
|
|
|
|
|
|
|
const end = new Date();
|
|
|
|
|
|
|
|
const start = new Date();
|
|
|
|
|
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
|
|
|
|
|
|
|
|
picker.$emit('pick', [start, end]);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}, {
|
|
|
|
|
|
|
|
text: '最近三个月',
|
|
|
|
|
|
|
|
onClick(picker) {
|
|
|
|
|
|
|
|
const end = new Date();
|
|
|
|
|
|
|
|
const start = new Date();
|
|
|
|
|
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
|
|
|
|
|
|
|
|
picker.$emit('pick', [start, end]);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
total:0,
|
|
|
|
total:0,
|
|
|
|
list:[],
|
|
|
|
list:[],
|
|
|
|
isShowOrder:false,
|
|
|
|
isShowOrder:false,
|
|
|
|
@ -281,12 +314,23 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
changeActiveDate(e){
|
|
|
|
|
|
|
|
if(e){
|
|
|
|
|
|
|
|
this.select.start_date = e[0];
|
|
|
|
|
|
|
|
this.select.end_date = e[1];
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
|
|
|
this.select.start_date = "";
|
|
|
|
|
|
|
|
this.select.end_date = "";
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
async getActivities(){
|
|
|
|
async getActivities(){
|
|
|
|
const res = await index({
|
|
|
|
const res = await index({
|
|
|
|
page_size:this.select.pageSize,
|
|
|
|
page_size:this.select.pageSize,
|
|
|
|
page:this.select.pageIndex,
|
|
|
|
page:this.select.pageIndex,
|
|
|
|
keyword:this.select.keyword,
|
|
|
|
keyword:this.select.keyword,
|
|
|
|
active_type_id:this.select.active_type_id
|
|
|
|
active_type_id:this.select.active_type_id,
|
|
|
|
|
|
|
|
start_date:this.select.start_date,
|
|
|
|
|
|
|
|
end_date:this.select.end_date,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
this.list = res.data
|
|
|
|
this.list = res.data
|
|
|
|
this.total = res.total
|
|
|
|
this.total = res.total
|
|
|
|
@ -349,5 +393,11 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
<style scoped>
|
|
|
|
|
|
|
|
/deep/ .el-date-editor .el-range__icon{
|
|
|
|
|
|
|
|
line-height: 25px!important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
/deep/ .el-date-editor .el-range-separator{
|
|
|
|
|
|
|
|
line-height: 25px!important;
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
|