style(系统设置): 修复用户组样式

--bug=1035250 --user=吕梦园
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001035250
--bug=1035253 --user=吕梦园
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001035253

frontend/src/components/business/ms-user-group-comp/createOrUpdateUserGroup.vue

@@ -2,7 +2,7 @@
   <a-popover
     ref="popoverRef"
     :popup-visible="currentVisible"
-    position="bl"
+    position="br"
     trigger="click"
     class="w-[350px]"
     :content-class="props.id ? 'move-left' : ''"
@@ -30,10 +30,7 @@
                 @press-enter="handleBeforeOk"
                 @keyup.esc="handleCancel"
               />
-              <span
+              <span v-if="!props.id" class="mt-[8px] text-[13px] font-medium text-[var(--color-text-4)]">
-                v-if="!props.id && props.authScope === AuthScopeEnum.SYSTEM"
-                class="mt-[8px] text-[13px] font-medium text-[var(--color-text-4)]"
-              >
                 {{ t('system.userGroup.createUserGroupTip') }}
               </span>
             </a-form-item>

frontend/src/components/business/ms-user-group-comp/msUserGroupLeft.vue

@@ -10,13 +10,6 @@
       />
     </div>
     <div v-if="showSystem" v-permission="['SYSTEM_USER_ROLE:READ']" class="mt-2">
-      <CreateUserGroupPopup
-        :list="systemUserGroupList"
-        :visible="systemUserGroupVisible"
-        :auth-scope="AuthScopeEnum.SYSTEM"
-        @cancel="systemUserGroupVisible = false"
-        @submit="handleCreateUserGroup"
-      >
       <div class="flex items-center justify-between px-[4px] py-[7px]">
         <div class="flex flex-row items-center gap-1 text-[var(--color-text-4)]">
           <MsIcon
@@ -37,15 +30,25 @@
             {{ t('system.userGroup.systemUserGroup') }}
           </div>
         </div>
-
+        <CreateUserGroupPopup
-          <icon-plus-circle-fill
+          :list="systemUserGroupList"
+          :visible="systemUserGroupVisible"
+          :auth-scope="AuthScopeEnum.SYSTEM"
+          @cancel="systemUserGroupVisible = false"
+          @submit="handleCreateUserGroup"
+        >
+          <a-tooltip :content="`创建${t('system.userGroup.systemUserGroup')}`" position="right">
+            <MsIcon
               v-permission="props.addPermission"
-            class="cursor-pointer text-[rgb(var(--primary-7))]"
+              type="icon-icon_create_planarity"
               size="20"
+              class="cursor-pointer text-[rgb(var(--primary-5))] hover:text-[rgb(var(--primary-4))]"
               @click="handleCreateUG(AuthScopeEnum.SYSTEM)"
             />
-        </div>
+          </a-tooltip>
         </CreateUserGroupPopup>
+      </div>
+
       <Transition>
         <div v-if="systemToggle">
           <div
@@ -112,13 +115,6 @@
       </Transition>
     </div>
     <div v-if="showOrg" v-permission="['ORGANIZATION_USER_ROLE:READ']" class="mt-2">
-      <CreateUserGroupPopup
-        :list="orgUserGroupList"
-        :visible="orgUserGroupVisible"
-        :auth-scope="AuthScopeEnum.ORGANIZATION"
-        @cancel="orgUserGroupVisible = false"
-        @submit="handleCreateUserGroup"
-      >
       <div class="flex items-center justify-between px-[4px] py-[7px]">
         <div class="flex flex-row items-center gap-1 text-[var(--color-text-4)]">
           <MsIcon
@@ -139,15 +135,24 @@
             {{ t('system.userGroup.orgUserGroup') }}
           </div>
         </div>
-
+        <CreateUserGroupPopup
-          <icon-plus-circle-fill
+          :list="orgUserGroupList"
+          :visible="orgUserGroupVisible"
+          :auth-scope="AuthScopeEnum.ORGANIZATION"
+          @cancel="orgUserGroupVisible = false"
+          @submit="handleCreateUserGroup"
+        >
+          <a-tooltip :content="`创建${t('system.userGroup.orgUserGroup')}`" position="right">
+            <MsIcon
               v-permission="props.addPermission"
-            class="cursor-pointer text-[rgb(var(--primary-7))]"
+              type="icon-icon_create_planarity"
               size="20"
+              class="cursor-pointer text-[rgb(var(--primary-5))] hover:text-[rgb(var(--primary-4))]"
               @click="orgUserGroupVisible = true"
             />
-        </div>
+          </a-tooltip>
         </CreateUserGroupPopup>
+      </div>
       <Transition>
         <div v-if="orgToggle">
           <div
@@ -240,13 +245,6 @@
       </Transition>
     </div>
     <div v-if="showProject" v-permission="['PROJECT_GROUP:READ']" class="mt-2">
-      <CreateUserGroupPopup
-        :list="projectUserGroupList"
-        :visible="projectUserGroupVisible"
-        :auth-scope="AuthScopeEnum.PROJECT"
-        @cancel="projectUserGroupVisible = false"
-        @submit="handleCreateUserGroup"
-      >
       <div class="flex items-center justify-between px-[4px] py-[7px]">
         <div class="flex flex-row items-center gap-1 text-[var(--color-text-4)]">
           <MsIcon
@@ -267,15 +265,24 @@
             {{ t('system.userGroup.projectUserGroup') }}
           </div>
         </div>
-
+        <CreateUserGroupPopup
-          <icon-plus-circle-fill
+          :list="projectUserGroupList"
+          :visible="projectUserGroupVisible"
+          :auth-scope="AuthScopeEnum.PROJECT"
+          @cancel="projectUserGroupVisible = false"
+          @submit="handleCreateUserGroup"
+        >
+          <a-tooltip :content="`创建${t('system.userGroup.projectUserGroup')}`" position="right">
+            <MsIcon
               v-permission="props.addPermission"
-            class="cursor-pointer text-[rgb(var(--primary-7))]"
+              type="icon-icon_create_planarity"
               size="20"
+              class="cursor-pointer text-[rgb(var(--primary-5))] hover:text-[rgb(var(--primary-4))]"
               @click="projectUserGroupVisible = true"
             />
-        </div>
+          </a-tooltip>
         </CreateUserGroupPopup>
+      </div>
       <Transition>
         <div v-if="projectToggle">
           <div