From bc2f5be9731177d4c6a094e109d525905788b76e Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Tue, 5 Nov 2024 14:04:13 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E9=83=A8=E9=97=A8=E9=9D=A2=E6=9D=BF?=
 =?UTF-8?q?=E9=AA=A8=E6=9E=B6=E5=B1=8F=E5=8A=A0=E8=BD=BD=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/system/user/dept-tree.vue       | 107 ++++++++++--------
 1 file changed, 59 insertions(+), 48 deletions(-)

diff --git a/apps/web-antd/src/views/system/user/dept-tree.vue b/apps/web-antd/src/views/system/user/dept-tree.vue
index 3b06631d..94a0ed0a 100644
--- a/apps/web-antd/src/views/system/user/dept-tree.vue
+++ b/apps/web-antd/src/views/system/user/dept-tree.vue
@@ -44,54 +44,65 @@ onMounted(reload);
 </script>
 
 <template>
-  <Skeleton :loading="showTreeSkeleton" :paragraph="{ rows: 8 }" active>
-    <div class="bg-background flex h-full flex-col overflow-y-auto rounded-lg">
-      <!-- 固定在顶部 必须加上bg-background背景色 否则会产生'穿透'效果 -->
-      <div class="bg-background z-100 sticky left-0 top-0 p-[8px]">
-        <InputSearch
-          v-model:value="searchValue"
-          placeholder="Search"
-          size="small"
-        >
-          <template #enterButton>
-            <a-button @click="reload">
-              <SyncOutlined class="text-primary" />
-            </a-button>
-          </template>
-        </InputSearch>
-      </div>
-      <div class="px-[8px]">
-        <Tree
-          v-bind="$attrs"
-          v-if="deptTreeArray.length > 0"
-          v-model:selected-keys="selectDeptId"
-          :class="$attrs.class"
-          :field-names="{ title: 'label', key: 'id' }"
-          :show-line="{ showLeafIcon: false }"
-          :tree-data="deptTreeArray"
-          :virtual="false"
-          default-expand-all
-          @select="$emit('select')"
-        >
-          <template #title="{ label }">
-            <span v-if="label.indexOf(searchValue) > -1">
-              {{ label.substring(0, label.indexOf(searchValue)) }}
-              <span style="color: #f50">{{ searchValue }}</span>
-              {{
-                label.substring(label.indexOf(searchValue) + searchValue.length)
-              }}
-            </span>
-            <span v-else>{{ label }}</span>
-          </template>
-        </Tree>
-        <!-- 仅本人数据权限 可以考虑直接不显示 -->
-        <div v-else class="mt-5">
-          <Empty
-            :image="Empty.PRESENTED_IMAGE_SIMPLE"
-            description="无部门数据"
-          />
+  <div :class="$attrs.class">
+    <Skeleton
+      :loading="showTreeSkeleton"
+      :paragraph="{ rows: 8 }"
+      active
+      class="p-[8px]"
+    >
+      <div
+        class="bg-background flex h-full flex-col overflow-y-auto rounded-lg"
+      >
+        <!-- 固定在顶部 必须加上bg-background背景色 否则会产生'穿透'效果 -->
+        <div class="bg-background z-100 sticky left-0 top-0 p-[8px]">
+          <InputSearch
+            v-model:value="searchValue"
+            placeholder="Search"
+            size="small"
+          >
+            <template #enterButton>
+              <a-button @click="reload">
+                <SyncOutlined class="text-primary" />
+              </a-button>
+            </template>
+          </InputSearch>
+        </div>
+        <div class="h-full overflow-x-hidden px-[8px]">
+          <Tree
+            v-bind="$attrs"
+            v-if="deptTreeArray.length > 0"
+            v-model:selected-keys="selectDeptId"
+            :class="$attrs.class"
+            :field-names="{ title: 'label', key: 'id' }"
+            :show-line="{ showLeafIcon: false }"
+            :tree-data="deptTreeArray"
+            :virtual="false"
+            default-expand-all
+            @select="$emit('select')"
+          >
+            <template #title="{ label }">
+              <span v-if="label.indexOf(searchValue) > -1">
+                {{ label.substring(0, label.indexOf(searchValue)) }}
+                <span style="color: #f50">{{ searchValue }}</span>
+                {{
+                  label.substring(
+                    label.indexOf(searchValue) + searchValue.length,
+                  )
+                }}
+              </span>
+              <span v-else>{{ label }}</span>
+            </template>
+          </Tree>
+          <!-- 仅本人数据权限 可以考虑直接不显示 -->
+          <div v-else class="mt-5">
+            <Empty
+              :image="Empty.PRESENTED_IMAGE_SIMPLE"
+              description="无部门数据"
+            />
+          </div>
         </div>
       </div>
-    </div>
-  </Skeleton>
+    </Skeleton>
+  </div>
 </template>