From c65d0421c09c7dc8c0bbbf81b74a57731ed90898 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 22 Sep 2025 16:39:58 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E8=B4=A6=E5=8F=B7=E7=AE=A1=E7=90=86):=20?=
 =?UTF-8?q?=E5=9C=A8=E6=B7=BB=E5=8A=A0=E8=B4=A6=E5=8F=B7=E6=A8=A1=E6=80=81?=
 =?UTF-8?q?=E6=A1=86=E4=B8=AD=E5=AE=9E=E7=8E=B0=E6=A0=87=E7=AD=BE=E7=9A=84?=
 =?UTF-8?q?=E5=88=9B=E5=BB=BA=E5=92=8C=E9=80=89=E6=8B=A9=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/add-account-modal/index.vue    | 56 +++++++++++++++++--
 1 file changed, 52 insertions(+), 4 deletions(-)

diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
index af22a1c..ec61b54 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -16,6 +16,7 @@ import {
   Tooltip,
   Upload,
   Switch,
+  Select,
 } from 'ant-design-vue';
 const { TextArea } = Input;
 import AuthorizedAccountModal from '../authorized-account-modal';
@@ -36,6 +37,7 @@ import {
   getTemplateUrl,
   batchMediaAccounts,
   getProjectList,
+  postAccountTags,
 } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/media-account/icon-download.png';
@@ -268,6 +270,35 @@ export default {
         </>
       );
     };
+    const handleTagChange = (value) => {
+      form.value.tag_ids = value;
+    };
+    const handleTagInputPressEnter = async (e) => {
+      const inputValue = e.target.value.trim();
+
+      if (!inputValue) return;
+      const _target = tagOptions.value.find((item) => item.name === inputValue);
+      if (_target) {
+        return;
+      }
+
+      try {
+        const { code, data } = await postAccountTags({ name: inputValue });
+
+        if (code === 200 && data) {
+          tagOptions.value.push({
+            id: data.id,
+            name: data.name,
+          });
+          e.target.value = '';
+
+          form.value.tag_ids = form.value.tag_ids.filter((item) => item !== inputValue);
+          form.value.tag_ids.push(data.id);
+        }
+      } catch (error) {
+        message.error('添加标签失败');
+      }
+    };
 
     expose({ open });
 
@@ -394,11 +425,28 @@ export default {
               </FormItem>
 
               <FormItem label="选择标签">
-                <CommonSelect
-                  v-model={form.value.tag_ids}
-                  options={tagOptions.value}
-                  placeholder="请选择…"
+                <Select
+                  value={form.value.tag_ids}
+                  mode="tags"
                   size="large"
+                  placeholder="请选择标签"
+                  allowClear
+                  autoClearSearchValue
+                  class="w-full"
+                  showSearch
+                  showArrow
+                  maxTagCount={5}
+                  optionFilterProp="name"
+                  options={tagOptions.value}
+                  field-names={{ label: 'name', value: 'id' }}
+                  onChange={handleTagChange}
+                  onInputKeyDown={(e) => {
+                    // 检测回车键
+                    if (e.key === 'Enter') {
+                      e.preventDefault();
+                      handleTagInputPressEnter(e);
+                    }
+                  }}
                 />
               </FormItem>
               <FormItem