|
@@ -24,10 +24,10 @@
|
|
<div class="table-default">
|
|
<div class="table-default">
|
|
<el-table :data="tableData" class="mt-3" v-loading="loading">
|
|
<el-table :data="tableData" class="mt-3" v-loading="loading">
|
|
<el-table-column prop="id" label="推广ID" />
|
|
<el-table-column prop="id" label="推广ID" />
|
|
- <el-table-column label="推广名称" show-overflow-tooltip>
|
|
|
|
|
|
+ <el-table-column label="推广名称" show-overflow-tooltip min-width="200px">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div class="wrapper">
|
|
<div class="wrapper">
|
|
- <span class="text-lg font-bold text-blue-400 content">
|
|
|
|
|
|
+ <span class="text-lg content">
|
|
{{ scope.row.name }}
|
|
{{ scope.row.name }}
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
@@ -37,10 +37,11 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column prop="total_episode_num" label="入口章节">
|
|
|
|
|
|
+ <el-table-column prop="miniprogram_name" label="小程序名称" min-width="200px" />
|
|
|
|
+ <el-table-column prop="total_episode_num" label="入口章节" min-width="200px">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div class="wrapper">
|
|
<div class="wrapper">
|
|
- <span class="text-lg font-bold text-blue-400 content">
|
|
|
|
|
|
+ <span class="text-lg content">
|
|
{{ scope.row.video_name }}
|
|
{{ scope.row.video_name }}
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
@@ -49,10 +50,10 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column prop="total_episode_num" label="推广链接">
|
|
|
|
|
|
+ <el-table-column prop="total_episode_num" label="复制链接" min-width="200px">
|
|
<template #header>
|
|
<template #header>
|
|
<div class="flex items-center">
|
|
<div class="flex items-center">
|
|
- <span>推广链接</span>
|
|
|
|
|
|
+ <span>复制链接</span>
|
|
<el-tooltip placement="top">
|
|
<el-tooltip placement="top">
|
|
<template #content>鼠标移动到【点击复制】文字,进行查看链接,点击,进行复制链接</template>
|
|
<template #content>鼠标移动到【点击复制】文字,进行查看链接,点击,进行复制链接</template>
|
|
<el-icon>
|
|
<el-icon>
|
|
@@ -62,24 +63,47 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <div class="wrapper" v-if="scope.row.promotion_path">
|
|
|
|
- <el-popover placement="top" title="推广链接" :width="500" trigger="hover"
|
|
|
|
- :content="scope.row.promotion_path">
|
|
|
|
- <template #reference>
|
|
|
|
- <copy-button :text="scope.row.promotion_path">
|
|
|
|
- <el-link type="primary" :underline="false">点击复制</el-link>
|
|
|
|
- </copy-button>
|
|
|
|
- </template>
|
|
|
|
- </el-popover>
|
|
|
|
|
|
+ <div class="wrapper" v-if="scope.row.status">
|
|
|
|
+ <div>
|
|
|
|
+ <el-popover placement="top" title="推广链接" :width="500" trigger="hover"
|
|
|
|
+ v-if="scope.row.promotion_path" :content="scope.row.promotion_path">
|
|
|
|
+ <template #reference>
|
|
|
|
+ <copy-button :text="scope.row.promotion_path" class="mb-6">
|
|
|
|
+ <el-link type="primary" :underline="false">点击复制推广链接</el-link>
|
|
|
|
+ </copy-button>
|
|
|
|
+ </template>
|
|
|
|
+ </el-popover>
|
|
|
|
+ </div>
|
|
|
|
+ <div>
|
|
|
|
+ <el-popover placement="top" title="监测链接" :width="500" trigger="hover" v-if="scope.row.track_url"
|
|
|
|
+ :content="scope.row.track_url">
|
|
|
|
+ <template #reference>
|
|
|
|
+ <copy-button :text="scope.row.track_url">
|
|
|
|
+ <el-link type="primary" :underline="false">点击复制监测链接</el-link>
|
|
|
|
+ </copy-button>
|
|
|
|
+ </template>
|
|
|
|
+ </el-popover>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column prop="total_episode_num" label="监测链接">
|
|
|
|
|
|
+ <el-table-column prop="callback_type_str" label="回传类型" />
|
|
|
|
+ <el-table-column prop="callback_config_id" label="回传配置ID" min-width="160px">
|
|
|
|
+ <template #default="scope">
|
|
|
|
+ <el-button link type="primary" size="default" @click="goToTtHuicHuan(scope.row)">{{
|
|
|
|
+ scope.row.callback_config_id }}</el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="status_str" label="状态">
|
|
<template #header>
|
|
<template #header>
|
|
<div class="flex items-center">
|
|
<div class="flex items-center">
|
|
- <span>监测链接</span>
|
|
|
|
|
|
+ <span>状态</span>
|
|
<el-tooltip placement="top">
|
|
<el-tooltip placement="top">
|
|
- <template #content>鼠标移动到【点击复制】文字,进行查看链接,点击,进行复制链接</template>
|
|
|
|
|
|
+ <template #content>
|
|
|
|
+ 当前推广链接的状态<br />
|
|
|
|
+ 启用:当前推广ID已绑定回传配置<br />
|
|
|
|
+ 禁用:当前推广ID未绑定回传配置
|
|
|
|
+ </template>
|
|
<el-icon>
|
|
<el-icon>
|
|
<InfoFilled />
|
|
<InfoFilled />
|
|
</el-icon>
|
|
</el-icon>
|
|
@@ -87,26 +111,6 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <div class="wrapper" v-if="scope.row.track_url">
|
|
|
|
- <el-popover placement="top" title="监测链接" popper-style="width:80%" trigger="hover"
|
|
|
|
- :content="scope.row.track_url">
|
|
|
|
- <template #reference>
|
|
|
|
- <copy-button :text="scope.row.track_url">
|
|
|
|
- <el-link type="primary" :underline="false">点击复制</el-link>
|
|
|
|
- </copy-button>
|
|
|
|
- </template>
|
|
|
|
- </el-popover>
|
|
|
|
- </div>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column prop="callback_type_str" label="回传类型" />
|
|
|
|
- <el-table-column prop="callback_config_id" label="回传配置ID" >
|
|
|
|
- <template #default="scope">
|
|
|
|
- <el-button link type="primary" size="small" @click="goToTtHuicHuan( scope.row)" >{{scope.row.callback_config_id}}</el-button>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column prop="status_str" label="状态">
|
|
|
|
- <template #default="scope">
|
|
|
|
<div class="wrapper">
|
|
<div class="wrapper">
|
|
<span class="text-lg font-bold content">
|
|
<span class="text-lg font-bold content">
|
|
<el-text class="mx-1" :type="colorType(scope.row)">{{ scope.row.status_str }}</el-text>
|
|
<el-text class="mx-1" :type="colorType(scope.row)">{{ scope.row.status_str }}</el-text>
|
|
@@ -121,7 +125,7 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column label="操作">
|
|
|
|
|
|
+ <el-table-column label="操作" fixed="right">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<el-button @click="openType('promotionVisible', scope.row)" link type="primary"
|
|
<el-button @click="openType('promotionVisible', scope.row)" link type="primary"
|
|
v-action="'tuiguang.Promotion.updateSeriesSequence'" size="small">编辑</el-button>
|
|
v-action="'tuiguang.Promotion.updateSeriesSequence'" size="small">编辑</el-button>
|
|
@@ -232,8 +236,8 @@ const timeChange = (e) => {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
-const goToTtHuicHuan = (row: object) =>{
|
|
|
|
- router.push({ path: '/payback/juliangAccount', query: { id:row.callback_config_id } })
|
|
|
|
|
|
+const goToTtHuicHuan = (row: object) => {
|
|
|
|
+ router.push({ path: '/payback/juliangAccount', query: { id: row.callback_config_id } })
|
|
}
|
|
}
|
|
const handChange = (tab: TabsPaneContext, event: Event) => {
|
|
const handChange = (tab: TabsPaneContext, event: Event) => {
|
|
console.log(tab, event)
|
|
console.log(tab, event)
|
|
@@ -266,7 +270,7 @@ const deletePromotion = (row: object) => {
|
|
}
|
|
}
|
|
|
|
|
|
const resetQuery = () => {
|
|
const resetQuery = () => {
|
|
- query.value = Object.assign({ page: query.value.page, limit: query.value.limit, miniprogram_id: query.value.miniprogram_id, is_config: query.value.is_config,id:value.id });
|
|
|
|
|
|
+ query.value = Object.assign({ page: query.value.page, limit: query.value.limit, miniprogram_id: query.value.miniprogram_id, is_config: query.value.is_config, id: query.value.id });
|
|
search()
|
|
search()
|
|
}
|
|
}
|
|
const openType = (type: string, data: object) => {
|
|
const openType = (type: string, data: object) => {
|
|
@@ -312,7 +316,7 @@ const closeType = (type: string) => {
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
activeName.value = Number(route.query.tab || 1)
|
|
activeName.value = Number(route.query.tab || 1)
|
|
query.value.is_config = activeName.value
|
|
query.value.is_config = activeName.value
|
|
- query.value.id = route.query.id
|
|
|
|
|
|
+ query.value.id = route.query.id
|
|
if (JSON.parse(Cache.get('nav_data'))?.app.id) {
|
|
if (JSON.parse(Cache.get('nav_data'))?.app.id) {
|
|
query.value.miniprogram_id = JSON.parse(Cache.get('nav_data'))?.app.id
|
|
query.value.miniprogram_id = JSON.parse(Cache.get('nav_data'))?.app.id
|
|
}
|
|
}
|