|
|
|
@ -1,27 +1,33 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="dataBaseTitleLarge">
|
|
|
|
|
<a-row style="position: relative;" class="dataBaseTitleLargeRow">
|
|
|
|
|
<a-col :key="1" :class="{'file-tab':!isActive1,'file-tab-active':isActive1}"
|
|
|
|
|
@click.native="tabChange(1)">
|
|
|
|
|
<span class="title-tab-title">机构文件</span>
|
|
|
|
|
<a-icon type="hdd" class="title-tab-icon"/>
|
|
|
|
|
<span class="tile-tab-cricle"></span>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-icon type="caret-right" class="active-icon1" v-show="isActive1"/>
|
|
|
|
|
<a-col :key="2" :class="{'file-tab':!isActive2,'file-tab-active':isActive2}"
|
|
|
|
|
@click.native="tabChange(2)">
|
|
|
|
|
<span class="title-tab-title">个人文件</span>
|
|
|
|
|
<a-icon type="user" class="title-tab-icon"/>
|
|
|
|
|
<span class="tile-tab-cricle"></span>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-icon type="caret-right" class="active-icon2" v-show="isActive2"/>
|
|
|
|
|
<a-col :key="3" :class="{'file-tab':!isActive3,'file-tab-active':isActive3}"
|
|
|
|
|
@click.native="tabChange(3)">
|
|
|
|
|
<span class="title-tab-title">分享文件</span>
|
|
|
|
|
<a-icon type="share-alt" class="title-tab-icon"/>
|
|
|
|
|
<span class="tile-tab-cricle"></span>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-icon type="caret-right" class="active-icon3" v-show="isActive3"/>
|
|
|
|
|
<div class="col-item-style" v-if="orgPower">
|
|
|
|
|
<a-col :key="1" :class="{'file-tab':!isActive1,'file-tab-active':isActive1}"
|
|
|
|
|
@click.native="tabChange(1)">
|
|
|
|
|
<span class="title-tab-title">机构文件</span>
|
|
|
|
|
<a-icon type="hdd" class="title-tab-icon"/>
|
|
|
|
|
<span class="tile-tab-cricle"></span>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-icon type="caret-right" class="active-icon1" v-show="isActive1"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-item-style" v-if="personalPower">
|
|
|
|
|
<a-col :key="2" :class="{'file-tab':!isActive2,'file-tab-active':isActive2}"
|
|
|
|
|
@click.native="tabChange(2)">
|
|
|
|
|
<span class="title-tab-title">个人文件</span>
|
|
|
|
|
<a-icon type="user" class="title-tab-icon"/>
|
|
|
|
|
<span class="tile-tab-cricle"></span>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-icon type="caret-right" class="active-icon1" v-show="isActive2"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-item-style" v-if="sharePower">
|
|
|
|
|
<a-col :key="3" :class="{'file-tab':!isActive3,'file-tab-active':isActive3}"
|
|
|
|
|
@click.native="tabChange(3)">
|
|
|
|
|
<span class="title-tab-title">分享文件</span>
|
|
|
|
|
<a-icon type="share-alt" class="title-tab-icon"/>
|
|
|
|
|
<span class="tile-tab-cricle"></span>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-icon type="caret-right" class="active-icon1" v-show="isActive3"/>
|
|
|
|
|
</div>
|
|
|
|
|
</a-row>
|
|
|
|
|
<InstitutionalDocumentsLarge v-if="isActive1"/>
|
|
|
|
|
<personalDocumentLarge v-if="isActive2"/>
|
|
|
|
@ -33,12 +39,34 @@
|
|
|
|
|
import InstitutionalDocumentsLarge from './InstitutionalDocumentsLarge.vue'
|
|
|
|
|
import personalDocumentLarge from './personalDocumentLarge.vue'
|
|
|
|
|
import shareDocumentsLarge from './shareDocumentsLarge.vue'
|
|
|
|
|
import OfficeMenuConfig from '../../../../../../../../../src/utils/officeMenuConfig';
|
|
|
|
|
export default ({
|
|
|
|
|
data(){
|
|
|
|
|
return {
|
|
|
|
|
isActive1: true,
|
|
|
|
|
isActive1: false,
|
|
|
|
|
isActive2: false,
|
|
|
|
|
isActive3: false,
|
|
|
|
|
orgPower: false,//机构文件权限
|
|
|
|
|
personalPower: false,//个人文件权限
|
|
|
|
|
sharePower: false,//分享文件权限
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created(){
|
|
|
|
|
//机构文件权限
|
|
|
|
|
this.orgPower = OfficeMenuConfig.menuIsExist(["electronicMaterials", "agencyDocuments1"]);
|
|
|
|
|
//个人文件权限
|
|
|
|
|
this.personalPower = OfficeMenuConfig.menuIsExist(["electronicMaterials", "personalFiles"]);
|
|
|
|
|
//分享文件权限
|
|
|
|
|
this.sharePower = OfficeMenuConfig.menuIsExist(["electronicMaterials", "shareFiles"]);
|
|
|
|
|
|
|
|
|
|
if(this.orgPower){
|
|
|
|
|
this.isActive1 = true;
|
|
|
|
|
}else {
|
|
|
|
|
if(this.personalPower){
|
|
|
|
|
this.isActive2 = true;
|
|
|
|
|
}else {
|
|
|
|
|
this.isActive3 = true;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
components: {
|
|
|
|
@ -89,6 +117,15 @@
|
|
|
|
|
/deep/ .ant-row:nth-last-child {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
.col-item-style {
|
|
|
|
|
width: 100%;
|
|
|
|
|
position: relative;
|
|
|
|
|
.active-icon1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 40%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.file-tab {
|
|
|
|
|
width: 90%;
|
|
|
|
@ -166,15 +203,15 @@
|
|
|
|
|
margin: 15px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.active-icon1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 30px;
|
|
|
|
|
right: -2px;
|
|
|
|
|
font-size: 22px;
|
|
|
|
|
color: #027DB3;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
/* .active-icon1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 30px;
|
|
|
|
|
right: -2px;
|
|
|
|
|
font-size: 22px;
|
|
|
|
|
color: #027DB3;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
float: left;
|
|
|
|
|
}*/
|
|
|
|
|
.active-icon2 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 136px;
|
|
|
|
|