From 58e9f388a3ee2612560790124153518f12155bf1 Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期二, 24 十月 2023 11:42:03 +0800
Subject: [PATCH] 主数据Tree滚动条
---
Source/UBCS-WEB/src/components/Master/MasterTree.vue | 27 ++++++++++++++++++++++-----
1 files changed, 22 insertions(+), 5 deletions(-)
diff --git a/Source/UBCS-WEB/src/components/Master/MasterTree.vue b/Source/UBCS-WEB/src/components/Master/MasterTree.vue
index eb35b74..f24b41c 100644
--- a/Source/UBCS-WEB/src/components/Master/MasterTree.vue
+++ b/Source/UBCS-WEB/src/components/Master/MasterTree.vue
@@ -1,5 +1,5 @@
<template>
- <div style="overflow: auto; height: calc(100vh - 150px);">
+ <div class="app">
<avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="Treedata" :defaultExpandAll="false" :option="Treeoption" @node-click="nodeClick" style="width: fit-content;">
<template slot-scope="{ node }">
<span style="display: inline-block;">{{ node.label }}</span>
@@ -97,7 +97,7 @@
}
}
}).catch(res => {
- console.log(res)
+ // console.log(res)
this.$message.error(res)
});
},
@@ -149,7 +149,7 @@
List.forEach(item => {
let columnItem = {
label: item.title,
- prop: item.field,
+ prop: item.queryField,
// type: this.columnType[item.type],
sortable: item.sort,
width: item.minWidth
@@ -168,8 +168,9 @@
//鏍戠偣鍑讳簨浠�
async nodeClick(data) {
try {
- console.log(data)
+ // console.log(data)
this.TreeValue=data.label.split(" ")[0].trim();
+ // console.log('TreeValue',this.TreeValue)
this.$emit('TreeValue',this.TreeValue)
this.nodeClickList = data;
this.tableHeadDataFateher = []
@@ -187,6 +188,22 @@
}
</script>
-<style scoped>
+<style lang="scss" scoped>
+.app{
+ overflow: auto;
+ height: calc(100vh - 150px);
+}
+ .app::-webkit-scrollbar {
+ height: 15px ; // 绾靛悜婊氬姩鏉� 蹇呭啓
+ background: white;
+ border: white;
+ width: 10px;
+}
+// 婊氬姩鏉＄殑婊戝潡
+ .app::-webkit-scrollbar-thumb {
+ background-color: #ececec;
+ border-radius: 20px;
+ border: #ececec;
+}
</style>
--
Gitblit v1.9.3