|
@@ -4,9 +4,9 @@
|
|
|
<el-card class="box-card" style="margin-bottom: 60px;">
|
|
|
<div slot="header" class="clearfix" >
|
|
|
<el-form :inline="true" :model="searchInfo" class="demo-form-inline">
|
|
|
- <el-form-item label="选择部门">
|
|
|
+ <el-form-item label="部门">
|
|
|
<el-select v-model="searchInfo.department" collapse-tags placeholder="请选择"
|
|
|
- style="width: 160px;"
|
|
|
+ style="width: 130px;"
|
|
|
@clear="selectDepartment({})" clearable>
|
|
|
<div class="el-input" style="width:90%;margin-left:5%;">
|
|
|
<input type="text" placeholder="请输入" class="el-input__inner" v-model="dropDownValue">
|
|
@@ -21,15 +21,26 @@
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
- <el-form-item label="选择分类">
|
|
|
- <el-select v-model="searchInfo.category" collapse-tags placeholder="请选择" style="width: 160px;" clearable>
|
|
|
+ <el-form-item label="分类">
|
|
|
+ <el-select v-model="searchInfo.category" collapse-tags placeholder="请选择" style="width: 130px;" clearable>
|
|
|
<el-option v-for="(item,index) in categorys"
|
|
|
:value="index" :key="index" :label="item"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
- <el-form-item label="文件标题">
|
|
|
- <el-input placeholder="" v-model="searchInfo.keyword" clearable style="width: 320px;" ></el-input>
|
|
|
+
|
|
|
+ <el-form-item label="年份">
|
|
|
+ <IBucket placeholder="年份"
|
|
|
+ :info="searchInfo.bucket"
|
|
|
+ :category="searchInfo.category"
|
|
|
+ :department_id="departmentId"
|
|
|
+ @select="okBucket"
|
|
|
+ clearable style="width: 100px;" >
|
|
|
+ </IBucket>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="标题">
|
|
|
+ <el-input placeholder="" v-model="searchInfo.keyword" clearable style="width: 300px;" ></el-input>
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
@@ -113,6 +124,7 @@
|
|
|
|
|
|
<script>
|
|
|
import IHeader from "./components/IHeader";
|
|
|
+import IBucket from "./components/IBucket";
|
|
|
import IFooter from "./components/IFooter";
|
|
|
import data from '../data/data.js'
|
|
|
import {getArticalList,deleteArtical} from '@/api/article.js'
|
|
@@ -122,7 +134,8 @@ export default {
|
|
|
name: 'application',
|
|
|
components: {
|
|
|
IHeader,
|
|
|
- IFooter
|
|
|
+ IFooter,
|
|
|
+ IBucket
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -138,6 +151,7 @@ export default {
|
|
|
searchInfo:{
|
|
|
keyword: '',
|
|
|
department:'',
|
|
|
+ bucket:'',
|
|
|
category:''
|
|
|
}
|
|
|
|
|
@@ -169,6 +183,10 @@ export default {
|
|
|
this.getArticalList()
|
|
|
},
|
|
|
methods: {
|
|
|
+ okBucket( val ){
|
|
|
+ this.searchInfo.bucket = val.bucket;
|
|
|
+ this.handleSearch()
|
|
|
+ },
|
|
|
isLeader( departmentId ){
|
|
|
return data.getLeader(departmentId, this.userDepartments)>1;
|
|
|
},
|
|
@@ -214,6 +232,7 @@ export default {
|
|
|
keyword: this.searchInfo.keyword,
|
|
|
category: this.searchInfo.category,
|
|
|
page: this.page,
|
|
|
+ bucket: this.searchInfo.bucket||'',
|
|
|
pageSize: this.pageSize
|
|
|
}
|
|
|
getArticalList( param ).then( res=>{
|