|
|
|
@ -2,50 +2,41 @@ |
|
|
|
<el-card shadow="never" class="aui-card--fill"> |
|
|
|
<div class="mod-heart__actinfo}"> |
|
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()"> |
|
|
|
<el-form-item label="活动发布状态"> |
|
|
|
<el-form-item label="发布状态" label-width="70px"> |
|
|
|
<el-select v-model="dataForm.actStatus" placeholder="状态" clearable> |
|
|
|
<el-option label="上架" :value="1"></el-option> |
|
|
|
<el-option label="下架" :value="0"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="活动标题"> |
|
|
|
<el-form-item label="标题" label-width="70px"> |
|
|
|
<el-input placeholder="活动标题" @keyup.native="btKeyUpTitle" v-model="dataForm.title" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
<br> |
|
|
|
<el-form-item label="活动创建时间" |
|
|
|
prop="startTime"> |
|
|
|
<!-- <el-date-picker v-model="dataForm.startTime"--> |
|
|
|
<!-- type="date"--> |
|
|
|
<!-- :picker-options="pickerBeginDateBefore"--> |
|
|
|
<!-- value-format="yyyy-MM-dd"--> |
|
|
|
<!-- format="yyyy-MM-dd"--> |
|
|
|
<!-- placeholder="选择日期时间">--> |
|
|
|
<!-- </el-date-picker>--> |
|
|
|
<el-date-picker @change='setRegistTime' |
|
|
|
v-model="time" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
type="daterange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期"> |
|
|
|
<el-form-item label="发布时间" prop="startTime" label-width="70px"> |
|
|
|
<el-date-picker v-model="dataForm.startTime" |
|
|
|
type="date" |
|
|
|
:picker-options="pickerBeginDateBefore" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期时间" |
|
|
|
style="width:200px"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="至" prop="endTime"> |
|
|
|
<el-date-picker v-model="dataForm.endTime" |
|
|
|
type="date" |
|
|
|
:picker-options="pickerBeginDateAfter" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期时间" |
|
|
|
style="width:200px"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<!-- <el-form-item label="至"--> |
|
|
|
<!-- label-width="25px"--> |
|
|
|
<!-- prop="endTime">--> |
|
|
|
<!-- <el-date-picker v-model="dataForm.endTime"--> |
|
|
|
<!-- type="date"--> |
|
|
|
<!-- :picker-options="pickerBeginDateAfter"--> |
|
|
|
<!-- value-format="yyyy-MM-dd"--> |
|
|
|
<!-- format="yyyy-MM-dd"--> |
|
|
|
<!-- placeholder="选择日期时间">--> |
|
|
|
<!-- </el-date-picker>--> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="primary" @click="getDataListSearch()">{{ $t('query') }}</el-button> |
|
|
|
<el-button type="success" @click="getDataListSearch()">{{ $t('query') }}</el-button> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button v-if="$hasPermission('heart:actinfo:add')" type="success" @click="addAction()">增加活动</el-button> |
|
|
|
<el-button v-if="$hasPermission('heart:actinfo:add')" type="primary" @click="addAction()">增加活动</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<el-table v-loading="dataListLoading" |
|
|
|
@ -116,7 +107,23 @@ export default { |
|
|
|
endTime: '', |
|
|
|
title:'', //新增活动标题查询 |
|
|
|
}, |
|
|
|
time:[], |
|
|
|
pickerBeginDateBefore: { |
|
|
|
disabledDate: (time) => { |
|
|
|
let beginDateVal = this.dataForm.endTime |
|
|
|
if (beginDateVal) { |
|
|
|
return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime() |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
pickerBeginDateAfter: { |
|
|
|
disabledDate: (time) => { |
|
|
|
let EndDateVal = this.dataForm.startTime |
|
|
|
if (EndDateVal) { |
|
|
|
return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime() |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
time:[], |
|
|
|
addOrUpdateVisible: false, |
|
|
|
actInfoDetailVisible: false, |
|
|
|
actUserRelationVisible: false, |
|
|
|
@ -155,7 +162,7 @@ export default { |
|
|
|
this.$parent.selectComponent = 'ActInfoDetailView' |
|
|
|
this.$router.push({ path: '/heart-actinfo', query: { id: id } }) |
|
|
|
}, |
|
|
|
btKeyUpTitle (e) { |
|
|
|
btKeyUpTitle (e) { |
|
|
|
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】、；‘’，。、]/g, '') |
|
|
|
this.dataForm.title = e.target.value |
|
|
|
}, |
|
|
|
@ -190,17 +197,7 @@ export default { |
|
|
|
this.$refs.actinfoCancel.init() |
|
|
|
}) |
|
|
|
} |
|
|
|
}, |
|
|
|
setRegistTime () { //时间处理 |
|
|
|
if (null == this.time){ |
|
|
|
this.dataForm.startTime = '' |
|
|
|
this.dataForm.endTime = '' |
|
|
|
}else { |
|
|
|
console.log(this.time[0]) |
|
|
|
this.dataForm.startTime = this.time[0] |
|
|
|
this.dataForm.endTime = this.time[1] |
|
|
|
} |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
wanggongfeng
5 years ago