| 
					
				 | 
			
			
				@@ -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=>{ 
			 |