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">