You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
664 lines
23 KiB
664 lines
23 KiB
<template>
|
|
<div class="app-container archives-container">
|
|
<div class="container-main" style="justify-content: flex-start;">
|
|
<div class="elect-cont-left">
|
|
<div class="container-left">
|
|
<span class="right-top-line" />
|
|
<span class="left-bottom-line" />
|
|
<div class="arc-left-tree">
|
|
<h3 class="arc-title arc-title-top">档案门类</h3>
|
|
<div class="tree-scroll">
|
|
<el-tree ref="categroyTree" v-loading="crud.loading" class="arc-tree arc-tree-01" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick">
|
|
<span slot-scope="{ node, data }" class="custom-tree-node">
|
|
<el-tooltip :content="node.label" placement="top" :enterable="false" effect="dark">
|
|
<span v-if="data.isType === 1 " class="iconFolder">
|
|
{{ data.cnName }}
|
|
</span>
|
|
</el-tooltip>
|
|
<el-tooltip :content="node.label" placement="top" :enterable="false" effect="dark">
|
|
<span v-if="data.isType === 2" class="iconArch">
|
|
{{ data.cnName }}
|
|
</span>
|
|
</el-tooltip>
|
|
<el-tooltip :content="node.label" placement="top" :enterable="false" effect="dark">
|
|
<span v-if="data.isType === 3" class="iconFile">
|
|
{{ data.cnName }}
|
|
</span>
|
|
</el-tooltip>
|
|
</span>
|
|
</el-tree>
|
|
</div>
|
|
<h3 class="arc-title arc-title-bottom">快速筛选</h3>
|
|
<el-tree
|
|
ref="classifyTree"
|
|
v-loading="classifyLoading"
|
|
class="arc-tree arc-tree-02"
|
|
:data="classifyTree"
|
|
:props="defaultClassifyProps"
|
|
node-key="id"
|
|
:expand-on-click-node="false"
|
|
highlight-current
|
|
show-checkbox
|
|
@check="handleCheckChange"
|
|
>
|
|
<span slot-scope="{ node, data }" class="custom-tree-node">
|
|
<span v-if="data.childDictionarys || data.fondsName" class="iconClassify">
|
|
{{ data.dictionaryName || data.fondsName }}
|
|
</span>
|
|
<span v-else class="iconClassify-child">
|
|
{{ data.dictionaryName }}
|
|
</span>
|
|
</span>
|
|
</el-tree>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--用户数据-->
|
|
<div v-if="selectedCategory.isType !== 1" class="elect-cont-right">
|
|
<div class="container-right tab-content">
|
|
<span class="right-top-line" />
|
|
<span class="left-bottom-line" />
|
|
<Project v-if="selectedCategory.arrangeType === 3" ref="projectEle" :selected-category="selectedCategory" :data="sharedData" :is-recycle="isRecycle" :smart-query="smartQuery" @openAnjuan="handleOpenAnjuan" @myYearEvent="handleYearData" />
|
|
<Anjuan v-if="selectedCategory.arrangeType === 1 || selectedCategory.arrangeType === 2 || selectedCategory.arrangeType === 3" ref="anjuanEle" :selected-category="selectedCategory" :data="sharedData" :is-recycle="isRecycle" :smart-query="smartQuery" @openJuannei="handleOpenJuannei" @myYearEvent="handleYearData" />
|
|
<Juannei v-if="selectedCategory.arrangeType === 2 || selectedCategory.arrangeType === 3" ref="juanneiEle" :data="sharedData" :selected-category="selectedCategory" :is-recycle="isRecycle" :smart-query="smartQuery" @openFile="handleOpenFile" />
|
|
<File v-if="selectedCategory.arrangeType === 1 || selectedCategory.arrangeType === 2 || selectedCategory.arrangeType === 3" ref="fileEle" :is-recycle="isRecycle" :selected-category="selectedCategory" :smart-query="smartQuery" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import crudCategory from '@/api/category/category'
|
|
import crudRoles from '@/api/system/role'
|
|
import { FetchInitSearchFonds } from '@/api/archiveUtilize/archiveUtilize'
|
|
import { collectionLibraryCrud } from './mixins/index.js'
|
|
import { FetchDictionaryTreeByCategoryId } from '@/api/system/dict'
|
|
import CRUD, { presenter, header } from '@crud/crud'
|
|
import Project from './project/index'
|
|
import Anjuan from './anjuan/index'
|
|
import Juannei from './juannei/index'
|
|
import File from './file/index'
|
|
import { mapGetters } from 'vuex'
|
|
|
|
export default {
|
|
name: 'CollectionLibrary',
|
|
components: { Project, Anjuan, Juannei, File },
|
|
cruds() {
|
|
return [
|
|
CRUD({
|
|
title: '收集库', url: 'api/category/menu',
|
|
crudMethod: { ...crudCategory },
|
|
optShow: {
|
|
add: false,
|
|
edit: false,
|
|
del: false,
|
|
download: false,
|
|
group: false
|
|
}
|
|
})
|
|
]
|
|
},
|
|
mixins: [presenter(), header(), collectionLibraryCrud],
|
|
props: {
|
|
isRecycle: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
isdel: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
},
|
|
provide() {
|
|
return {
|
|
parentsData: this
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
defaultProps: {
|
|
children: 'children',
|
|
label: 'cnName'
|
|
},
|
|
defaultClassifyProps: {
|
|
children: 'childDictionarys' || null,
|
|
label: 'dictionaryName' || 'fondsName'
|
|
},
|
|
defaultFondsProps: {
|
|
children: 'children',
|
|
label: 'fondsName'
|
|
},
|
|
sharedData: '',
|
|
selectedCategory: {},
|
|
yearChildData: '',
|
|
parentsAnjuanRow: null,
|
|
parentsProjectRow: null,
|
|
parentsProjectId: null,
|
|
parentsAnjuanId: null,
|
|
parentsJuanneiId: null,
|
|
smartQuery: {
|
|
'retention': null, // 保管期限
|
|
'security_class': null, // 密级
|
|
'doc_type': null, // 文种
|
|
'medium_type': null, // 载体类型
|
|
'archive_year': null, // 年度
|
|
'organ_or_function': null, // 机构与类型
|
|
'fonds_no': null // 全宗
|
|
},
|
|
isTabFile: false,
|
|
fixedStatusBar: false
|
|
}
|
|
},
|
|
computed: {
|
|
...mapGetters([
|
|
'user'
|
|
])
|
|
},
|
|
watch: {
|
|
isdel: function(newValue, oldValue) {
|
|
},
|
|
isRecycle: function(newValue, oldValue) {
|
|
}
|
|
},
|
|
created() {
|
|
},
|
|
mounted() {
|
|
},
|
|
methods: {
|
|
handleYearData(data) {
|
|
this.yearChildData = data
|
|
this.classifyLoading = true
|
|
setTimeout(() => {
|
|
if (this.classifyTree.length !== 0 && this.classifyTree[0].dictionaryName === '年度') {
|
|
this.classifyTree = this.classifyTree.slice(1)
|
|
}
|
|
if (this.yearChildData.length !== 0) {
|
|
const newYearArr = this.yearChildData.map((item, index) => {
|
|
const json = {}
|
|
json.id = item
|
|
json.dictionaryName = item
|
|
json.dictionaryParents = '-1'
|
|
json.childDictionarys = []
|
|
return json
|
|
})
|
|
this.classifyTree.unshift({ id: -1, dictionaryName: '年度', dictionaryCode: 'archive_year', childDictionarys: newYearArr })
|
|
}
|
|
this.classifyLoading = false
|
|
}, 500)
|
|
},
|
|
filterData(data) {
|
|
return data.filter(node => {
|
|
if (node.children && node.children.length > 0) {
|
|
node.children = this.filterData(node.children) // 递归处理子节点
|
|
}
|
|
return node.isType !== 3 // 过滤掉isType为3的节点
|
|
})
|
|
},
|
|
// 逆归实现 获取指定元素
|
|
findNode(tree, func) {
|
|
for (const node of tree) {
|
|
if (func(node)) return node
|
|
if (node.children) {
|
|
const res = this.findNode(node.children, func)
|
|
if (res) return res
|
|
}
|
|
}
|
|
return null
|
|
},
|
|
// 展开选中的父级
|
|
expandParents(node) {
|
|
node.expanded = true
|
|
if (node.parent) {
|
|
this.expandParents(node.parent)
|
|
}
|
|
},
|
|
[CRUD.HOOK.afterRefresh]() {
|
|
this.crud.data = this.filterData(this.crud.data)
|
|
this.$nextTick(() => {
|
|
let currentKey
|
|
if (localStorage.getItem('currentArchivesKey')) {
|
|
currentKey = JSON.parse(localStorage.getItem('currentArchivesKey'))
|
|
// 删除门类节点后
|
|
if (this.$refs.categroyTree.getCurrentKey(currentKey.id) == null) {
|
|
localStorage.removeItem('currentArchivesKey')
|
|
}
|
|
// 缓存的门类节点判断
|
|
if (currentKey.isType === 1) {
|
|
if (currentKey.children.length !== 0) {
|
|
currentKey = this.findNode(currentKey.children, (node) => {
|
|
return node.isType !== 1
|
|
})
|
|
}
|
|
}
|
|
} else {
|
|
// 默认
|
|
if (this.crud.data[0].isType === 1) {
|
|
currentKey = this.findNode(this.crud.data[0].children, (node) => {
|
|
return node.isType !== 1
|
|
})
|
|
} else {
|
|
currentKey = this.crud.data[0]
|
|
}
|
|
}
|
|
if (currentKey.id) {
|
|
// 设置某个节点的当前选中状态
|
|
this.$refs.categroyTree.setCurrentKey(currentKey.id)
|
|
this.$nextTick(() => {
|
|
// 设置某个节点的父级展开
|
|
const selectedKey = this.$refs.categroyTree.getCurrentNode()
|
|
if (this.$refs.categroyTree.getNode(selectedKey) && this.$refs.categroyTree.getNode(selectedKey).parent) {
|
|
this.expandParents(this.$refs.categroyTree.getNode(selectedKey).parent)
|
|
}
|
|
// 选中节点的门类详情
|
|
this.handleNodeClick(selectedKey)
|
|
})
|
|
}
|
|
})
|
|
},
|
|
handleNodeClick(val) {
|
|
// this.smartQuery = {
|
|
// 'retention': null, // 保管期限
|
|
// 'security_class': null, // 密级
|
|
// 'doc_type': null, // 文种
|
|
// 'medium_type': null, // 载体类型
|
|
// 'archive_year': null, // 年度
|
|
// 'organ_or_function': null, // 机构与类型
|
|
// 'fonds_no': null // 全宗
|
|
// }
|
|
this.parentsProjectId = null
|
|
this.parentsAnjuanId = null
|
|
this.parentsJuanneiId = null
|
|
this.parentsAnjuanRow = null
|
|
this.parentsProjectRow = null
|
|
// 缓存当前的选中的
|
|
localStorage.setItem('currentArchivesKey', JSON.stringify(val))
|
|
this.selectedCategory = val
|
|
|
|
if (this.selectedCategory.isType !== 1) {
|
|
this.getDictionaryTreeByCategoryId(val.id)
|
|
} else {
|
|
this.classifyTree = []
|
|
}
|
|
|
|
this.$nextTick(() => {
|
|
this.getDictsList()
|
|
FetchInitSearchFonds().then(res => {
|
|
const allFondsIds = res.map(item => item.fondsId)
|
|
this.$refs.classifyTree.setCheckedKeys(allFondsIds)
|
|
this.smartQuery.fonds_no = res.map(item => item.fondsNo).join(',')
|
|
})
|
|
this.handlePageList()
|
|
// Promise.all(this.user.roles.map(item => this.getRole(item.id)))
|
|
// .then(roles => {
|
|
// const allFondsIds = []
|
|
// const fondsObj = {}
|
|
// console.log(roles)
|
|
// roles.forEach(role => {
|
|
// role.fonds.forEach(fond => {
|
|
// if (!fondsObj[fond.id]) {
|
|
// fondsObj[fond.id] = fond
|
|
// allFondsIds.push(fond.id)
|
|
// }
|
|
// })
|
|
// })
|
|
// console.log(allFondsIds)
|
|
// this.$refs.classifyTree.setCheckedKeys(allFondsIds)
|
|
// if (allFondsIds.length !== 0) {
|
|
// const defaultChecked = this.$refs.classifyTree.getCheckedNodes()
|
|
// const fondsGroup = defaultChecked.filter(item => item.fondsId).map(item => item.fondsNo)
|
|
// this.smartQuery.fonds_no = fondsGroup.join(',')
|
|
// } else {
|
|
// // this.smartQuery.fonds_no = null
|
|
// FetchInitSearchFonds().then(res => {
|
|
// this.smartQuery.fonds_no = res.map(item => item.fondsNo).join(',')
|
|
// })
|
|
// }
|
|
// this.handlePageList()
|
|
// })
|
|
// .catch(error => {
|
|
// console.error(error)
|
|
// })
|
|
})
|
|
},
|
|
handlePageList(isQuickFilter) {
|
|
if (this.selectedCategory.arrangeType === 3) {
|
|
const tablistEle = this.$refs.projectEle
|
|
// 项目下
|
|
if (isQuickFilter) {
|
|
tablistEle.$refs.collectHeaderRef.getInitArchivesClass()
|
|
tablistEle.getTableDisplayFieldsLoading = true
|
|
tablistEle.getViewTableList(1, null, isQuickFilter)
|
|
} else {
|
|
this.$refs.projectEle.getCommonData(1)
|
|
}
|
|
} else if (this.selectedCategory.arrangeType === 2) {
|
|
const tablistEle = this.$refs.anjuanEle.$refs.ajContent.$refs.tableList
|
|
// 案卷下
|
|
if (isQuickFilter) {
|
|
tablistEle.$refs.collectHeaderRef.getInitArchivesClass()
|
|
tablistEle.getTableDisplayFieldsLoading = true
|
|
tablistEle.getViewTableList(2, null, isQuickFilter)
|
|
} else {
|
|
tablistEle.getCommonData(2)
|
|
}
|
|
} else if (this.selectedCategory.arrangeType === 1) {
|
|
const tablistEle = this.$refs.anjuanEle.$refs.ajContent.$refs.tableList
|
|
// 文件下
|
|
if (isQuickFilter) {
|
|
tablistEle.$refs.collectHeaderRef.getInitArchivesClass()
|
|
tablistEle.getTableDisplayFieldsLoading = true
|
|
tablistEle.getViewTableList(3, null, isQuickFilter)
|
|
} else {
|
|
tablistEle.getCommonData(3)
|
|
}
|
|
}
|
|
if (this.$refs.anjuanEle) {
|
|
this.$refs.anjuanEle.anjuanDrawer = false
|
|
if (this.$refs.anjuanEle.$refs.ajContent) {
|
|
this.$refs.anjuanEle.$refs.ajContent.activeIndex = 0
|
|
}
|
|
}
|
|
if (this.$refs.juanneiEle) {
|
|
this.$refs.juanneiEle.juanneiDrawer = false
|
|
}
|
|
if (this.$refs.fileEle) {
|
|
this.$refs.fileEle.fileDrawer = false
|
|
}
|
|
},
|
|
getRole(id) {
|
|
return crudRoles.get(id)
|
|
},
|
|
getDictionaryTreeByCategoryId(categoryId) {
|
|
this.classifyLoading = true
|
|
const params = {
|
|
'categoryId': categoryId
|
|
}
|
|
FetchDictionaryTreeByCategoryId(params).then((res) => {
|
|
let fonds
|
|
if (res.fonds.length <= 1) {
|
|
fonds = []
|
|
} else {
|
|
const parent = {}
|
|
parent.id = 0
|
|
parent.fondsName = '全宗'
|
|
parent.childDictionarys = res.fonds.map(item => {
|
|
return {
|
|
...item,
|
|
id: item.fondsId
|
|
}
|
|
})
|
|
fonds = parent
|
|
}
|
|
if (res.dictionarys.length === 0) {
|
|
this.classifyTree = []
|
|
if (fonds.length !== 0) {
|
|
this.classifyTree.push(fonds)
|
|
}
|
|
} else {
|
|
this.classifyTree = res.dictionarys.concat(fonds)
|
|
}
|
|
this.classifyLoading = false
|
|
}).catch(err => {
|
|
console.log(err)
|
|
})
|
|
},
|
|
getIdByCode(dictionaryCode) {
|
|
for (const dictionary of this.classifyTree) {
|
|
if (dictionary.dictionaryCode === dictionaryCode) {
|
|
return dictionary.id
|
|
}
|
|
}
|
|
return null
|
|
},
|
|
handleCheckChange(data, checked, indeterminate) {
|
|
// 获取所有选中的节点
|
|
const res = this.$refs.classifyTree.getCheckedNodes()
|
|
// const isFondsTop = res.some(obj => obj.fondsName === '全宗')
|
|
// if (isFondsTop) {
|
|
// this.smartQuery.fonds_no = null
|
|
const fondsGroup = res.filter(item => item.fondsId).map(item => item.fondsNo)
|
|
if (fondsGroup.length === 0) {
|
|
FetchInitSearchFonds().then(res => {
|
|
this.smartQuery.fonds_no = res.map(item => item.fondsNo).join(',')
|
|
this.$nextTick(() => {
|
|
this.handlePageList('quickFilter')
|
|
})
|
|
})
|
|
} else {
|
|
this.smartQuery.fonds_no = fondsGroup.join(',')
|
|
}
|
|
|
|
// }
|
|
|
|
const groupedData = {}
|
|
const securityId = this.getIdByCode('security_class')
|
|
const retentionId = this.getIdByCode('retention')
|
|
const docTypeId = this.getIdByCode('doc_type')
|
|
const mediumTypeId = this.getIdByCode('medium_type')
|
|
const organOrFunctionId = this.getIdByCode('organ_or_function')
|
|
|
|
res.forEach(function(item) {
|
|
if (item.dictionaryParents === '-1') {
|
|
groupedData.archive_year = groupedData.archive_year || []
|
|
groupedData.archive_year.push(item.dictionaryName)
|
|
} else if (item.dictionaryParents === securityId) {
|
|
groupedData.security_class = groupedData.security_class || []
|
|
groupedData.security_class.push(item.dictionaryName)
|
|
} else if (item.dictionaryParents === retentionId) {
|
|
groupedData.retention = groupedData.retention || []
|
|
groupedData.retention.push(item.dictionaryName)
|
|
} else if (item.dictionaryParents === docTypeId) {
|
|
groupedData.doc_type = groupedData.doc_type || []
|
|
groupedData.doc_type.push(item.dictionaryName)
|
|
} else if (item.dictionaryParents === mediumTypeId) {
|
|
groupedData.medium_type = groupedData.medium_type || []
|
|
groupedData.medium_type.push(item.dictionaryName)
|
|
} else if (item.dictionaryParents === organOrFunctionId) {
|
|
groupedData.organ_or_function = groupedData.organ_or_function || []
|
|
groupedData.organ_or_function.push(item.dictionaryName)
|
|
}
|
|
})
|
|
|
|
if (data.id) {
|
|
const selectedParentVal = this.$refs.classifyTree.getNode(data.id).parent.data.dictionaryCode
|
|
switch (selectedParentVal) {
|
|
case 'security_class':
|
|
if (res.find(obj => obj.dictionaryCode === 'security_class')) {
|
|
this.smartQuery.security_class = null
|
|
} else {
|
|
if (groupedData.security_class) {
|
|
this.smartQuery.security_class = groupedData.security_class.join(',')
|
|
} else {
|
|
this.smartQuery.security_class = null
|
|
}
|
|
}
|
|
break
|
|
case 'retention':
|
|
if (res.find(obj => obj.dictionaryCode === 'retention')) {
|
|
this.smartQuery.retention = null
|
|
} else {
|
|
if (groupedData.retention) {
|
|
this.smartQuery.retention = groupedData.retention.join(',')
|
|
} else {
|
|
this.smartQuery.retention = null
|
|
}
|
|
}
|
|
break
|
|
case 'doc_type':
|
|
if (res.find(obj => obj.dictionaryCode === 'doc_type')) {
|
|
this.smartQuery.doc_type = null
|
|
} else {
|
|
if (groupedData.doc_type) {
|
|
this.smartQuery.doc_type = groupedData.doc_type.join(',')
|
|
} else {
|
|
this.smartQuery.doc_type = null
|
|
}
|
|
}
|
|
break
|
|
case 'medium_type':
|
|
if (res.find(obj => obj.dictionaryCode === 'medium_type')) {
|
|
this.smartQuery.medium_type = null
|
|
} else {
|
|
if (groupedData.medium_type) {
|
|
this.smartQuery.medium_type = groupedData.medium_type.join(',')
|
|
} else {
|
|
this.smartQuery.medium_type = null
|
|
}
|
|
}
|
|
break
|
|
case 'organ_or_function':
|
|
if (res.find(obj => obj.dictionaryCode === 'organ_or_function')) {
|
|
this.smartQuery.organ_or_function = null
|
|
} else {
|
|
if (groupedData.organ_or_function) {
|
|
this.smartQuery.organ_or_function = groupedData.organ_or_function.join(',')
|
|
} else {
|
|
this.smartQuery.organ_or_function = null
|
|
}
|
|
}
|
|
break
|
|
default:
|
|
if (groupedData.archive_year) {
|
|
this.smartQuery.archive_year = groupedData.archive_year.join(',')
|
|
} else {
|
|
this.smartQuery.archive_year = null
|
|
}
|
|
}
|
|
}
|
|
this.$nextTick(() => {
|
|
this.handlePageList('quickFilter')
|
|
})
|
|
},
|
|
handleOpenAnjuan(data, parentId, parentsRow) {
|
|
this.parentsProjectId = parentId
|
|
this.parentsProjectRow = parentsRow
|
|
this.$refs.anjuanEle.anjuanDrawer = true
|
|
|
|
this.activeIndex = 0
|
|
if (this.$refs.anjuanEle.$refs.ajContent) {
|
|
this.$refs.anjuanEle.$refs.ajContent.activeIndex = 0
|
|
}
|
|
this.$nextTick(() => {
|
|
this.$refs.anjuanEle.$refs.ajContent.$refs.tableList.getCommonData(2, this.parentsProjectId)
|
|
this.$refs.anjuanEle.$refs.ajContent.test = data
|
|
})
|
|
},
|
|
handleOpenJuannei(data, parentId, parentsRow) {
|
|
this.parentsAnjuanId = parentId
|
|
this.parentsAnjuanRow = parentsRow
|
|
if (this.selectedCategory.arrangeType === 1 || (this.selectedCategory.arrangeType === 3 && this.$refs.anjuanEle.$refs.ajContent.activeIndex === 1) || (this.selectedCategory.arrangeType === 2 && this.$refs.anjuanEle.$refs.ajContent.activeIndex === 1)) {
|
|
this.$refs.fileEle.fileDrawer = true
|
|
this.$nextTick(() => {
|
|
this.$refs.fileEle.getCommonData(4, this.parentsAnjuanId)
|
|
this.$refs.fileEle.test = data
|
|
this.$refs.fileEle.isAjNo = 1
|
|
})
|
|
} else {
|
|
this.$refs.juanneiEle.juanneiDrawer = true
|
|
this.$nextTick(() => {
|
|
this.$refs.juanneiEle.getCommonData(3, this.parentsAnjuanId)
|
|
this.$refs.juanneiEle.test = data
|
|
this.$refs.fileEle.isAjNo = 0
|
|
})
|
|
}
|
|
},
|
|
handleOpenFile(data, parentId) {
|
|
this.parentsJuanneiId = parentId
|
|
this.$refs.fileEle.fileDrawer = true
|
|
this.$nextTick(() => {
|
|
this.$refs.fileEle.getCommonData(4, this.parentsJuanneiId)
|
|
this.$refs.fileEle.test = data
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.elect-cont-left{
|
|
width: 276px;
|
|
padding: 0 !important;
|
|
}
|
|
.hideSidebar .elect-cont-left {
|
|
width: 265px !important;
|
|
}
|
|
[data-theme=light] .elect-cont-left .container-left {
|
|
min-height: calc(100vh - 140px);
|
|
}
|
|
[data-theme=dark] .elect-cont-left .container-left {
|
|
min-height: calc(100vh - 160px);
|
|
}
|
|
.openSidebar .elect-cont-right {
|
|
width: calc(100vw - 592px);
|
|
}
|
|
[data-theme=light] .elect-cont-right .container-right.tab-content {
|
|
min-height: calc(100vh - 200px) !important;
|
|
}
|
|
.arc-title{
|
|
position: relative;
|
|
height: 48px;
|
|
line-height: 48px;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
color: #0C0E1E;
|
|
background-color: #F3F5F8;
|
|
&::after{
|
|
content: "";
|
|
position: absolute;
|
|
right: 12px;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
.arc-title-top{
|
|
&::after{
|
|
width: 44px;
|
|
height: 35px;
|
|
background: url("~@/assets/images/collect/daml.png") no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
}
|
|
.arc-title-bottom{
|
|
&::after{
|
|
width: 41px;
|
|
height: 40px;
|
|
background: url("~@/assets/images/collect/kssx.png") no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
}
|
|
.arc-tree{
|
|
padding: 0 20px;
|
|
}
|
|
.arc-tree-01{
|
|
height: 400px;
|
|
overflow: hidden;
|
|
overflow-y: scroll;
|
|
}
|
|
[data-theme=dark] .arc-tree-01{
|
|
height: 370px;
|
|
}
|
|
|
|
.arc-tree-02{
|
|
height: calc(100vh - 720px);
|
|
overflow: hidden;
|
|
overflow-y: scroll;
|
|
.el-tree{
|
|
margin: 0;
|
|
}
|
|
}
|
|
::v-deep .el-tree-node__children .custom-tree-node{
|
|
font-size: 14px;
|
|
}
|
|
|
|
::v-deep .custom-tree-node{
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
[data-theme=light] .elect-cont-right {
|
|
padding: 15px 0 !important;
|
|
}
|
|
[data-theme=dark] .elect-cont-right {
|
|
margin-top: 0 !important;
|
|
}
|
|
</style>
|