From 99e489accf5480038f7ad3e61baa720e9a78660e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?=
 <liuhonghong@geedgenetworks.com>
Date: Wed, 20 Nov 2024 11:07:02 +0800
Subject: [PATCH] =?UTF-8?q?CN-1734=20fix:=201=E3=80=81=E4=BF=AE=E5=A4=8Den?=
 =?UTF-8?q?tity=20setting=E7=9A=84mapping=E6=9C=80=E5=90=8E=E4=B8=80?=
 =?UTF-8?q?=E9=A1=B9=E4=BC=9A=E7=A9=BA=E6=A0=A1=E9=AA=8C=EF=BC=8C=E4=BD=86?=
 =?UTF-8?q?=E6=98=AF=E7=82=B9=E5=85=B6=E4=BB=96=E8=A1=8C=E7=9A=84+?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=9A=E6=B7=BB=E5=8A=A0=E6=96=B0=E9=A1=B9=E5=8D=B4?=
 =?UTF-8?q?=E4=B8=8D=E7=A9=BA=E6=A0=A1=E9=AA=8C=E7=9A=84=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=EF=BC=9B2=E3=80=81=E4=BF=AE=E5=A4=8Dmapping=E5=9D=97=E7=BA=A7?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=8C=89=E9=92=AE=E6=B2=A1=E5=8F=8D=E5=BA=94?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98=EF=BC=9B3=E3=80=81=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8Dentity=20setting=E6=96=B0=E5=A2=9E=E9=A1=B5collapse?=
 =?UTF-8?q?=E5=85=A8=E5=B1=95=E5=BC=80=E6=97=B6=EF=BC=8C=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF=E8=89=B2=E6=B2=A1=E5=85=A8=E4=BA=AE=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../entitySetting/EntitySettingForm.vue       | 90 ++++++++-----------
 1 file changed, 38 insertions(+), 52 deletions(-)

diff --git a/src/views/setting/entitySetting/EntitySettingForm.vue b/src/views/setting/entitySetting/EntitySettingForm.vue
index f5525932..f65ce24d 100644
--- a/src/views/setting/entitySetting/EntitySettingForm.vue
+++ b/src/views/setting/entitySetting/EntitySettingForm.vue
@@ -14,7 +14,7 @@
           <el-collapse-item name="1">
             <template #title>
               <div class="form-collapse-header">
-                <div :class="activeNames[0]==='1' ? 'form-collapse-header-no-active' : 'form-collapse-header-no'">1</div>
+                <div :class="activeNames.indexOf('1')>-1 ? 'form-collapse-header-no-active' : 'form-collapse-header-no'">1</div>
                 <div class="form-collapse-header-title">{{ $t('detection.create.generalSettings') }}</div>
               </div>
             </template>
@@ -118,7 +118,7 @@
           <el-collapse-item name="2">
             <template #title>
               <div class="form-collapse-header">
-                <div :class="activeNames[0]==='2' ? 'form-collapse-header-no-active' : 'form-collapse-header-no'">2
+                <div :class="activeNames.indexOf('2')>-1 ? 'form-collapse-header-no-active' : 'form-collapse-header-no'">2
                 </div>
                 <div class="form-collapse-header-title">{{ $t('setting.relation') }}</div>
               </div>
@@ -248,7 +248,6 @@ export default {
         { label: 'Domain', value: 'Domain' },
         { label: 'APP', value: 'APP' }
       ],
-      isCloseMappingItem: false, // 删除mapping标识
       showMappingType: false,
       mappingItemType: '', // 添加mapping映射类型
       typeList: [
@@ -296,7 +295,7 @@ export default {
             type: 'ip',
             name: 'IP',
             list: [
-              { entityField: 'ip', sourceField: '', delFlag: false }
+              { entityField: 'ip', sourceField: '' }
             ],
             mapping: {}
           }
@@ -366,9 +365,8 @@ export default {
             entities.forEach(item => {
               const list = []
               for (const [key, value] of Object.entries(item.mapping)) {
-                list.push({ entityField: key, sourceField: value.toString(), delFlag: true })
+                list.push({ entityField: key, sourceField: value.toString() })
               }
-              list[0].delFlag = false
               item.list = list
             })
             this.editObj.schemaMappingData.data = entities
@@ -420,10 +418,9 @@ export default {
         index: this.editObj.schemaMappingData.data.length + 1,
         type: this.mappingItemType,
         name: name,
-        list: [{ entityField: settingFields[this.mappingItemType][0].fieldName, sourceField: '', delFlag: false }],
+        list: [{ entityField: settingFields[this.mappingItemType][0].fieldName, sourceField: '' }],
         mapping: {}
       })
-      this.isCloseMappingItem = true
       this.showMappingType = false
       this.mappingItemType = ''
     },
@@ -444,35 +441,49 @@ export default {
         return valid
       })
       if (valid1 && valid2) {
-        this.editObj.schemaMappingData.data[index].list.push({ entityField: '', sourceField: '', delFlag: true })
-        this.isCloseMappingItem = true
+        const emptyIndex = this.editObj.schemaMappingData.data[index].list.findIndex(d => !d.entityField || !d.sourceField)
+        if (emptyIndex === -1) {
+          this.editObj.schemaMappingData.data[index].list.push({ entityField: '', sourceField: '' })
+        } else {
+          this.$refs.mappingForm.validateField(`data.${index}.list.${emptyIndex}.entityField`, () => null)
+          this.$refs.mappingForm.validateField(`data.${index}.list.${emptyIndex}.sourceField`, () => null)
+        }
       }
     },
     /** 删除mapping下的子项 **/
     deleteMappingItem (index, ind) {
       const currentIndex = this.editObj.schemaMappingData.data[index].index
       const obj = this.editObj.relationData.data.find(d => d.from_entity_index === currentIndex || d.to_entity_index === currentIndex)
-      if (obj && this.editObj.schemaMappingData.data[index].list.length === 1) {
-        const name = this.editObj.schemaMappingData.data[index].name
-        ElMessageBox.alert(`${name}  ${this.$t('setting.deleteMappingTip')}`, this.$t('overall.tip'), {
-          confirmButtonText: 'OK',
-          callback: () => {}
-        })
+      if (obj) {
+        // 在relation中有关联的，删除子项不提示，删除块级mapping才提示
+        if (ind >= 0) {
+          this.editObj.schemaMappingData.data[index].list.splice(ind, 1)
+        } else {
+          const name = this.editObj.schemaMappingData.data[index].name
+          ElMessageBox.alert(`${name}  ${this.$t('setting.deleteMappingTip')}`, this.$t('overall.tip'), {
+            confirmButtonText: 'OK',
+            callback: () => {}
+          })
+        }
       } else {
+        // 删除mapping同类型的，name需要重新排序，先获取type，避免删除后获取不到type
         const type = this.editObj.schemaMappingData.data[index].type
-        if (this.editObj.schemaMappingData.data[index].list.length > 1) {
-          if (ind >= 0) {
-            this.editObj.schemaMappingData.data[index].list.splice(ind, 1)
-          }
+        // 删除mapping的大块或者其子项，删除后排序index
+        if (ind >= 0) {
+          this.editObj.schemaMappingData.data[index].list.splice(ind, 1)
         } else {
           this.editObj.schemaMappingData.data.splice(index, 1)
+          this.editObj.schemaMappingData.data.forEach((item, i) => {
+            item.index = i + 1
+          })
         }
 
-        this.editObj.schemaMappingData.data.forEach((item, index) => {
-          item.index = index + 1
-        })
-
-        // 删除同类型的，name需要重新排序
+        if (this.editObj.schemaMappingData.data.length === 0) {
+          this.sourceOption.forEach(item => {
+            item.disabled = false
+          })
+          return true
+        }
         const list = this.editObj.schemaMappingData.data.filter(d => d.type === type)
         if (list && list.length > 0) {
           if (list.length === 1) {
@@ -483,6 +494,8 @@ export default {
             })
           }
         }
+
+        // 判断sourceFiled（即mapping第二列）是否引用了source，如果引用，删除mapping之后，source下拉框的禁选解除，可正常选择source
         let usedFlag = false
         if (this.editObj.schemaMappingData.data.length > 0) {
           this.editObj.schemaMappingData.data.forEach(item => {
@@ -494,7 +507,6 @@ export default {
         } else {
           usedFlag = false
         }
-
         if (usedFlag && this.editObj.sourceId) {
           this.sourceOption.forEach(item => {
             item.disabled = item.id !== this.editObj.sourceId
@@ -590,32 +602,6 @@ export default {
     changeToEntity (index) {
       this.editObj.relationData.data[index].toDisabled = true
     },
-    /** 获取Rule Definition折叠板form数据 */
-    getRuleObj (data) {
-      if (data.dataSource && data.knowledgeId && data.level) {
-        data.editFlag = false
-        data.saveFlag = true
-        this.handleActiveNames('2', this.activeNames, data.ruleNoContinue)
-      }
-      this.ruleObj = JSON.parse(JSON.stringify(data))
-    },
-    /** 自动展开收起折叠板 */
-    handleActiveNames (name, arr, flag) {
-      if (!flag) {
-        const list = arr
-        list.splice(list.indexOf(name), 1)
-        if (name === '1' && list.indexOf('2') < 0) {
-          list.push('2')
-        }
-        if (name === '2' && list.indexOf('3') < 0) {
-          list.push('3')
-        }
-        this.activeNames = []
-        list.forEach(t => {
-          this.activeNames.push(t)
-        })
-      }
-    },
     /** 创建entity */
     async saveEntity () {
       const valid1 = await this.$refs.sourceForm.validate((valid) => {