|
@@ -2,9 +2,44 @@
|
|
|
<div class="page">
|
|
|
<el-form size="small" :inline="true" class="query-form" ref="searchForm" :model="searchForm" @keyup.enter.native="refreshList()" @submit.native.prevent>
|
|
|
<!-- 搜索框-->
|
|
|
- <el-form-item prop="title">
|
|
|
+ <el-form-item label="标题" prop="title">
|
|
|
<el-input size="small" v-model="searchForm.title" placeholder="标题" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="查阅状态" prop="readFlag">
|
|
|
+ <el-select size="small" v-model="searchForm.readFlag" placeholder="查阅状态" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="item in $dictUtils.getDictList('oa_notify_read')"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="类型" prop="type">
|
|
|
+ <el-select size="small" v-model="searchForm.type" placeholder="类型" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="item in $dictUtils.getDictList('oa_notify_type')"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="发布者" prop="createName">
|
|
|
+ <UserSelect :limit='1' :userName="searchForm.createName" @getValue='(value, label) => {searchForm.createName = label}'></UserSelect>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="创建时间" prop="createDates">
|
|
|
+ <el-date-picker
|
|
|
+ placement="bottom-start"
|
|
|
+ format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ v-model="searchForm.createDates"
|
|
|
+ type="datetimerange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" @click="refreshList()" size="small" icon="el-icon-search">查询</el-button>
|
|
|
<el-button @click="resetSearch()" size="small" icon="el-icon-refresh-right">重置</el-button>
|
|
@@ -18,7 +53,11 @@
|
|
|
<el-button :disabled="$refs.notifyTable && $refs.notifyTable.getCheckboxRecords().length === 0" type="warning" size="small" @click="portionRead()">标记为已读</el-button>
|
|
|
</template>
|
|
|
</vxe-toolbar>
|
|
|
-
|
|
|
+ <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="全部" name="all"></el-tab-pane>
|
|
|
+ <el-tab-pane label="未读" name="read"></el-tab-pane>
|
|
|
+ <el-tab-pane label="已读" name="un_read"></el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
<div style="height: calc(100% - 80px);">
|
|
|
<vxe-table
|
|
|
border="inner"
|
|
@@ -73,6 +112,7 @@
|
|
|
</span>
|
|
|
</template>
|
|
|
</vxe-column>
|
|
|
+ <vxe-column min-width="180px"title="创建时间" field="createDate" align="center" ></vxe-column>
|
|
|
<vxe-column title="操作" width="80" fixed="right" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button type="text" size="mini" @click="view(scope.row.id)">查看</el-button>
|
|
@@ -99,11 +139,16 @@
|
|
|
<script>
|
|
|
import NotifyForm from './NotifyForm'
|
|
|
import NotifyService from '@/api/notify/NotifyService'
|
|
|
+ import UserSelect from '@/components/userSelect'
|
|
|
export default {
|
|
|
data () {
|
|
|
return {
|
|
|
searchForm: {
|
|
|
- title: ''
|
|
|
+ title: '',
|
|
|
+ type: '',
|
|
|
+ createName: '',
|
|
|
+ createDates: [],
|
|
|
+ readFlag: ''
|
|
|
},
|
|
|
dataList: [],
|
|
|
tablePage: {
|
|
@@ -112,18 +157,22 @@
|
|
|
pageSize: 10,
|
|
|
orders: []
|
|
|
},
|
|
|
- loading: false
|
|
|
+ loading: false,
|
|
|
+ activeName: ''
|
|
|
}
|
|
|
},
|
|
|
components: {
|
|
|
- NotifyForm
|
|
|
+ NotifyForm,
|
|
|
+ UserSelect
|
|
|
},
|
|
|
notifyService: null,
|
|
|
created () {
|
|
|
this.notifyService = new NotifyService()
|
|
|
+ this.activeName = 'all'
|
|
|
},
|
|
|
activated () {
|
|
|
this.refreshList()
|
|
|
+ this.activeName = 'all'
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
@@ -162,6 +211,7 @@
|
|
|
this.$refs.notifyForm.init('read', id)
|
|
|
},
|
|
|
resetSearch () {
|
|
|
+ this.activeName = 'all'
|
|
|
this.$refs.searchForm.resetFields()
|
|
|
this.refreshList()
|
|
|
},
|
|
@@ -207,6 +257,18 @@
|
|
|
this.refreshList()
|
|
|
})
|
|
|
})
|
|
|
+ },
|
|
|
+ handleClick (event) {
|
|
|
+ if (event.name === 'all') {
|
|
|
+ this.searchForm.readFlag = ''
|
|
|
+ }
|
|
|
+ if (event.name === 'read') {
|
|
|
+ this.searchForm.readFlag = '0'
|
|
|
+ }
|
|
|
+ if (event.name === 'un_read') {
|
|
|
+ this.searchForm.readFlag = '1'
|
|
|
+ }
|
|
|
+ this.refreshList()
|
|
|
}
|
|
|
}
|
|
|
}
|