|
@@ -24,10 +24,10 @@
|
|
|
<div class="table-default">
|
|
|
<el-table :data="tableData" class="mt-3" v-loading="loading">
|
|
|
<el-table-column prop="id" label="推广ID" />
|
|
|
- <el-table-column label="推广名称" show-overflow-tooltip width="200px">
|
|
|
+ <el-table-column label="推广名称" show-overflow-tooltip min-width="200px">
|
|
|
<template #default="scope">
|
|
|
<div class="wrapper">
|
|
|
- <span class="text-lg font-bold text-blue-400 content">
|
|
|
+ <span class="text-lg content">
|
|
|
{{ scope.row.name }}
|
|
|
</span>
|
|
|
</div>
|
|
@@ -37,11 +37,11 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="miniprogram_name" label="小程序名称" width="200px" />
|
|
|
- <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">
|
|
|
<div class="wrapper">
|
|
|
- <span class="text-lg font-bold text-blue-400 content">
|
|
|
+ <span class="text-lg content">
|
|
|
{{ scope.row.video_name }}
|
|
|
</span>
|
|
|
</div>
|
|
@@ -50,7 +50,7 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="total_episode_num" label="复制链接" width="200px">
|
|
|
+ <el-table-column prop="total_episode_num" label="复制链接" min-width="200px">
|
|
|
<template #header>
|
|
|
<div class="flex items-center">
|
|
|
<span>复制链接</span>
|
|
@@ -63,34 +63,53 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<template #default="scope">
|
|
|
- <div class="wrapper">
|
|
|
- <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>
|
|
|
- <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 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>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="callback_type_str" label="回传类型" />
|
|
|
- <el-table-column prop="callback_config_id" label="回传配置ID" width="160px">
|
|
|
+ <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>
|
|
|
+ <div class="flex items-center">
|
|
|
+ <span>状态</span>
|
|
|
+ <el-tooltip placement="top">
|
|
|
+ <template #content>
|
|
|
+ 当前推广链接的状态<br />
|
|
|
+ 启用:当前推广ID已绑定回传配置<br />
|
|
|
+ 禁用:当前推广ID未绑定回传配置
|
|
|
+ </template>
|
|
|
+ <el-icon>
|
|
|
+ <InfoFilled />
|
|
|
+ </el-icon>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
<template #default="scope">
|
|
|
<div class="wrapper">
|
|
|
<span class="text-lg font-bold content">
|