style: ellipsis

Author: 1myuan

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">

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>
         <!-- 删除按钮 -->