From 1b94f16e2afeb2adaf56483e25b2e88dd899cbe2 Mon Sep 17 00:00:00 2001
From: teukkk <mengyuan.lv@fit2cloud.com>
Date: Tue, 15 Jul 2025 14:20:53 +0800
Subject: [PATCH] style: ellipsis

---
 ui/src/components/workspace-dropdown/index.vue           | 2 +-
 ui/src/views/system/role/component/MemberFormContent.vue | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/workspace-dropdown/index.vue b/ui/src/components/workspace-dropdown/index.vue
index 5edea6b8..2a56d3a0 100644
--- a/ui/src/components/workspace-dropdown/index.vue
+++ b/ui/src/components/workspace-dropdown/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dropdown placement="bottom-start" class="workspace-dropdown" popper-class="workspace-dropdown-popper">
+  <el-dropdown trigger="click" placement="bottom-start" class="workspace-dropdown" popper-class="workspace-dropdown-popper">
     <el-button text style="font-size: 14px" class="workspace-dropdown__button">
       <AppIcon iconName="app-workspace" style="font-size: 18px"></AppIcon>
       <span class="ellipsis" style="max-width: 155px" :title="currentWorkspace?.name">
diff --git a/ui/src/views/system/role/component/MemberFormContent.vue b/ui/src/views/system/role/component/MemberFormContent.vue
index 4ad2e089..56274ca1 100644
--- a/ui/src/views/system/role/component/MemberFormContent.vue
+++ b/ui/src/views/system/role/component/MemberFormContent.vue
@@ -8,7 +8,11 @@
             :placeholder="model.selectProps?.placeholder ?? $t('common.selectPlaceholder')" :clearable="model.selectProps?.clearableFunction?model.selectProps?.clearableFunction?.(element): true" filterable
             multiple style="width: 100%" collapse-tags collapse-tags-tooltip v-bind="model.selectProps">
             <el-option v-for="opt in model.selectProps?.options" :key="opt.value" :label="opt.label"
-              :value="opt.value" :disabled="opt.disabledFunction?.(element)" />
+              :value="opt.value" :disabled="opt.disabledFunction?.(element)">
+               <el-tooltip effect="dark" :content="opt.label" placement="top" :show-after="500">
+                <div class="ellipsis" style="max-width: 190px;">{{ opt.label }}</div>
+              </el-tooltip>
+            </el-option>
           </el-select>
         </el-form-item>
         <!-- 删除按钮 -->