From 73157d4caeeb62276626587a31ead5975bf6a272 Mon Sep 17 00:00:00 2001
From: K <1175047471@qq.com>
Date: Fri, 1 Mar 2024 11:07:30 +0800
Subject: [PATCH] =?UTF-8?q?refactor(product):=20topic=20=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=94=B1=20Radio=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BA=20Segmented?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/product/components/TopicManage.vue | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/views/product/components/TopicManage.vue b/src/views/product/components/TopicManage.vue
index 4ac2c99d..469de661 100644
--- a/src/views/product/components/TopicManage.vue
+++ b/src/views/product/components/TopicManage.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Alert, Radio } from 'ant-design-vue'
+import { Alert, Segmented } from 'ant-design-vue'
 import { computed, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { PlusOutlined } from '@ant-design/icons-vue'
@@ -82,14 +82,10 @@ async function handleDelete(id: string) {
 <template>
   <div>
     <div flex="! items-center wrap gap-12px" mb="12px">
-      <Radio.Group v-model:value="topicType" button-style="solid">
-        <Radio.Button :value="TopicType.System">
-          系统 Topic
-        </Radio.Button>
-        <Radio.Button :value="TopicType.Custom">
-          自定义 Topic
-        </Radio.Button>
-      </Radio.Group>
+      <Segmented
+        v-model:value="topicType"
+        :options="[{ label: '系统 Topic', value: TopicType.System }, { label: '自定义 Topic', value: TopicType.Custom }]"
+      />
 
       <Alert :message="alertMessage" type="info" show-icon class="py-4px" />
     </div>