From 3953193044cb10c96917888155612f31c870fe42 Mon Sep 17 00:00:00 2001
From: WangXu10 <xu.wang@fit2cloud.com>
Date: Fri, 14 Jul 2023 11:43:51 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=B3=BB=E7=BB=9F=E8=AE=BE=E7=BD=AE):=20?=
 =?UTF-8?q?=E7=B3=BB=E7=BB=9F=E8=AE=BE=E7=BD=AE=E5=88=9B=E5=BB=BA=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=EF=BC=8C=E4=B8=8B=E6=8B=89=E6=A1=86option=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B7=9F=E9=9A=8Fselect=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1027734 --user=王旭 【系统设置】github#25526，系统设置-用户管理，当工作空间名称超长显示不全，样式不太好看 https://www.tapd.cn/55049933/s/1393412
---
 .../src/business/system/user/EditUser.vue     | 24 +++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/system-setting/frontend/src/business/system/user/EditUser.vue b/system-setting/frontend/src/business/system/user/EditUser.vue
index ec896416b7..fce7dd6bdb 100644
--- a/system-setting/frontend/src/business/system/user/EditUser.vue
+++ b/system-setting/frontend/src/business/system/user/EditUser.vue
@@ -51,8 +51,9 @@
               <el-select filterable v-model="group.ids" :placeholder="$t('system_user.search_get_more_tip')" multiple
                          :filter-method="(value) => filterWorkspaceOption(value, group)"
                          @visible-change="(value) => resetWorkspaceOption(value, group)"
-                         class="edit-user-select" @change="updateWorkSpace(group.index,group.type)">
-                <el-option style="width:690px"
+                         :popper-append-to-body="false"
+                         class="edit-user-select" @change="updateWorkSpace(group.index,group.type)" @focus="focusWorkspace" ref="workspaceContent">
+                <el-option :style="{width: workspaceOptionWidth}"
                     v-for="item in group.workspaceOptions"
                     :key="item.id"
                     :label="item.name"
@@ -70,8 +71,9 @@
               <el-select filterable v-model="group.ids" :placeholder="$t('system_user.search_get_more_tip')" multiple
                          :filter-method="(value) => filterProjectOption(value, group)"
                          @visible-change="(value) => resetProjectOption(value, group)"
-                         class="edit-user-select" @change="setWorkSpaceIds(group.ids,group.projects)">
-                <el-option style="width:690px"
+                         :popper-append-to-body="false"
+                         class="edit-user-select" @change="setWorkSpaceIds(group.ids,group.projects)" @focus="focusProject" ref="projectContent">
+                <el-option :style="{width: projectOptionWidth}"
                     v-for="item in group.projectOptions"
                     :key="item.id"
                     :label="item.name"
@@ -121,6 +123,8 @@ export default {
       createVisible: false,
       updateVisible: false,
       btnAddGroup: false,
+      workspaceOptionWidth: "100%",
+      projectOptionWidth: "100%",
       form: {
         groups: [{
           type: '',
@@ -184,6 +188,18 @@ export default {
     }
   },
   methods: {
+    focusWorkspace() {
+      this.$nextTick(() => {
+        let el = this.$refs.workspaceContent;
+        this.workspaceOptionWidth = el[0].$el.offsetWidth + 'px'
+      });
+    },
+    focusProject() {
+      this.$nextTick(() => {
+        let el = this.$refs.projectContent;
+        this.projectOptionWidth = el[0].$el.offsetWidth + 'px'
+      });
+    },
     open(type, title, row) {
       this.type = type ? type : this.type;
       this.title = title ? title : this.title;