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