From 8e5eba03cbf53236d46c53aa77499dd695ed8360 Mon Sep 17 00:00:00 2001
From: Austin <1344583166@qq.com>
Date: Tue, 12 Nov 2024 14:27:11 +0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E6=9C=BA=E5=9E=8B=E8=A7=84?=
 =?UTF-8?q?=E6=A0=BC=E4=BA=A4=E4=BA=92=E8=B0=83=E6=95=B4=E5=8F=8A=E4=B8=BB?=
 =?UTF-8?q?=E6=9C=BA=E5=88=97=E8=A1=A8=E5=A4=8D=E5=88=B6=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20#7903?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resource-manage/pool/host-list/Index.vue  |  1 +
 .../components/SpecDevice.vue                 | 24 ++++++++++++-------
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/host-list/Index.vue
index 27f30e86ba..6148e0a580 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/Index.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/host-list/Index.vue
@@ -278,6 +278,7 @@
     fetchList({
       offset: 0,
       limit: -1,
+      ...searchParams,
     }).then((data) => {
       const ipList = data.results.map(item => item.ip);
       execCopy(ipList.join('\n'), `${t('复制成功n个IP', { n: ipList.length })}\n`);
diff --git a/dbm-ui/frontend/src/views/resource-manage/spec/components/spec-form-item/spec-device-or-cpu-mem/components/SpecDevice.vue b/dbm-ui/frontend/src/views/resource-manage/spec/components/spec-form-item/spec-device-or-cpu-mem/components/SpecDevice.vue
index d88b000e62..774a27d62e 100644
--- a/dbm-ui/frontend/src/views/resource-manage/spec/components/spec-form-item/spec-device-or-cpu-mem/components/SpecDevice.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/spec/components/spec-form-item/spec-device-or-cpu-mem/components/SpecDevice.vue
@@ -88,14 +88,15 @@
 </template>
 
 <script setup lang="ts">
+  import _ from 'lodash';
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
 
   import { fetchDeviceClass } from '@services/source/dbresourceResource';
 
-  // interface Props {
-  //   isEdit: boolean;
-  // }
+  interface Props {
+    isEdit: boolean;
+  }
 
   interface DeviceClassListItem {
     cpu: number;
@@ -104,9 +105,9 @@
     value: string;
   }
 
-  // const props = withDefaults(defineProps<Props>(), {
-  //   isEdit: false,
-  // });
+  const props = withDefaults(defineProps<Props>(), {
+    isEdit: false,
+  });
 
   const modelValue = defineModel<string[]>({
     default: () => [],
@@ -140,6 +141,7 @@
   ];
 
   let isAppend = false;
+  let oldData: string[] = [];
 
   const { loading: isLoading, run: getDeviceClassList } = useRequest(fetchDeviceClass, {
     manual: true,
@@ -172,6 +174,7 @@
     () => modelValue.value,
     () => {
       if (modelValue.value.length > 0 && modelValue.value[0] !== '-1') {
+        oldData = _.cloneDeep(modelValue.value);
         // 批量查询已选中的机型
         searchParams.name = modelValue.value.join(',');
         getDeviceClassList(searchParams);
@@ -185,9 +188,12 @@
   );
 
   const handleTagClose = (index: number) => {
-    // if (props.isEdit) {
-    //   return;
-    // }
+    if (props.isEdit) {
+      const value = modelValue.value[index];
+      if (oldData.includes(value)) {
+        return;
+      }
+    }
     modelValue.value.splice(index, 1);
   };