From f493550bb44c37acc05a281aad7b0f2ee33f2f72 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 22 Sep 2025 13:53:19 +0800
Subject: [PATCH] =?UTF-8?q?refactor(material-center):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E9=80=89=E6=8B=A9=E9=80=BB=E8=BE=91=E5=92=8C?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/add-raw-material-drawer/index.vue     | 12 +++++++-----
 .../components/edit-raw-material-modal/index.vue     |  9 +++++----
 2 files changed, 12 insertions(+), 9 deletions(-)

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 dfbddbd..f15ace5 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
@@ -71,6 +71,7 @@ export default defineComponent({
     };
 
     const handleTagChange = (value, option, record) => {
+      // console.log('handleTagChange', value);
       if (value.length < 6) {
         record.tag_ids = value;
       } else {
@@ -88,8 +89,8 @@ export default defineComponent({
         return;
       }
 
-      if (record.tag_ids.length >= 5) {
-        message.warning('最多选择5个');
+      if (record.tag_ids.length === 5) {
+        // message.warning('最多选择5个');
         return;
       }
 
@@ -103,7 +104,8 @@ export default defineComponent({
           });
           e.target.value = '';
 
-          record.tag_ids = [...record.tag_ids, data.id];
+          record.tag_ids = record.tag_ids.filter((item) => item !== inputValue);
+          record.tag_ids.push(data.id);
         }
       } catch (error) {
         message.error('添加标签失败');
@@ -260,7 +262,6 @@ export default defineComponent({
 
     const onConfirm = async () => {
       try {
-        submitLoading.value = true;
         const hasUploading = uploadData.value.some((item) => item.uploadStatus === EnumUploadStatus.uploading);
         if (hasUploading) {
           modalRef.value = Modal.warning({
@@ -272,6 +273,7 @@ export default defineComponent({
           return;
         }
 
+        submitLoading.value = true;
         const raw_materials = uploadData.value.filter((item) => item.uploadStatus !== EnumUploadStatus.error);
         const { code } = await postBatchRawMaterial({ raw_materials });
         if (code === 200) {
@@ -387,7 +389,7 @@ export default defineComponent({
                   <Select
                     disabled={record.uploadStatus === EnumUploadStatus.uploading}
                     value={record.tag_ids}
-                    mode="multiple"
+                    mode="tags"
                     size="middle"
                     placeholder="请选择标签"
                     allowClear
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 a31b01f..f74f004 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
@@ -126,8 +126,8 @@ export default {
         return;
       }
 
-      if (form.value.tag_ids.length >= 5) {
-        message.warning('最多选择5个');
+      if (form.value.tag_ids.length === 5) {
+        // message.warning('最多选择5个');
         return;
       }
 
@@ -141,7 +141,8 @@ export default {
           });
           e.target.value = '';
 
-          form.value.tag_ids = [...form.value.tag_ids, data.id];
+          form.value.tag_ids = form.value.tag_ids.filter((item) => item !== inputValue);
+          form.value.tag_ids.push(data.id);
         }
       } catch (error) {
         message.error('添加标签失败');
@@ -203,7 +204,7 @@ export default {
           <FormItem label="标签" name="tag_ids" v-model:value={form.value.tag_ids}>
             <Select
               value={form.value.tag_ids}
-              mode="multiple"
+              mode="tags"
               size="large"
               placeholder="请选择标签"
               allowClear