|
@@ -1,8 +1,31 @@
|
|
<template>
|
|
<template>
|
|
<div class="page">
|
|
<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 label="标题" prop="title">
|
|
|
|
+ <el-input v-model="searchForm.title"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="流程名称" prop="taskName">
|
|
|
|
+ <el-input v-model="searchForm.taskName"></el-input>
|
|
|
|
+ </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>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+
|
|
<div class="top bg-white">
|
|
<div class="top bg-white">
|
|
- <vxe-toolbar :refresh="{query: refreshList}" export print custom></vxe-toolbar>
|
|
|
|
|
|
+ <vxe-toolbar :refresh="{query: refreshList}" custom>
|
|
|
|
+ <template #buttons>
|
|
|
|
+ <el-button v-if="hasPermission('knowledgeShare:info:add')" type="primary" size="small" @click="add()">全部标记已读</el-button>
|
|
|
|
+ <el-button v-if="hasPermission('knowledgeShare:info:add')" type="primary" size="small" @click="del()">标记为已读</el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-toolbar>
|
|
|
|
+
|
|
|
|
+ <el-tabs v-model="type" type="card" @tab-click="handleClick">
|
|
|
|
+ <el-tab-pane :key="index" v-for="(item,index) in typeList" :label="item.value" :name="item.value" :value="item.id"></el-tab-pane>
|
|
|
|
+ </el-tabs>
|
|
|
|
+
|
|
<div style="height: calc(100% - 80px);">
|
|
<div style="height: calc(100% - 80px);">
|
|
<vxe-table
|
|
<vxe-table
|
|
border="inner"
|
|
border="inner"
|
|
@@ -29,15 +52,12 @@
|
|
</template>
|
|
</template>
|
|
</vxe-column>
|
|
</vxe-column>
|
|
<vxe-column title="流程名称" field="taskName" > </vxe-column>
|
|
<vxe-column title="流程名称" field="taskName" > </vxe-column>
|
|
- <vxe-column title="当前环节" field="link" ></vxe-column>
|
|
|
|
- <vxe-column title="流程发起人" field="createName" ></vxe-column>
|
|
|
|
|
|
+ <vxe-column title="流程发起人" field="createUser" ></vxe-column>
|
|
<vxe-column
|
|
<vxe-column
|
|
field="createTime"
|
|
field="createTime"
|
|
title="创建时间">
|
|
title="创建时间">
|
|
</vxe-column>
|
|
</vxe-column>
|
|
- <vxe-column title="通知人" field="noticeName" ></vxe-column>
|
|
|
|
<vxe-column title="读取状态" field="type" ></vxe-column>
|
|
<vxe-column title="读取状态" field="type" ></vxe-column>
|
|
- <vxe-column title="重复次数" field="repetitionCount" ></vxe-column>
|
|
|
|
</vxe-table>
|
|
</vxe-table>
|
|
<vxe-pager
|
|
<vxe-pager
|
|
background
|
|
background
|
|
@@ -72,6 +92,11 @@
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
dataList: [],
|
|
dataList: [],
|
|
|
|
+ typeList: [],
|
|
|
|
+ searchForm: {
|
|
|
|
+ title: '',
|
|
|
|
+ taskName: ''
|
|
|
|
+ },
|
|
tablePage: {
|
|
tablePage: {
|
|
total: 0,
|
|
total: 0,
|
|
currentPage: 1,
|
|
currentPage: 1,
|
|
@@ -89,6 +114,10 @@
|
|
created () {
|
|
created () {
|
|
this.noticeService = new NoticeService()
|
|
this.noticeService = new NoticeService()
|
|
this.taskService = new TaskService()
|
|
this.taskService = new TaskService()
|
|
|
|
+ this.typeList = [
|
|
|
|
+ {id: '0', value: '未读'},
|
|
|
|
+ {id: '1', value: '已读'}
|
|
|
|
+ ]
|
|
},
|
|
},
|
|
activated () {
|
|
activated () {
|
|
this.refreshList()
|
|
this.refreshList()
|
|
@@ -100,6 +129,9 @@
|
|
// 获取数据列表
|
|
// 获取数据列表
|
|
refreshList () {
|
|
refreshList () {
|
|
this.loading = true
|
|
this.loading = true
|
|
|
|
+ if (this.commonJS.isEmpty(this.searchForm.type)) {
|
|
|
|
+ this.searchForm.type = '0'
|
|
|
|
+ }
|
|
this.noticeService.list({
|
|
this.noticeService.list({
|
|
'current': this.tablePage.currentPage,
|
|
'current': this.tablePage.currentPage,
|
|
'size': this.tablePage.pageSize,
|
|
'size': this.tablePage.pageSize,
|
|
@@ -141,6 +173,15 @@
|
|
}
|
|
}
|
|
})
|
|
})
|
|
})
|
|
})
|
|
|
|
+ },
|
|
|
|
+ resetSearch () {
|
|
|
|
+ this.$refs.searchForm.resetFields()
|
|
|
|
+ this.refreshList()
|
|
|
|
+ },
|
|
|
|
+ handleClick (tab) {
|
|
|
|
+ const val = tab.$attrs.value
|
|
|
|
+ this.searchForm.type = val
|
|
|
|
+ this.refreshList()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|