Web/admin-govern
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改手风琴治理设备便携式tree高度

Browse Source
This commit is contained in:
zhujiyan
2024-07-24 15:20:43 +08:00
parent deabcda127
commit 26136c79e6
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/tree/device.vue
View File

@@ -31,10 +31,10 @@
/> />
</div> </div>
<el-collapse accordion v-model="activeName" style="flex: 1; overflow: auto" @change="changeDevice"> <el-collapse accordion v-model="activeName" style="flex: 1; height: 100%" @change="changeDevice">
<el-collapse-item title="治理设备" :name="0"> <el-collapse-item title="治理设备" :name="0">
<el-tree <el-tree
style="min-height: calc(100vh - 250px)" style="height: calc(100vh - 350px); overflow: auto"
ref="treeRef1" ref="treeRef1"
:props="defaultProps" :props="defaultProps"
highlight-current highlight-current
@@ -59,7 +59,7 @@
</el-collapse-item> </el-collapse-item>
<el-collapse-item title="便携式设备" :name="1"> <el-collapse-item title="便携式设备" :name="1">
<el-tree <el-tree
style="min-height: calc(100vh - 250px)" style="height: calc(100vh - 290px); overflow: auto"
ref="treeRef2" ref="treeRef2"
:props="defaultProps" :props="defaultProps"
highlight-current highlight-current

16
src/components/tree/point.vue
View File

@@ -12,7 +12,7 @@
size="18" size="18"
class="fold ml10 mt20 menu-collapse" class="fold ml10 mt20 menu-collapse"
style="cursor: pointer" style="cursor: pointer"
v-if="route.path!='/admin/govern/reportCore/statistics/index'" v-if="route.path != '/admin/govern/reportCore/statistics/index'"
/> />
<div class="cn-tree" :style="{ opacity: menuCollapse ? 0 : 1 }"> <div class="cn-tree" :style="{ opacity: menuCollapse ? 0 : 1 }">
<div style="display: flex; align-items: center" class="mb10"> <div style="display: flex; align-items: center" class="mb10">
@@ -28,14 +28,14 @@
size="18" size="18"
class="fold ml10 menu-collapse" class="fold ml10 menu-collapse"
style="cursor: pointer" style="cursor: pointer"
v-if="props.canExpand&&route.path!='/admin/govern/reportCore/statistics/index'" v-if="props.canExpand && route.path != '/admin/govern/reportCore/statistics/index'"
/> />
</div> </div>
<el-collapse accordion v-model="activeName" style="flex: 1; overflow: auto" @change="changeDevice"> <el-collapse accordion v-model="activeName" style="flex: 1; height: 100%" @change="changeDevice">
<el-collapse-item title="治理设备" :name="0"> <el-collapse-item title="治理设备" :name="0">
<el-tree <el-tree
style="min-height: calc(100vh - 250px)" style="height: calc(100vh - 350px); overflow: auto"
ref="treeRef1" ref="treeRef1"
:props="defaultProps" :props="defaultProps"
highlight-current highlight-current
@@ -60,7 +60,7 @@
</el-collapse-item> </el-collapse-item>
<el-collapse-item title="便携式设备" :name="1"> <el-collapse-item title="便携式设备" :name="1">
<el-tree <el-tree
style="min-height: calc(100vh - 250px)" style="height: calc(100vh - 290px); overflow: auto"
ref="treeRef2" ref="treeRef2"
:props="defaultProps" :props="defaultProps"
highlight-current highlight-current
@@ -92,7 +92,7 @@
import useCurrentInstance from '@/utils/useCurrentInstance' import useCurrentInstance from '@/utils/useCurrentInstance'
import { ElTree } from 'element-plus' import { ElTree } from 'element-plus'
import { ref, watch } from 'vue' import { ref, watch } from 'vue'
import {useRoute} from 'vue-router' import { useRoute } from 'vue-router'
defineOptions({ defineOptions({
name: 'govern/tree' name: 'govern/tree'
}) })
@@ -111,8 +111,8 @@ const props = withDefaults(defineProps<Props>(), {
data: [] data: []
}) })
const route=useRoute() const route = useRoute()
console.log(route,"6666677788889") console.log(route, '6666677788889')
const { proxy } = useCurrentInstance() const { proxy } = useCurrentInstance()
const menuCollapse = ref(false) const menuCollapse = ref(false)
const activeName = ref(0) const activeName = ref(0)