From d48153ced99493a924a1b6eca2c12791942c66e7 Mon Sep 17 00:00:00 2001
From: chenxing <chenxing@yunhaixingtong.com>
Date: Sun, 11 Oct 2026 11:07:02 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=8A=B6=E6=80=81=E5=BE=BD=E6=A0=87):=20?=
 =?UTF-8?q?=E6=AD=A3=E5=B8=B8/=E7=A6=81=E7=94=A8=E6=94=B9=E4=B8=BB?=
 =?UTF-8?q?=E9=A2=98=E8=89=B2=E6=8F=8F=E8=BE=B9=E5=BE=BD=E6=A0=87=EF=BC=88?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90=E3=80=8C=E5=BD=93=E5=89=8D=E7=94=9F=E6=95=88?=
 =?UTF-8?q?=E3=80=8D=E6=A0=B7=E5=BC=8F=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

view-ui-plus Tag 预设色的 border prop 渲染仍实心（无效），改全局描边类 .tag-outline（var(--brand) 文字+边框白底，随档变化）+ .tag-outline-muted 中性灰态；转出角标不变
---
 src/assets/styles/main.scss    | 13 +++++++++++++
 src/views/group-user/index.vue | 10 +++++-----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/assets/styles/main.scss b/src/assets/styles/main.scss
index 0a5a479..17bce9d 100644
--- a/src/assets/styles/main.scss
+++ b/src/assets/styles/main.scss
@@ -162,3 +162,16 @@ h4.subtitle {
 .base-wrap-main .tree-wrapper .tree-container {
     width: 300px;
 }
+
+/* 描边徽标（对齐 UserHome「当前生效」样式）：view-ui-plus 预设色 Tag 的 border prop
+   渲染仍是实心块（无效 prop），改自定义类挂主题令牌——主态=brand 描边，muted=中性灰描边 */
+.tag-outline {
+    color: var(--brand) !important;
+    border: 1px solid var(--brand) !important;
+    background: #fff !important;
+}
+
+.tag-outline.tag-outline-muted {
+    color: #999 !important;
+    border: 1px solid #dcdee2 !important;
+}
diff --git a/src/views/group-user/index.vue b/src/views/group-user/index.vue
index a9ece64..3a411e5 100644
--- a/src/views/group-user/index.vue
+++ b/src/views/group-user/index.vue
@@ -164,16 +164,16 @@ const columns = [
         title: '状态', key: 'disabled', width: 130, align: 'center',
         render: (h: any, { row }: any) => {
             // Vue3 渲染函数须 import 真组件：h('Tag') 会建未知原生元素（无样式不渲染）
-            // border 描边徽标（对齐 UserHome「当前生效」样式），非实心块
-            if (row.disabled) return h(Tag, { color: 'default', border: true }, () => '禁用');
+            // 描边徽标挂主题令牌（.tag-outline，见 main.scss）：预设色 border prop 渲染仍实心，弃用
+            if (row.disabled) return h(Tag, { class: 'tag-outline tag-outline-muted' }, () => '禁用');
             if (row.groupStatus === 1) {
-                // 正常 Tag + 转出徽标（view-ui-plus Badge status 模式：圆点 + 文本）
+                // 正常徽标 + 转出角标（view-ui-plus Badge status 模式：圆点 + 文本）
                 return h('div', { style: 'display:inline-flex;align-items:center;gap:6px' }, [
-                    h(Tag, { color: 'success', border: true }, () => '正常'),
+                    h(Tag, { class: 'tag-outline' }, () => '正常'),
                     h(Badge, { status: 'warning', text: '转出' }),
                 ]);
             }
-            return h(Tag, { color: 'success', border: true }, () => '正常');
+            return h(Tag, { class: 'tag-outline' }, () => '正常');
         },
     },
     {