|
@@ -1,11 +1,9 @@
|
|
|
<template>
|
|
|
<a-card :bordered="false">
|
|
|
-
|
|
|
<!-- 查询区域 -->
|
|
|
<div class="table-page-search-wrapper">
|
|
|
<a-form layout="inline">
|
|
|
<a-row :gutter="24">
|
|
|
-
|
|
|
<a-col :md="6" :sm="8">
|
|
|
<a-form-item label="头条账号id">
|
|
|
<a-input placeholder="请输入头条账号id" v-model="queryParam.accountId"></a-input>
|
|
@@ -17,30 +15,33 @@
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
|
|
|
- <a-col :md="6" :sm="8">
|
|
|
- <a-form-item label="定向人群包列表">
|
|
|
- <a-input placeholder="请输入定向人群包列表" v-model="queryParam.retargetingTagsInclude"></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :md="6" :sm="8">
|
|
|
- <a-form-item label="排除人群包列表">
|
|
|
- <a-input placeholder="请输入排除人群包列表" v-model="queryParam.retargetingTagsExclude"></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :md="6" :sm="8">
|
|
|
- <a-form-item label="受众性别">
|
|
|
- <a-input placeholder="请输入受众性别" v-model="queryParam.gender"></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
+ <a-form-item label="定向人群包列表">
|
|
|
+ <a-input placeholder="请输入定向人群包列表" v-model="queryParam.retargetingTagsInclude"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
+ <a-form-item label="排除人群包列表">
|
|
|
+ <a-input placeholder="请输入排除人群包列表" v-model="queryParam.retargetingTagsExclude"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
+ <a-form-item label="受众性别">
|
|
|
+ <a-input placeholder="请输入受众性别" v-model="queryParam.gender"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
|
|
|
- <a-col :md="6" :sm="8" >
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
|
|
<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
|
|
|
- <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
|
|
|
-
|
|
|
+ <a-button
|
|
|
+ type="primary"
|
|
|
+ @click="searchReset"
|
|
|
+ icon="reload"
|
|
|
+ style="margin-left: 8px"
|
|
|
+ >重置</a-button>
|
|
|
</span>
|
|
|
</a-col>
|
|
|
-
|
|
|
</a-row>
|
|
|
</a-form>
|
|
|
</div>
|
|
@@ -49,10 +50,9 @@
|
|
|
<div class="table-operator">
|
|
|
<a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
|
|
|
</div>
|
|
|
-
|
|
|
+ <!-- <transfer :checkData.sync="dataBox" /> -->
|
|
|
<!-- table区域-begin -->
|
|
|
<div>
|
|
|
-
|
|
|
<a-table
|
|
|
ref="table"
|
|
|
size="middle"
|
|
@@ -63,12 +63,11 @@
|
|
|
:pagination="ipagination"
|
|
|
:loading="loading"
|
|
|
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
|
|
|
- @change="handleTableChange">
|
|
|
-
|
|
|
+ @change="handleTableChange"
|
|
|
+ >
|
|
|
<span slot="action" slot-scope="text, record">
|
|
|
<a @click="handleEdit(record)">编辑</a>
|
|
|
</span>
|
|
|
-
|
|
|
</a-table>
|
|
|
</div>
|
|
|
<!-- table区域-end -->
|
|
@@ -79,221 +78,228 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import ByteDanceUserOrientationTemplateModal from './modules/ByteDanceUserOrientationTemplateModal'
|
|
|
- import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
|
|
+import ByteDanceUserOrientationTemplateModal from './modules/ByteDanceUserOrientationTemplateModal'
|
|
|
+import transfer from './modules/transferCity'
|
|
|
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
|
|
|
|
|
- export default {
|
|
|
- name: "ByteDanceUserOrientationTemplateList",
|
|
|
- mixins:[JeecgListMixin],
|
|
|
- components: {
|
|
|
- ByteDanceUserOrientationTemplateModal
|
|
|
- },
|
|
|
- data () {
|
|
|
- return {
|
|
|
- description: '今日头条受众模板信息管理页面',
|
|
|
- // 表头
|
|
|
- columns: [
|
|
|
- {
|
|
|
- title: '#',
|
|
|
- dataIndex: '',
|
|
|
- key:'rowIndex',
|
|
|
- width:60,
|
|
|
- align:"center",
|
|
|
- customRender:function (t,r,index) {
|
|
|
- return parseInt(index)+1;
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- title: '头条账号id',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'accountId'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '广告主id',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'advertiserId'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '定向人群包列表',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'retargetingTagsInclude'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '排除人群包列表',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'retargetingTagsExclude'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '受众性别',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'gender'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '年龄',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'age'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '受众最低android版本',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'androidOsv'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '受众最低ios版本',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'iosOsv'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '运营商类型',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'carrier'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '受众网络类型',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'ac'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '手机品牌',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'deviceBrand'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '受众文章分类',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'articleCategory'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '用户首次激活时间',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'activateType'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '受众平台',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'platform'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '地域定向城市或者区县列表',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'city'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '商圈ID数组',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'businessIds'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '地域类型',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'district'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '受众位置类型',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'locationType'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '兴趣分类',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'adTag'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '兴趣关键词, 传入具体的词id,非兴趣词包id',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'interestTags'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '行为定向',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'appBehaviorTarget'
|
|
|
- },
|
|
|
- {
|
|
|
- title: 'APP行为定向,分类集合',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'appCategory'
|
|
|
- },
|
|
|
- {
|
|
|
- title: 'APP行为定向,APP集合',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'appIds'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '产品目录ID(ID由查询产品目录接口得到)',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'productPlatformId'
|
|
|
- },
|
|
|
- {
|
|
|
- title: 'H5地址参数',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'externalUrlParams'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '直达链接参数',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'openUrlParams'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '是否自定义商品定向',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'dpaLocalAudience'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '排除人群包',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'excludeCustomActions'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '包含人群包',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'includeCustomActions'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '精选流量包',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'superiorPopularityType'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '定向流量包ID数组',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'flowPackage'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '排除流量包ID数组',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'excludeFlowPackage'
|
|
|
- },
|
|
|
- {
|
|
|
- title: 'status',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'status'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '操作',
|
|
|
- dataIndex: 'action',
|
|
|
- align:"center",
|
|
|
- scopedSlots: { customRender: 'action' },
|
|
|
+export default {
|
|
|
+ name: 'ByteDanceUserOrientationTemplateList',
|
|
|
+ mixins: [JeecgListMixin],
|
|
|
+ components: {
|
|
|
+ ByteDanceUserOrientationTemplateModal,
|
|
|
+ transfer
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ description: '今日头条受众模板信息管理页面',
|
|
|
+ // 表头
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ title: '#',
|
|
|
+ dataIndex: '',
|
|
|
+ key: 'rowIndex',
|
|
|
+ width: 60,
|
|
|
+ align: 'center',
|
|
|
+ customRender: function(t, r, index) {
|
|
|
+ return parseInt(index) + 1
|
|
|
}
|
|
|
- ],
|
|
|
- url: {
|
|
|
- list: "/ctop/byteDanceUserOrientationTemplate/list",
|
|
|
- delete: "/ctop/byteDanceUserOrientationTemplate/delete",
|
|
|
- deleteBatch: "/ctop/byteDanceUserOrientationTemplate/deleteBatch",
|
|
|
- exportXlsUrl: "ctop/byteDanceUserOrientationTemplate/exportXls",
|
|
|
- importExcelUrl: "ctop/byteDanceUserOrientationTemplate/importExcel",
|
|
|
- },
|
|
|
- }
|
|
|
- },
|
|
|
- computed: {
|
|
|
- importExcelUrl: function(){
|
|
|
- return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
-
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '头条账号id',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'accountId'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '广告主id',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'advertiserId'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '定向人群包列表',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'retargetingTagsInclude'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '排除人群包列表',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'retargetingTagsExclude'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '受众性别',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'gender'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '年龄',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'age'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '受众最低android版本',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'androidOsv'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '受众最低ios版本',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'iosOsv'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '运营商类型',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'carrier'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '受众网络类型',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'ac'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '手机品牌',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'deviceBrand'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '受众文章分类',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'articleCategory'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '用户首次激活时间',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'activateType'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '受众平台',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'platform'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '地域定向城市或者区县列表',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'city'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '商圈ID数组',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'businessIds'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '地域类型',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'district'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '受众位置类型',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'locationType'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '兴趣分类',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'adTag'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '兴趣关键词, 传入具体的词id,非兴趣词包id',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'interestTags'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '行为定向',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'appBehaviorTarget'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: 'APP行为定向,分类集合',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'appCategory'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: 'APP行为定向,APP集合',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'appIds'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '产品目录ID(ID由查询产品目录接口得到)',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'productPlatformId'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: 'H5地址参数',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'externalUrlParams'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '直达链接参数',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'openUrlParams'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '是否自定义商品定向',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'dpaLocalAudience'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '排除人群包',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'excludeCustomActions'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '包含人群包',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'includeCustomActions'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '精选流量包',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'superiorPopularityType'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '定向流量包ID数组',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'flowPackage'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '排除流量包ID数组',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'excludeFlowPackage'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: 'status',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'status'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '操作',
|
|
|
+ dataIndex: 'action',
|
|
|
+ align: 'center',
|
|
|
+ scopedSlots: { customRender: 'action' }
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ url: {
|
|
|
+ list: '/ctop/byteDanceUserOrientationTemplate/list',
|
|
|
+ delete: '/ctop/byteDanceUserOrientationTemplate/delete',
|
|
|
+ deleteBatch: '/ctop/byteDanceUserOrientationTemplate/deleteBatch',
|
|
|
+ exportXlsUrl: 'ctop/byteDanceUserOrientationTemplate/exportXls',
|
|
|
+ importExcelUrl: 'ctop/byteDanceUserOrientationTemplate/importExcel'
|
|
|
+ },
|
|
|
+ widthCount: '100%',
|
|
|
+ showClass: false,
|
|
|
+ dataBox: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ importExcelUrl: function() {
|
|
|
+ return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ a() {
|
|
|
+ this.showClass = true
|
|
|
}
|
|
|
}
|
|
|
+}
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
- @import '~@assets/less/common.less'
|
|
|
+@import '~@assets/less/common.less';
|
|
|
</style>
|