refactor: 用户组标签显示优化

frontend/src/business/components/common/components/MsRolesTag.vue

@@ -1,10 +1,9 @@
 <template>
   <div>
-    <ms-tag v-for="(role, index) in roles"
-            :key="index"
-            :effect="effect"
-            :type="type"
-            :content="role.name"/>
+    <span v-for="(role, index) in roles" :key="index">
+      <el-tag :type="type" :effect="effect" color="" size="mini">{{role.name}}</el-tag>
+      <br>
+    </span>
   </div>
 </template>
 

frontend/src/business/components/settings/organization/OrganizationWorkspace.vue

@@ -79,7 +79,7 @@
         <el-table-column prop="name" :label="$t('commons.username')"/>
         <el-table-column prop="email" :label="$t('commons.email')"/>
         <el-table-column prop="phone" :label="$t('commons.phone')"/>
-        <el-table-column label="用户组" width="120">
+        <el-table-column label="用户组" width="150">
           <template v-slot:default="scope">
             <ms-roles-tag :roles="scope.row.groups" type="success"/>
           </template>

frontend/src/business/components/settings/project/Member.vue

@@ -13,7 +13,7 @@
         <el-table-column prop="name" :label="$t('commons.username')"/>
         <el-table-column prop="email" :label="$t('commons.email')"/>
         <el-table-column prop="phone" :label="$t('commons.phone')"/>
-        <el-table-column prop="groups" label="用户组" width="120">
+        <el-table-column prop="groups" label="用户组" width="150">
           <template v-slot:default="scope">
             <ms-roles-tag :roles="scope.row.groups" type="success"/>
           </template>

frontend/src/business/components/settings/system/SystemWorkspace.vue

@@ -106,7 +106,7 @@
         <el-table-column prop="name" :label="$t('commons.username')"/>
         <el-table-column prop="email" :label="$t('commons.email')"/>
         <el-table-column prop="phone" :label="$t('commons.phone')"/>
-        <el-table-column label="用户组" width="120">
+        <el-table-column label="用户组" width="150">
           <template v-slot:default="scope">
             <ms-roles-tag :roles="scope.row.groups" type="success"/>
           </template>

frontend/src/business/components/settings/system/User.vue

@@ -29,7 +29,7 @@
         <el-table-column prop="id" label="ID"/>
         <el-table-column prop="name" :label="$t('commons.name')" width="200"/>
 
-        <el-table-column :label="$t('commons.group')" width="140">
+        <el-table-column :label="$t('commons.group')" width="150">
           <template v-slot:default="scope">
             <ms-roles-tag :roles="scope.row.roles"/>
           </template>

frontend/src/business/components/settings/workspace/MsProject.vue

@@ -145,7 +145,7 @@
           <el-table-column prop="name" :label="$t('commons.username')"/>
           <el-table-column prop="email" :label="$t('commons.email')"/>
           <el-table-column prop="phone" :label="$t('commons.phone')"/>
-          <el-table-column label="用户组" width="120">
+          <el-table-column label="用户组" width="150">
             <template v-slot:default="scope">
               <ms-roles-tag :roles="scope.row.groups" type="success"/>
             </template>

frontend/src/business/components/settings/workspace/WorkspaceMember.vue

@@ -28,7 +28,7 @@
         <el-table-column prop="name" :label="$t('commons.username')"/>
         <el-table-column prop="email" :label="$t('commons.email')"/>
         <el-table-column prop="phone" :label="$t('commons.phone')"/>
-        <el-table-column prop="groups" label="用户组" width="120">
+        <el-table-column prop="groups" label="用户组" width="150">
           <template v-slot:default="scope">
             <ms-roles-tag :roles="scope.row.groups" type="success"/>
           </template>