From e67db3772fa7807c2bf384c1403283de5f9a15b1 Mon Sep 17 00:00:00 2001
From: dengbf <dengbf@aliyun.com>
Date: Wed, 11 Jun 2025 15:26:11 +0800
Subject: [PATCH] =?UTF-8?q?[=E4=BF=AE=E5=A4=8D]=20=E8=87=AA=E5=8A=A8?=
 =?UTF-8?q?=E5=8C=96=EF=BC=9A=E6=89=A7=E8=A1=8C=E7=9B=AE=E6=A0=87=E8=8A=82?=
 =?UTF-8?q?=E7=82=B9=E6=9F=A5=E7=9C=8B=E6=95=B0=E6=8D=AE=E5=BC=95=E7=94=A8?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/addTarget/add-input.vue |   2 +-
 .../components/common/addTarget/add-node.vue  |   2 +-
 .../common/addTarget/more-target.vue          | 182 ++++++++++++++++++
 .../common/targetView/node-view.vue           |   2 +-
 .../param/edit/node/node-dialog.vue           |   2 +-
 .../components/param/readonly/node.vue        |   2 +-
 .../autoexec/components/param/view/node.vue   |   2 +-
 .../detail/actionDetail/group/node-view.vue   |   2 +-
 .../detail/actionDetail/node-list.vue         |   2 +-
 .../module/more-instance-dialog.vue           |   4 +-
 10 files changed, 192 insertions(+), 10 deletions(-)
 create mode 100644 src/views/pages/autoexec/components/common/addTarget/more-target.vue

diff --git a/src/views/pages/autoexec/components/common/addTarget/add-input.vue b/src/views/pages/autoexec/components/common/addTarget/add-input.vue
index 0055bda3..c1f59318 100644
--- a/src/views/pages/autoexec/components/common/addTarget/add-input.vue
+++ b/src/views/pages/autoexec/components/common/addTarget/add-input.vue
@@ -79,7 +79,7 @@ import {mutations} from '@/views/pages/autoexec/detail/actionDetail/actionState.
 export default {
   name: '',
   components: {
-    MoreTarget: () => import('@/resources/components/FormMaker/formedit/view/resourceinput/more-target.vue'),
+    MoreTarget: () => import('./more-target.vue'),
     NodeView: () => import('../targetView/node-view')
   },
   filtes: {},
diff --git a/src/views/pages/autoexec/components/common/addTarget/add-node.vue b/src/views/pages/autoexec/components/common/addTarget/add-node.vue
index 7cd141bb..7d7e6594 100644
--- a/src/views/pages/autoexec/components/common/addTarget/add-node.vue
+++ b/src/views/pages/autoexec/components/common/addTarget/add-node.vue
@@ -87,7 +87,7 @@ export default {
   components: {
     FilterSearch,
     TsTable: () => import('@/resources/components/TsTable/TsTable.vue'),
-    MoreTarget: () => import('@/resources/components/FormMaker/formedit/view/resourceinput/more-target.vue'),
+    MoreTarget: () => import('./more-target.vue'),
     NodeView: () => import('../targetView/node-view')
   },
   filtes: {},
diff --git a/src/views/pages/autoexec/components/common/addTarget/more-target.vue b/src/views/pages/autoexec/components/common/addTarget/more-target.vue
new file mode 100644
index 00000000..1738be63
--- /dev/null
+++ b/src/views/pages/autoexec/components/common/addTarget/more-target.vue
@@ -0,0 +1,182 @@
+<template>
+  <TsDialog
+    type="modal"
+    :isShow="visible"
+    v-bind="dialogConfig"
+    height="400px"
+    :hasMask="hasMask"
+    @on-close="close()"
+  >
+    <div class="input-border" style="text-align: right;">
+      <Input
+        v-model="keyword"
+        style="width:240px"
+        search
+        :placeholder="$t('form.placeholder.pleaseinput',{'target':'ip'})"
+        @on-search="filterData"
+      />
+    </div>
+    <div style="padding-top:16px">
+      <TsRow :gutter="10">
+        <template v-for="(data,index) in currentDataList">
+          <Col
+            v-if="!data._isHidden"
+            :key="index"
+            :span="8"
+          >
+            <div class="item bg-op border-color overflow" :title="targetText(data)">
+              {{ targetText(data) }} 
+              <i v-if="!isReadonly" class="remove tsfont-close text-grey" @click="removeItem(index)"></i>
+            </div>
+          </Col>
+        </template>  
+      </TsRow>
+      <NoData v-if="searchList.length == 0"></NoData>
+    </div>
+    <template v-slot:footer>
+      <template v-if="!isReadonly">
+        <Button type="primary" ghost @click.native="onOk('removeAll')">{{ $t('page.clear') }}</Button>
+        <Button type="primary" @click="onOk('save')">{{ $t('page.confirm') }}</Button>
+      </template>
+    </template>
+  </TsDialog>
+</template>
+<script>
+export default {
+  name: '',
+  components: {
+  },
+  model: {
+    prop: 'visible',
+    event: 'change'
+  },
+  filtes: {},
+  props: {
+    isReadonly: {
+      type: Boolean,
+      default: false
+    },
+    visible: {
+      default: false
+    },
+    dataList: {
+      type: Array
+    },
+    hasMask: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    let _this = this;
+    return {
+      dialogConfig: {
+        title: this.$t('page.viewall'),
+        hasFooter: !_this.isReadonly,
+        maskClose: _this.isReadonly
+      },
+      keyword: '',
+      checkAll: false,
+      showDialog: true,
+      currentDataList: [],
+      searchList: []
+    };
+  },
+  beforeCreate() {},
+  created() {
+    this.searchList = this.dataList;
+  },
+  beforeMount() {},
+  mounted() {},
+  beforeUpdate() {},
+  updated() {},
+  activated() {},
+  deactivated() {},
+  beforeDestroy() {},
+  destroyed() {},
+  methods: {
+    onOk(type) {
+      this.keyword = '';
+      if (type) {
+        if (type == 'removeAll') { //清空所有
+          this.$emit('on-ok', []);
+        } else if ('save') { //保存
+          let list = this.currentDataList.filter(item => delete item._isHidden);
+          this.$emit('on-ok', list);
+        }
+      }
+    },
+    removeItem(index) {
+      this.currentDataList.splice(index, 1);
+    },
+    batchRemove() {
+      this.currentDataList = this.currentDataList.filter(item => {
+        return !item._isSelect;
+      });
+    },
+    filterData() {
+      let searchList = [];
+      let _this = this;
+      this.currentDataList.forEach(item => {
+        let nameStr = _this.targetText(item);
+        this.$set(item, '_isHidden', _this.keyword ? !nameStr.includes(_this.keyword) : false);
+        if (nameStr.includes(_this.keyword)) {
+          searchList.push(item);
+        }
+      });
+      this.searchList = searchList;
+    },
+    close() {
+      this.$emit('on-ok');
+    }
+  },
+  computed: {
+    targetText() {
+      return data => {
+        return data.port && data.name ? data.ip + ':' + data.port + '/' + data.name : data.port && !data.name ? data.ip + ':' + data.port : data.ip;
+      };
+    }
+  },
+  watch: {
+    dataList: {
+      handler(val) {
+        this.currentDataList = [].concat(val || []);
+      },
+      immediate: true,
+      deep: true
+    }
+  }
+};
+</script>
+<style lang='less' scoped>
+.item{
+  width: 100%;
+  margin-bottom: 10px;
+  display: inline-block;
+  position: relative;
+  height: 32px;
+  line-height: 30px;
+  padding: 0 4px;
+  border: 1px solid;
+  text-align: center;
+  border-radius: 4px;
+  .remove {
+    position: absolute;
+    right: 0px;
+    top: 0px;
+    width: 16px;
+    height: 16px;
+    line-height: 16px;
+    display: none;
+    cursor: pointer;
+  }
+  &:hover{
+    .remove {
+      display: block;
+    }
+  }
+}
+.batchRemove{
+  // margin-left: 16px;
+}
+</style>
diff --git a/src/views/pages/autoexec/components/common/targetView/node-view.vue b/src/views/pages/autoexec/components/common/targetView/node-view.vue
index 5ccff212..afdde2bf 100644
--- a/src/views/pages/autoexec/components/common/targetView/node-view.vue
+++ b/src/views/pages/autoexec/components/common/targetView/node-view.vue
@@ -27,7 +27,7 @@
 export default {
   name: '',
   components: {
-    MoreTarget: () => import('@/resources/components/FormMaker/formedit/view/resourceinput/more-target.vue')
+    MoreTarget: () => import('@/views/pages/autoexec/components/common/addTarget/more-target.vue')
   },
   filters: {
   },
diff --git a/src/views/pages/autoexec/components/param/edit/node/node-dialog.vue b/src/views/pages/autoexec/components/param/edit/node/node-dialog.vue
index 949a47a3..30ef27b3 100644
--- a/src/views/pages/autoexec/components/param/edit/node/node-dialog.vue
+++ b/src/views/pages/autoexec/components/param/edit/node/node-dialog.vue
@@ -105,7 +105,7 @@ export default {
     FilterSearch: () => import('@/views/pages/autoexec/components/common/filter-search.vue'),
     TsTable: () => import('@/resources/components/TsTable/TsTable.vue'),
     PoptipSelect: () => import('@/resources/components/PoptipSelect/PoptipSelect.vue'),
-    MoreTarget: () => import('@/resources/components/FormMaker/formedit/view/resourceinput/more-target.vue')
+    MoreTarget: () => import('@/views/pages/autoexec/components/common/addTarget/more-target.vue')
 
   },
   model: {
diff --git a/src/views/pages/autoexec/components/param/readonly/node.vue b/src/views/pages/autoexec/components/param/readonly/node.vue
index 7b8eeeef..c96fc8a2 100644
--- a/src/views/pages/autoexec/components/param/readonly/node.vue
+++ b/src/views/pages/autoexec/components/param/readonly/node.vue
@@ -27,7 +27,7 @@
 export default {
   name: '',
   components: {
-    MoreTarget: () => import('@/resources/components/FormMaker/formedit/view/resourceinput/more-target.vue')
+    MoreTarget: () => import('@/views/pages/autoexec/components/common/addTarget/more-target.vue')
   },
   props: {
     value: Array
diff --git a/src/views/pages/autoexec/components/param/view/node.vue b/src/views/pages/autoexec/components/param/view/node.vue
index eb573636..67675820 100644
--- a/src/views/pages/autoexec/components/param/view/node.vue
+++ b/src/views/pages/autoexec/components/param/view/node.vue
@@ -57,7 +57,7 @@ export default {
   components: {
     AddNode,
     // AddNode: () => import('@/views/pages/autoexec/components/param/edit/node/add-node.vue'),
-    MoreTarget: () => import('@/resources/components/FormMaker/formedit/view/resourceinput/more-target.vue')
+    MoreTarget: () => import('@/views/pages/autoexec/components/common/addTarget/more-target.vue')
   },
   filters: {},
   mixins: [viewmixin],
diff --git a/src/views/pages/autoexec/detail/actionDetail/group/node-view.vue b/src/views/pages/autoexec/detail/actionDetail/group/node-view.vue
index 82aa85ba..f1df3c97 100644
--- a/src/views/pages/autoexec/detail/actionDetail/group/node-view.vue
+++ b/src/views/pages/autoexec/detail/actionDetail/group/node-view.vue
@@ -25,7 +25,7 @@
 export default {
   name: '',
   components: {
-    MoreTarget: () => import('@/resources/components/FormMaker/formedit/view/resourceinput/more-target.vue')
+    MoreTarget: () => import('@/views/pages/autoexec/components/common/addTarget/more-target.vue')
   },
   filters: {
   },
diff --git a/src/views/pages/autoexec/detail/actionDetail/node-list.vue b/src/views/pages/autoexec/detail/actionDetail/node-list.vue
index 98dca489..d66788dd 100644
--- a/src/views/pages/autoexec/detail/actionDetail/node-list.vue
+++ b/src/views/pages/autoexec/detail/actionDetail/node-list.vue
@@ -74,7 +74,7 @@ export default {
   components: {
     FilterSearch,
     TsTable: () => import('@/resources/components/TsTable/TsTable.vue'),
-    MoreTarget: () => import('@/resources/components/FormMaker/formedit/view/resourceinput/more-target.vue')
+    MoreTarget: () => import('@/views/pages/autoexec/components/common/addTarget/more-target.vue')
     // NodeView:()=>import('@/views/pages/autoexec/components/common/targetView/node-view')
   },
   filters: {
diff --git a/src/views/pages/deploy/job/publishing/module/more-instance-dialog.vue b/src/views/pages/deploy/job/publishing/module/more-instance-dialog.vue
index 46af7422..2dd9ca45 100644
--- a/src/views/pages/deploy/job/publishing/module/more-instance-dialog.vue
+++ b/src/views/pages/deploy/job/publishing/module/more-instance-dialog.vue
@@ -32,8 +32,8 @@
     </div>
     <template v-slot:footer>
       <template v-if="!disabled">
-        <Button type="primary" ghost @click.native="onOk('removeAll')">全部清空</Button>
-        <Button type="primary" @click="onOk('save')">确定</Button>
+        <Button type="primary" ghost @click.native="onOk('removeAll')">{{ $t('page.clear') }}</Button>
+        <Button type="primary" @click="onOk('save')">{{ $t('page.confirm') }}</Button>
       </template>
     </template>
   </TsDialog>
-- 
Gitee