|
|
@@ -4,12 +4,15 @@
|
|
|
<el-tab-pane :label="t('marketingConfig.ipList')" name="IP分组" class="layout-padding-auto layout-padding-view">
|
|
|
<Title class="ml-4" :title="t('marketingConfig.ipList')" />
|
|
|
<div class="p-4 rounded">
|
|
|
- <el-button type="primary" @click="onClickAdd('ip')">{{ t('marketingConfig.addIpList') }}</el-button>
|
|
|
+ <el-button style="margin-bottom: 10px;" type="primary" @click="onClickAdd('ip')">{{ t('marketingConfig.addIpList') }}</el-button><br>
|
|
|
+ 筛选分组：<el-input placeholder="请输入分组名称" clearable
|
|
|
+ style="display: inline-block; width: 200px; margin-left: 5px;"
|
|
|
+ v-model="queryIPName" />
|
|
|
<div v-if="ipData.length > 0" class="overflow-y-auto mt-2" style="height: calc(100vh - 250px)">
|
|
|
<JCollapse
|
|
|
@update="(item) => onClickEdit(item, 'ip')"
|
|
|
@delete="(item) => onOpenDelete(item, 'ip')"
|
|
|
- :data="ipData"
|
|
|
+ :data="showIPData"
|
|
|
:activeNames="ipActiveId"
|
|
|
:deleteText="t('marketingConfig.deleteListText')"
|
|
|
:updateText="t('marketingConfig.updateText')"
|
|
|
@@ -20,11 +23,14 @@
|
|
|
<el-tab-pane :label="t('marketingConfig.domainList')" name="域名分组" class="layout-padding-auto layout-padding-view">
|
|
|
<Title class="ml-4" :title="t('marketingConfig.domainList')" />
|
|
|
<div class="p-4 rounded">
|
|
|
- <el-button type="primary" @click="onClickAdd('domain')">{{ t('marketingConfig.addDomainList') }}</el-button>
|
|
|
+ <el-button style="margin-bottom: 10px;" type="primary" @click="onClickAdd('domain')">{{ t('marketingConfig.addDomainList') }}</el-button><br>
|
|
|
+ 筛选分组：<el-input placeholder="请输入分组名称" clearable
|
|
|
+ style="display: inline-block; width: 200px; margin-left: 5px;"
|
|
|
+ v-model="queryDomainName" />
|
|
|
<div v-if="domainData.length > 0" class="overflow-y-auto mt-2" style="height: calc(100vh - 250px)">
|
|
|
<JCollapse
|
|
|
@update="(item) => onClickEdit(item, 'domain')"
|
|
|
- :data="domainData"
|
|
|
+ :data="showDomainData"
|
|
|
@delete="(item) => onOpenDelete(item, 'domain')"
|
|
|
:activeNames="domainActiveId"
|
|
|
:deleteText="t('marketingConfig.deleteListText')"
|
|
|
@@ -266,6 +272,14 @@ const JDictSelect = defineAsyncComponent(() => import('/@/components/JDictSelect
|
|
|
const { t } = useI18n();
|
|
|
// 定义变量内容
|
|
|
const activeName = ref('IP分组');
|
|
|
+const queryIPName = ref('');
|
|
|
+const queryDomainName = ref('');
|
|
|
+const showIPData = computed(() => {
|
|
|
+ return ipData.value.filter((item) => item.groupName.includes(queryIPName.value));
|
|
|
+});
|
|
|
+const showDomainData = computed(() => {
|
|
|
+ return domainData.value.filter((item) => item.groupName.includes(queryDomainName.value));
|
|
|
+});
|
|
|
//关闭或打开tabs的关闭按钮
|
|
|
const closeDomainTags = ref(false);
|
|
|
const closeIpTags = ref(false);
|
