feature: Agent 导入表头支持云区域搜索 (closed TencentBlueKing#913)

GONGONGONG · Jul 11, 2022 · 2b75340 · 2b75340
1 parent 9baf3cc
commit 2b75340
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 0 deletions.
diff --git a/dev_log/2.2.19/daoqgong202207111755.yaml b/dev_log/2.2.19/daoqgong202207111755.yaml
@@ -0,0 +1,3 @@
+---
+feature:
+  - "Agent 导入表头支持云区域搜索 (closed #913)"
diff --git a/frontend/src/components/setup-table/input-type.vue b/frontend/src/components/setup-table/input-type.vue
@@ -57,6 +57,7 @@
       :permission="permission"
       :ref="type"
       :clearable="false"
+      :searchable="searchable"
       :value="inputValue"
       :popover-options="{ 'boundary': 'window' }"
       :placeholder="placeholder"
@@ -184,6 +185,7 @@ export default class InputType extends Mixins(emitter) {
   @Prop({ type: Boolean, default: false }) private readonly disabled!: boolean;
   @Prop({ type: String, default: window.i18n.t('请输入') }) private placeholder!: string;
   @Prop({ type: Boolean, default: true }) private readonly multiple!: boolean; // biz select 框是否支持多选
+  @Prop({ type: Boolean, default: false }) private readonly searchable!: boolean;
   @Prop({ type: Array, default: () => ([]) }) private options!: Dictionary[]; // 下拉框数据源
   @Prop({ type: Number, default: 0 }) private popoverMinWidth!: number;
   @Prop({ type: Boolean, default: true }) private readonly autoRequest!: boolean;

diff --git a/frontend/src/components/setup-table/install-table.vue b/frontend/src/components/setup-table/install-table.vue
@@ -32,6 +32,7 @@
                     subTitle: config.subTitle,
                     options: getCellInputOptions({}, config),
                     multiple: !!config.multiple,
+                    searchable: !!config.searchable,
                     placeholder: config.placeholder,
                     appendSlot: config.appendSlot
                   }"

diff --git a/frontend/src/components/setup-table/table-header.vue b/frontend/src/components/setup-table/table-header.vue
@@ -66,6 +66,7 @@
                   options: options,
                   multiple: multiple,
                   appendSlot: appendSlot,
+                  searchable: searchable,
                   placeholder
                 }"
                 v-model="value"
@@ -106,6 +107,7 @@ export default class TableHeader extends Vue {
   @Prop({ type: String, default: '' }) private readonly subTitle!: string; // 批量编辑提示信息
   @Prop({ type: Array, default: () => ([]) }) private options!: Dictionary[]; // 下拉框数据源
   @Prop({ type: Boolean, default: false }) private readonly multiple!: boolean; // 是否支持多选
+  @Prop({ type: Boolean, default: false }) private readonly searchable!: boolean;
   @Prop({ type: String, default: '' }) private readonly placeholder!: string;
   @Prop({ type: String, default: '' }) private readonly appendSlot!: string;
 

diff --git a/frontend/src/views/agent/config/importTableConfig.js b/frontend/src/views/agent/config/importTableConfig.js
@@ -41,6 +41,7 @@ export const tableConfig = [
     prop: 'bk_cloud_id',
     type: 'select',
     batch: true,
+    searchable: true,
     required: true,
     noRequiredMark: false,
     popoverMinWidth: 160,
@@ -273,6 +274,7 @@ export const tableManualConfig = [
     prop: 'bk_cloud_id',
     type: 'select',
     batch: true,
+    searchable: true,
     required: true,
     noRequiredMark: false,
     popoverMinWidth: 160,