| 
					
				 | 
			
			
				@@ -1,27 +1,38 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   <div class="other-container" style="margin-top: 178px;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <IHeader :departmentId="selectDepartId"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <IHeader :departmentId="department.departmentId"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <div  class="main"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <div class="main-table"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <div class="main-left"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-select v-model="searchDepartId" filterable clearable placeholder="关键字搜索部门" @change="handleChangeDepart"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-select v-model="searchDepartment" filterable clearable placeholder="关键字搜索部门" @change="handleChangeDepart"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <el-option 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              v-for="item in list" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              :key="item.department_id" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              v-for="item in userDepartments" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :key="item.departmentId" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               :label="item.department" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              :value="item.department_id" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :value="item" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </el-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </el-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <el-menu 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            :default-active="selectDepartId" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :default-active="''+department.departmentId" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             class="el-menu-vertical-demo" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             @select="handleSelectDepart"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <template  v-for="(item, index) in list"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <el-menu-item :index="item.department_id"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <span>{{ item.department}}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <template  v-for="item in userDepartments" > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <el-menu-item :index="''+item.departmentId" v-bind:key="item.departmentId"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-button v-if="item.departmentId == department.departmentId" type="text"  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :icon="'el-icon-'+item.icon"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  {{ item.department}} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-button v-else type="text" :icon="'el-icon-'+item.icon" style="color:#000"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                   
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  {{ item.department}} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                   
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               </el-menu-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </el-menu> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -34,19 +45,24 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               <el-breadcrumb-item>帮助中心</el-breadcrumb-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               <el-breadcrumb-item>文件列表</el-breadcrumb-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <el-breadcrumb-item>{{ selectDepartName }}</el-breadcrumb-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <el-breadcrumb-item>{{ department.department }}</el-breadcrumb-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </el-breadcrumb> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <IArtical :department="selectDepartName" type="laws" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <IPanel :account="account" :departmentId="department.departmentId"></IPanel> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <!-- <IArtical :department="department" type="laws" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             :list="restaurants.laws" @more="handleOpenMore('laws')" @download="downloadFile"></IArtical> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <IArtical :department="selectDepartName" type="mechanism" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <IArtical :department="department" type="mechanism" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             :list="restaurants.mechanism" @more="handleOpenMore('mechanism')" @download="downloadFile"></IArtical> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <IArtical :department="selectDepartName" type="result" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <IArtical :department="department" type="result" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             :list="restaurants.result" @more="handleOpenMore('result')" @download="downloadFile"></IArtical> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <IArtical :department="selectDepartName" type="other" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            :list="restaurants.other" @more="handleOpenMore('other')" @download="downloadFile"></IArtical> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <IArtical :department="department" type="other" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :list="restaurants.other" @more="handleOpenMore('other')" @download="downloadFile"></IArtical> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </div> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -62,45 +78,52 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <IFooter /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import IHeader from "./components/IHeader"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import IPanel from "./components/IPanel"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import IArtical from "./components/IArtical"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import IFooter from "./components/IFooter"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import glIcon from '@/icons/img/2016smyjj_gl_icon.jpg' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import data  from '../data/data.js' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import {getHotArticalList,getArticalList}  from '@/api/article' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { mapActions } from "vuex"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import {getDepartmentAccount}  from '@/api/user.js' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { mapActions, mapGetters } from "vuex"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   name: 'application', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   components: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     IHeader, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     IArtical, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    IFooter 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    IFooter, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    IPanel 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      categorys:{'laws':'法律法规', 'mechanism':'机制类','result':'成果类', 'other':'其他类'}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      categorys:data.categorys, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       dialogFormVisible: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      leaderId:0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       glIcon: glIcon, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      list: data.departs, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      searchDepartId: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      searchDepartment: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      department:{ departmentId:0, department:''}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      account: {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       restaurants: {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       form:{}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       state3: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      selectDepartId:"0", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      selectDepartName: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       category:'', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      isShowMore: false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      isShowMore: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      screenWidth: document.body.clientWidth 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  mounted() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    this.getHotArticalList(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  computed: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  	...mapGetters("user", ["userDepartments"]) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  beforeMount( ){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    let departmentId = localStorage.getItem("@departmentId")||0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.department = data.getDepart( departmentId, this.userDepartments ); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.leaderId = data.getLeader( departmentId, this.userDepartments) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.getDepartmentAccount() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   filters:{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     filterTitle(val){ 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -117,15 +140,17 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.form = o; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.dialogFormVisible = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    getHotArticalList() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      let param = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        "departmentId": +this.selectDepartId, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        "category": this.category 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      getHotArticalList( param ).then( res=>{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        this.restaurants = res.data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        this.initSearch() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    getDepartmentAccount(){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      let departmentId = +this.department.departmentId; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      getDepartmentAccount( {departmentId}).then( res=>{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if( res.code == 200){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          let account ={} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          for( let i in res.data){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            let item = res.data[i] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            account[item.category+item.status] = item.count; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.account = account; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     initSearch(){ 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -139,20 +164,14 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     handleChangeDepart(item){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       console.log("handleChangeDepart", item); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-       
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.selectDepartId = item; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.department = item; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       // 切换文件列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     handleSelectDepart( departId ) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       localStorage.setItem("@departmentId", departId) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.selectDepartId = departId; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      for( let i in data.departs){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        if( data.departs[i].department_id == departId){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.selectDepartName = data.departs[i].department; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      console.log("handleSelectDepart", this.selectDepartId,this.selectDepartName ); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.getHotArticalList(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.department = data.getDepart( departId, this.userDepartments) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      console.log("handleSelectDepart", this.department ); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.getDepartmentAccount(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       // 切换文件列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     querySearch( item ){ 
			 |