From dbe1aea3f51d554b3cdad1f39c982dd59f25ad3b Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期四, 07 十二月 2023 14:06:18 +0800
Subject: [PATCH] 业务类型和链接类型布局修改
---
Source/UBCS-WEB/src/views/modeling/LinkType.vue | 58 ++++++++++++++++++++--------
Source/UBCS-WEB/src/views/modeling/Business.vue | 18 +++++---
2 files changed, 52 insertions(+), 24 deletions(-)
diff --git a/Source/UBCS-WEB/src/views/modeling/Business.vue b/Source/UBCS-WEB/src/views/modeling/Business.vue
index 8bbac5a..824ac46 100644
--- a/Source/UBCS-WEB/src/views/modeling/Business.vue
+++ b/Source/UBCS-WEB/src/views/modeling/Business.vue
@@ -4,7 +4,7 @@
<!-- </el-header>-->
<el-container>
- <el-aside>
+ <el-aside style="width: 20%">
<basic-container class="businessTreeContainer">
<div class="app">
<div style="display: flex;margin-bottom: 10px;justify-content: space-around;">
@@ -18,13 +18,13 @@
@click="selectFromTable" plain> 浠庡凡鏈変腑鑾峰彇
</el-button>
</div>
- <avue-tree :data="treeData" :option="treeOption" class="businessTree" @node-click="nodeClick">
- <span slot-scope="{ node, data }" class="el-tree-node__label">
+ <avue-tree :data="treeData" :option="treeOption" class="businessTree" @node-click="nodeClick" style="width: fit-content;">
+ <template slot-scope="{ node, data }" class="el-tree-node__label">
<span>
<i :class="(node || {}).level === 2 ? 'el-icon-star-off' : 'el-icon-folder-opened'"></i>
{{ (node || {}).label }}
</span>
- </span>
+ </template>
</avue-tree>
</div>
@@ -171,7 +171,7 @@
selectionList: [],
treeData: [],
treeOption: {
- defaultExpandAll: true,
+ defaultExpandAll: false,
title: '涓氬姟绫诲瀷鏍�',
addBtn: false,
menu: false,
@@ -186,8 +186,8 @@
btmType: {},
},
loadOption: {
+ height:'auto',
border: true,
- height: 478,
editBtn: false,
addBtn: false,
menu: false,
@@ -394,7 +394,7 @@
.app {
overflow: auto;
- height: calc(100vh - 150px);
+ height: 84.3vh;
}
.app::-webkit-scrollbar {
@@ -407,8 +407,12 @@
// 婊氬姩鏉＄殑婊戝潡
.app::-webkit-scrollbar-thumb {
+ width: 10px;
+ height: 10px;
background-color: #ececec;
border-radius: 20px;
border: #ececec;
}
+
+
</style>
diff --git a/Source/UBCS-WEB/src/views/modeling/LinkType.vue b/Source/UBCS-WEB/src/views/modeling/LinkType.vue
index a26c55d..05f87a3 100644
--- a/Source/UBCS-WEB/src/views/modeling/LinkType.vue
+++ b/Source/UBCS-WEB/src/views/modeling/LinkType.vue
@@ -1,30 +1,30 @@
<template>
<el-container>
<!-- 椤剁鎸夐挳 -->
- <el-header class="businessHeader" style="height: 40px;">
- <div>
- <el-button type="primary" @click="linkTypeAdd" size="small" icon="el-icon-plus" v-if="permissionList.addBtn" plain>
- 鏂板
- </el-button>
- <el-button type="primary" @click="linkTypeEdit" size="small" icon="el-icon-edit" v-if="permissionList.editBtn" plain>
- 淇敼
- </el-button>
- </div>
- </el-header>
+
<!-- 渚ц竟鏍忔爲 -->
<el-container>
- <el-aside width="240px">
+ <el-aside style="width: 20%;">
<basic-container class="businessTreeContainer">
- <p style="margin-top: 10px;font-weight: 570;font-size: 19px">{{ treeOption.title }}</p>
- <avue-tree id="basic" :data="treeData" :option="treeOption" @node-click="nodeClick"
- class="businessTree">
- <span class="el-tree-node__label" slot-scope="{ node, data }">
+ <div class="app">
+ <div style="display: flex;margin-bottom: 10px;">
+ <el-button type="primary" @click="linkTypeAdd" size="mini" v-if="permissionList.addBtn" plain>
+ 鏂板
+ </el-button>
+ <el-button type="primary" @click="linkTypeEdit" size="mini" v-if="permissionList.editBtn" plain>
+ 淇敼
+ </el-button>
+ </div>
+ <avue-tree :data="treeData" :option="treeOption" @node-click="nodeClick"
+ class="businessTree">
+ <template class="el-tree-node__label" slot-scope="{ node, data }">
<span>
<i class="el-icon-star-on"></i>
{{ (node || {}).label }}
</span>
- </span>
+ </template>
</avue-tree>
+ </div>
</basic-container>
</el-aside>
<el-container>
@@ -178,7 +178,7 @@
},
loadOption: {
border: true,
- height: 395,
+ height: 'auto',
editBtn: false,
addBtn: false,
menu: false,
@@ -215,6 +215,7 @@
},
obj: {},
treeOption: {
+ height:'auto',
defaultExpandAll: true,
title: '閾炬帴绫诲瀷鏍�',
addBtn: false,
@@ -289,4 +290,27 @@
.attributeCrud>.el-card:nth-of-type(2)>.el-card__body>.avue-crud__menu {
display: none !important;
}
+.app {
+ overflow: auto;
+ height: 84.3vh;
+}
+
+.app::-webkit-scrollbar {
+ height: 15px; // 绾靛悜婊氬姩鏉� 蹇呭啓
+ background: white;
+ border: white;
+ width: 10px;
+
+}
+
+// 婊氬姩鏉＄殑婊戝潡
+.app::-webkit-scrollbar-thumb {
+ width: 10px;
+ height: 10px;
+ background-color: #ececec;
+ border-radius: 20px;
+ border: #ececec;
+}
+
+
</style>
--
Gitblit v1.9.3