|
|
|
@ -1,18 +1,20 @@ |
|
|
|
<template> |
|
|
|
<el-card shadow="never" class="aui-card--fill"> |
|
|
|
<div class="mod-news__typicalcase}"> |
|
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|
|
|
<el-form-item label="案例标题"> |
|
|
|
<el-input v-model="dataForm.caseTitle" placeholder="请输入" clearable></el-input> |
|
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()"> |
|
|
|
<el-form-item label="优秀案例标题" label-width="100px"> |
|
|
|
<el-input v-model="dataForm.caseTitle" placeholder="请输入" clearable style="width:230px;" @keyup.native="btKeyUpCaseTitle"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="时间" |
|
|
|
prop="startTime"> |
|
|
|
<div> |
|
|
|
<el-form-item label="创建时间" prop="startTime" label-width="100px"> |
|
|
|
<el-date-picker v-model="dataForm.startTime" |
|
|
|
type="date" |
|
|
|
:picker-options="pickerBeginDateBefore" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期时间"> |
|
|
|
placeholder="选择日期时间" |
|
|
|
style="width:230px;" |
|
|
|
@change="changeTime"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="至" |
|
|
|
@ -23,27 +25,28 @@ |
|
|
|
:picker-options="pickerBeginDateAfter" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期时间"> |
|
|
|
placeholder="选择日期时间" |
|
|
|
style="width:230px;" |
|
|
|
@change="changeTime"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<!--查询按钮--> |
|
|
|
<el-form-item> |
|
|
|
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|
|
|
<el-button type="success" @click="getDataListSearch()">{{ $t('query') }}</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<el-form> |
|
|
|
<!--添加按钮--> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="primary" @click="addHandle()">{{"新增典型案例"}}</el-button> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
<!-- 列表--> |
|
|
|
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> |
|
|
|
<el-table-column label="序号" type="index" header-align="center" align="center" width="50"></el-table-column> |
|
|
|
<el-table-column prop="caseTitle" label="优秀案例标题" min-width="400" show-overflow-tooltip header-align="center" align="left"></el-table-column> |
|
|
|
<el-table-column prop="state" label="状态" width="60" :formatter="formatState" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="caseNumber" label="优秀案例数" width="100" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="createdTime" label="创建时间" width="180" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="caseTitle" label="优秀案例标题" header-align="center" align="center" min-width="200" show-overflow-tooltip title="caseTitle"></el-table-column> |
|
|
|
<el-table-column prop="state" label="状态" :formatter="formatState" header-align="center" align="center" width="100"></el-table-column> |
|
|
|
<el-table-column prop="caseNumber" label="优秀案例数" header-align="center" align="center" width="100"></el-table-column> |
|
|
|
<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center" width=“180“></el-table-column> |
|
|
|
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button v-if="$hasPermission('case:actbanner:grounding')" type="text" size="small" @click="changeGroundingHandle(scope.row)">{{ changeGroundingText(scope.row.state) }}</el-button> |
|
|
|
@ -89,20 +92,20 @@ export default { |
|
|
|
endTime: '' |
|
|
|
}, |
|
|
|
pickerBeginDateBefore: { |
|
|
|
disabledDate: (time) => { |
|
|
|
let beginDateVal = this.dataForm.startTime |
|
|
|
if (beginDateVal) { |
|
|
|
return time.getTime() > new Date(beginDateVal).getTime() |
|
|
|
} |
|
|
|
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.endTime |
|
|
|
if (EndDateVal) { |
|
|
|
return time.getTime() < new Date(EndDateVal).getTime() |
|
|
|
} |
|
|
|
disabledDate: (time) => { |
|
|
|
let EndDateVal = this.dataForm.startTime |
|
|
|
if (EndDateVal) { |
|
|
|
return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime() |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -158,7 +161,11 @@ export default { |
|
|
|
}) |
|
|
|
}).catch(() => {}) |
|
|
|
}).catch(() => {}) |
|
|
|
}, 1000, { 'leading': true, 'trailing': false }) |
|
|
|
}, 1000, { 'leading': true, 'trailing': false }), |
|
|
|
btKeyUpCaseTitle(e){ |
|
|
|
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|
|
|
this.dataForm.caseTitle= e.target.value |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
wanggongfeng
5 years ago