From f9c091b03ff14ab42cdd857e5cbbc639a1c9268d Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 18 Sep 2025 12:16:22 +0800
Subject: [PATCH] =?UTF-8?q?```=20perf(ant-tag.scss):=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E6=A0=B7=E5=BC=8F=E5=B9=B6=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E5=AD=97=E4=BD=93=E5=B1=9E=E6=80=A7=E6=9B=B4=E6=96=B0=E4=BA=86?=
 =?UTF-8?q?.ant-tag=E7=9A=84=E6=A0=B7=E5=BC=8F=EF=BC=8C=E5=8C=85=E6=8B=AC?=
 =?UTF-8?q?=EF=BC=9A-=20=E5=B0=86border-radius=E4=BB=8E2px=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BA4px-=20=E6=B7=BB=E5=8A=A0=E4=BA=86font-family,=20font-?=
 =?UTF-8?q?style=E5=92=8Cfont-weight=E5=B1=9E=E6=80=A7feat(add-raw-materia?=
 =?UTF-8?q?l-drawer,=20edit-raw-material-modal):=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E6=B8=B2=E6=9F=93=E5=8A=9F=E8=83=BD=20```?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/components/ant-tag.scss            | 11 +++---
 .../add-raw-material-drawer/index.vue         | 30 +++++++++++++++-
 .../edit-raw-material-modal/index.vue         | 34 ++++++++++++++++++-
 3 files changed, 69 insertions(+), 6 deletions(-)

diff --git a/src/styles/components/ant-tag.scss b/src/styles/components/ant-tag.scss
index addd554..9c970aa 100644
--- a/src/styles/components/ant-tag.scss
+++ b/src/styles/components/ant-tag.scss
@@ -1,4 +1,7 @@
-.ant-tag{
-    border-radius: 2px;
-    border: none;
-}
\ No newline at end of file
+.ant-tag {
+  border-radius: 4px;
+  border: none;
+  font-family: $font-family-regular;
+  font-style: normal;
+  font-weight: 400;
+}
diff --git a/src/views/material-center/components/raw-material/components/add-raw-material-drawer/index.vue b/src/views/material-center/components/raw-material/components/add-raw-material-drawer/index.vue
index 8898880..388e1a1 100644
--- a/src/views/material-center/components/raw-material/components/add-raw-material-drawer/index.vue
+++ b/src/views/material-center/components/raw-material/components/add-raw-material-drawer/index.vue
@@ -1,5 +1,5 @@
 <script lang="tsx">
-import { Drawer, Button, Upload, Table, Input, Progress, message, Select, Modal } from 'ant-design-vue';
+import { Drawer, Button, Upload, Table, Input, Progress, message, Select, Modal, Tag, Tooltip } from 'ant-design-vue';
 
 const { Column } = Table;
 const { TextArea } = Input;
@@ -379,6 +379,34 @@ export default defineComponent({
                         handleTagInputPressEnter(e, record);
                       }
                     }}
+                    v-slots={{
+                      tagRender: (val) => {
+                        const { label, value } = val;
+                        if (label.length > 5) {
+                          return (
+                            <Tooltip title={label}>
+                              <Tag
+                                closable
+                                onClose={() => (record.tag_ids = record.tag_ids.filter((item) => item !== value))}
+                                class="bg-#F2F3F5 rounded-4px mr-0 px-8px !color-#55585F"
+                              >
+                                {label.slice(0, 5) + '...'}
+                              </Tag>
+                            </Tooltip>
+                          );
+                        } else {
+                          return (
+                            <Tag
+                              closable
+                              onClose={() => (record.tag_ids = record.tag_ids.filter((item) => item !== value))}
+                              class="bg-#F2F3F5 rounded-4px mr-0 px-8px !color-#55585F"
+                            >
+                              {label}
+                            </Tag>
+                          );
+                        }
+                      },
+                    }}
                   />
                 );
               }}
diff --git a/src/views/material-center/components/raw-material/components/edit-raw-material-modal/index.vue b/src/views/material-center/components/raw-material/components/edit-raw-material-modal/index.vue
index 7aec647..71beb20 100644
--- a/src/views/material-center/components/raw-material/components/edit-raw-material-modal/index.vue
+++ b/src/views/material-center/components/raw-material/components/edit-raw-material-modal/index.vue
@@ -1,6 +1,6 @@
 <script lang="tsx">
 import { ref } from 'vue';
-import { Button, Modal, Form, FormItem, Input, message, Select } from 'ant-design-vue';
+import { Button, Modal, Form, FormItem, Input, message, Select, Tag, Tooltip } from 'ant-design-vue';
 
 const { TextArea } = Input;
 
@@ -111,6 +111,10 @@ export default {
       }
     };
 
+    const deleteTag = (tagId) => {
+      form.value.tag_ids = form.value.tag_ids.filter((item) => item !== tagId);
+    };
+
     // 添加处理标签输入的函数
     const handleTagInputPressEnter = async (e) => {
       const inputValue = e.target.value.trim();
@@ -219,6 +223,34 @@ export default {
                   handleTagInputPressEnter(e);
                 }
               }}
+              v-slots={{
+                tagRender: (val) => {
+                  const { label, value } = val;
+                  if (label.length > 5) {
+                    return (
+                      <Tooltip title={label}>
+                        <Tag
+                          closable
+                          onClose={() => (form.value.tag_ids = form.value.tag_ids.filter((item) => item !== value))}
+                          class="bg-#F2F3F5 rounded-4px mr-0 px-8px !color-#55585F"
+                        >
+                          {label.slice(0, 5) + '...'}
+                        </Tag>
+                      </Tooltip>
+                    );
+                  } else {
+                    return (
+                      <Tag
+                        closable
+                        onClose={() => (form.value.tag_ids = form.value.tag_ids.filter((item) => item !== value))}
+                        class="bg-#F2F3F5 rounded-4px mr-0 px-8px !color-#55585F"
+                      >
+                        {label}
+                      </Tag>
+                    );
+                  }
+                },
+              }}
             />
           </FormItem>
           <FormItem label="来源" name="origin">