|
|
@@ -6,9 +6,10 @@
|
|
|
<div class="p-4 rounded">
|
|
|
<el-button type="primary" @click="onClickAdd('ip')">{{ t('marketingConfig.addIpList') }}</el-button>
|
|
|
<JCollapse
|
|
|
- @update="(item) => onClickEdit(item,'ip')"
|
|
|
+ @update="(item) => onClickEdit(item, 'ip')"
|
|
|
@delete="(item) => console.log(item)"
|
|
|
:data="data"
|
|
|
+ :activeNames="['1', '2', '3']"
|
|
|
:deleteText="t('marketingConfig.deleteListText')"
|
|
|
:updateText="t('marketingConfig.updateText')"
|
|
|
/>
|
|
|
@@ -19,7 +20,8 @@
|
|
|
<div class="p-4 rounded">
|
|
|
<el-button type="primary" @click="onClickAdd('domain')">{{ t('marketingConfig.addDomainList') }}</el-button>
|
|
|
<JCollapse
|
|
|
- @update="(item) => onClickEdit(item,'domain')"
|
|
|
+ :activeNames="['1', '2', '3']"
|
|
|
+ @update="(item) => onClickEdit(item, 'domain')"
|
|
|
:data="data"
|
|
|
@delete="(item) => console.log(item)"
|
|
|
:deleteText="t('marketingConfig.deleteListText')"
|
|
|
@@ -32,10 +34,11 @@
|
|
|
<div class="p-4 rounded">
|
|
|
<JCollapse
|
|
|
:data="[{ title: 'IP集合', id: '1' }]"
|
|
|
+ :activeNames="['1']"
|
|
|
@update="(item) => (listEditOpen = true)"
|
|
|
@delete="(item) => (closeIpTags = !closeIpTags)"
|
|
|
- :deleteText="t('marketingConfig.deleteText')"
|
|
|
- :updateText="t('marketingConfig.updateText')"
|
|
|
+ :deleteText="closeIpTags ? t('marketingConfig.cancel') : t('marketingConfig.deleteIp')"
|
|
|
+ :updateText="t('marketingConfig.addIp')"
|
|
|
>
|
|
|
<template #default>
|
|
|
<div class="border-b p-2 items-center flex flex-wrap">
|
|
|
@@ -73,15 +76,11 @@
|
|
|
|
|
|
<JCollapse
|
|
|
class="mt-4"
|
|
|
- :data="[
|
|
|
- {
|
|
|
- title: '域名集合',
|
|
|
- id: '1',
|
|
|
- },
|
|
|
- ]"
|
|
|
+ :data="[{ title: '域名集合', id: '1' }]"
|
|
|
+ :activeNames="['1']"
|
|
|
@update="(item) => (domainEditOpen = true)"
|
|
|
@delete="(item) => (closeDomainTags = !closeDomainTags)"
|
|
|
- :deleteText="closeTags ? t('marketingConfig.cancel') : t('marketingConfig.deleteDomain')"
|
|
|
+ :deleteText="closeDomainTags ? t('marketingConfig.cancel') : t('marketingConfig.deleteDomain')"
|
|
|
:updateText="t('marketingConfig.addDomain')"
|
|
|
>
|
|
|
<template #default>
|
|
|
@@ -113,14 +112,14 @@
|
|
|
<el-option v-for="item in triggerSelect" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item :label="t('marketingConfig.triggerFrequency')" prop="triggerFrequency" class="w-1/3">
|
|
|
- <el-input v-model="formData.triggerFrequency" type="text" :placeholder="t('marketingConfig.triggerFrequencyTip')"></el-input>
|
|
|
+ <el-form-item :label="t('marketingConfig.triggerFrequency')" prop="triggerFrequency" class="w-1/3 justify-start flex">
|
|
|
+ <el-input-number v-model="formData.triggerFrequency" class="!w-40" :min="1" :max="20" controls-position="right" :placeholder="t('marketingConfig.triggerFrequencyTip')"/>
|
|
|
</el-form-item>
|
|
|
<el-form-item :label="t('marketingConfig.jumpLink')" prop="jumpLink" class="w-1/3">
|
|
|
<el-input v-model="formData.jumpLink" type="text" :placeholder="t('marketingConfig.jumpLinkTip')"></el-input>
|
|
|
</el-form-item>
|
|
|
<div class="w-full">
|
|
|
- <el-button type="primary" @click="onSubmit" class="w-[80px]">{{ t('common.saveBtn') }}</el-button>
|
|
|
+ <el-button type="primary" @click="onSubmit" class="w-[80px] ml-5">{{ t('common.saveBtn') }}</el-button>
|
|
|
</div>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
@@ -129,7 +128,7 @@
|
|
|
<DomainEdit v-model:open="domainEditOpen" />
|
|
|
<ListEdit v-model:open="listEditOpen" />
|
|
|
<GroupingEdit v-model:open="groupingEditOpen" :type="openType" />
|
|
|
- <IpListEdit :type="openType" ref="menuDialogRef"/>
|
|
|
+ <IpListEdit :type="openType" ref="menuDialogRef" />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -138,8 +137,7 @@ import { delObj, pageList, update } from '/@/api/marketing/config';
|
|
|
import { BasicTableProps, useTable } from '/@/hooks/table';
|
|
|
import { useI18n } from 'vue-i18n';
|
|
|
import { useMessage } from '/@/hooks/message';
|
|
|
-import {rule} from '/@/utils/validate';
|
|
|
-
|
|
|
+import { rule } from '/@/utils/validate';
|
|
|
|
|
|
// 引入组件
|
|
|
const JCollapse = defineAsyncComponent(() => import('/@/components/JCollapse/index.vue'));
|
|
|
@@ -191,7 +189,7 @@ const formData = ref({
|
|
|
jumpMode: '',
|
|
|
triggerType: '',
|
|
|
jumpLink: '',
|
|
|
- triggerFrequency:''
|
|
|
+ triggerFrequency: '',
|
|
|
});
|
|
|
|
|
|
// // 表单校验规则
|
|
|
@@ -234,10 +232,10 @@ const onClickAdd = (type: string) => {
|
|
|
openType.value = type;
|
|
|
groupingEditOpen.value = true;
|
|
|
};
|
|
|
-const onClickEdit = (item: any,type: string) => {
|
|
|
+const onClickEdit = (item: any, type: string) => {
|
|
|
openType.value = type;
|
|
|
// ipListEditOpen.value = true;
|
|
|
- onOpenEditMenu(type,item)
|
|
|
+ onOpenEditMenu(type, item);
|
|
|
};
|
|
|
|
|
|
const { getDataList, currentChangeHandle, sizeChangeHandle, tableStyle } = useTable(state);
|
jcq