11 changed files with 265 additions and 56 deletions
@ -0,0 +1,114 @@ |
|||||
|
<template> |
||||
|
<div class="flex flex-wrap mb-4"> |
||||
|
<div class="flex flex-row mr-5 mb-4 align-center"> |
||||
|
标题: |
||||
|
<el-input |
||||
|
placeholder="请输入标题" |
||||
|
class="flex-1" |
||||
|
v-model="title" |
||||
|
@change="changeTitle($event, 'title')"> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
<div class="flex flex-row mr-5 mb-4 align-center"> |
||||
|
责编: |
||||
|
<el-input |
||||
|
placeholder="请输入责编" |
||||
|
class="flex-1" |
||||
|
v-model="editor" |
||||
|
@change="changeTitle($event, 'editor')"> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
<div class="flex flex-row mr-5 mb-4 align-center"> |
||||
|
发表时间: |
||||
|
<el-date-picker |
||||
|
v-model="publishTime" |
||||
|
@change="changeTime" |
||||
|
class="flex-1" |
||||
|
type="daterange" |
||||
|
range-separator="至" |
||||
|
start-placeholder="开始日期" |
||||
|
end-placeholder="结束日期"> |
||||
|
</el-date-picker> |
||||
|
</div> |
||||
|
<div class="flex flex-row mr-5 mb-4 align-center" v-show="show"> |
||||
|
页面显示位置: |
||||
|
<el-cascader |
||||
|
v-model="showPage" |
||||
|
class="w-230" |
||||
|
:options="tabList" |
||||
|
:props="props" |
||||
|
@change="handleChange"> |
||||
|
</el-cascader> |
||||
|
</div> |
||||
|
|
||||
|
<el-button |
||||
|
type="primary" |
||||
|
icon="el-icon-search" |
||||
|
class="mr-5 mb-4" |
||||
|
@click="$emit('getList', options)"> |
||||
|
搜索 |
||||
|
</el-button> |
||||
|
|
||||
|
<el-button |
||||
|
type="primary" |
||||
|
icon="el-icon-plus" |
||||
|
class="mb-4" |
||||
|
@click="$emit('addModal')" |
||||
|
> |
||||
|
添加 |
||||
|
</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import {tabList} from '../../filters/code'; |
||||
|
|
||||
|
export default{ |
||||
|
data() { |
||||
|
return { |
||||
|
tabList, |
||||
|
props: { |
||||
|
value: 'code', |
||||
|
label: 'title', |
||||
|
children: 'children' |
||||
|
}, |
||||
|
show: false, |
||||
|
title: '', |
||||
|
editor: '', |
||||
|
publishTime: '', |
||||
|
showPage: ['02','0203'], |
||||
|
options: { |
||||
|
title: '', |
||||
|
editor: '', |
||||
|
publishTimeStart: '', |
||||
|
publishTimeEnd: '', |
||||
|
showPage: '0203' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
mounted(){ |
||||
|
const code = localStorage.getItem('code') |
||||
|
if(code === '0204'){ |
||||
|
this.show = true |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
changeTitle(e, type){ |
||||
|
this[type] = e |
||||
|
this.options[type] = e |
||||
|
}, |
||||
|
|
||||
|
changeTime(e){ |
||||
|
this.options.publishTimeStart = this.$moment(e[0]).valueOf() |
||||
|
this.options.publishTimeEnd = this.$moment(e[1]).valueOf() |
||||
|
}, |
||||
|
|
||||
|
// 位置选择 |
||||
|
handleChange(value) { |
||||
|
this.options.showPage = value[1] |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
Loading…
Reference in new issue