|
@@ -150,6 +150,23 @@
|
|
|
-webkit-box-orient: vertical;
|
|
|
}
|
|
|
|
|
|
+ .bhShow {
|
|
|
+ height: 100px;
|
|
|
+ line-height: 25px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bhShow span {
|
|
|
+ font-size: 14px
|
|
|
+ }
|
|
|
+
|
|
|
+ .show-data {
|
|
|
+ width: 50%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-start;
|
|
|
+ }
|
|
|
+
|
|
|
a {
|
|
|
font-size: 14px;
|
|
|
}
|
|
@@ -242,7 +259,7 @@
|
|
|
<a-icon type="close-circle" @click="deleteData(items.id)" v-show="active == '0'"
|
|
|
v-if="items.userId == userInfo().id" />
|
|
|
</a-badge>
|
|
|
- <div style="display:flex;justify-content:center;width:100%;height:200px;position:relative">
|
|
|
+ <div style="display:flex;justify-content:center;width:100%;height:200px;position:relative;">
|
|
|
<!-- <video
|
|
|
:src="items.url"
|
|
|
@canplay="a(items)"
|
|
@@ -254,20 +271,19 @@
|
|
|
<span>{{items.kuaishouEffiType==1?'快手有效视频':'已经同步到快手平台'}}</span>
|
|
|
</template>
|
|
|
<img style="width:30px;height:30px;" v-if="items.kuaishouVideoIsUp==1"
|
|
|
- :style="{filter:items.kuaishouEffiType==1?'grayscale(0%)':'grayscale(100%)'}"
|
|
|
- src="./kuaishou.jpg">
|
|
|
+ :style="{filter:items.kuaishouEffiType==1?'grayscale(0%)':'grayscale(100%)'}"
|
|
|
+ src="./kuaishou.jpg">
|
|
|
</a-tooltip>
|
|
|
<a-tooltip placement="top">
|
|
|
<template slot="title">
|
|
|
<span>{{items.toutiaoEffiType==1?'抖音有效视频':'已经同步到抖音平台'}}</span>
|
|
|
</template>
|
|
|
<img v-if="items.toutiaoVideoIsUp==1&&items.toutiaoEffiType==1"
|
|
|
-
|
|
|
- style="width:30px;height:30px;margin-left:5px;" src="./douyin.jpg" alt="">
|
|
|
+ style="width:30px;height:30px;margin-left:5px;" src="./douyin.jpg" alt="">
|
|
|
<img v-else-if="items.toutiaoVideoIsUp==1&&items.toutiaoEffiType==0"
|
|
|
- style="width:30px;height:30px;margin-left:5px;" src="./douyinhui.jpg" alt="">
|
|
|
+ style="width:30px;height:30px;margin-left:5px;" src="./douyinhui.jpg" alt="">
|
|
|
</a-tooltip>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<img :src="items.url + '?x-oss-process=video/snapshot,t_00000,m_fast'" alt=""
|
|
|
style="height:200px;max-width:100%;position:absolute;z-index:10;" />
|
|
@@ -279,8 +295,33 @@
|
|
|
@click.stop
|
|
|
/> -->
|
|
|
</div>
|
|
|
-
|
|
|
+ <div style="width:100%;height:1px;border-bottom:1px solid #f2f2f2;margin-top:5px"></div>
|
|
|
<div v-if="active == '2'" class="bh">驳回原因:{{ items.refuseReason }}</div>
|
|
|
+
|
|
|
+
|
|
|
+ <div v-if="active == '1'" class="bhShow" style="display:flex;justify-content:space-between;"
|
|
|
+ @click.stop="showData(items)">
|
|
|
+
|
|
|
+ <div v-if="items.byteDance" class="show-data">
|
|
|
+ <span>抖音</span>
|
|
|
+ <span>消耗:{{items.byteDance.cost}}</span>
|
|
|
+ <span>封面点击:{{items.byteDance.click}}</span>
|
|
|
+ <span>封面展示:{{items.byteDance.showNum}}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else style="line-height:100px;" class="show-data">
|
|
|
+ <span>抖音:无</span>
|
|
|
+ </div>
|
|
|
+ <div v-if="items.kuaiShou" class="show-data">
|
|
|
+ <span>快手</span>
|
|
|
+ <span>消耗:{{items.kuaiShou.charge}}</span>
|
|
|
+ <span>封面点击:{{items.kuaiShou.photoClick}}</span>
|
|
|
+ <span>封面展示:{{items.kuaiShou.photoShow}}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else style="line-height:100px;" class="show-data">
|
|
|
+ <span>快手:无</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="width:100%;height:1px;border-bottom:1px solid #f2f2f2;margin-top:5px" v-if="active != '0'"></div>
|
|
|
<span style="color: black; fontSize: 16px;padding-top:10px;display:block;width:100%" @click.stop>
|
|
|
{{ items.createTime | getDate }}
|
|
|
<a href="javascript:;" style="margin-left:20px" @click="edit(items, '2')" v-show="active == '2'"
|
|
@@ -360,6 +401,34 @@
|
|
|
</div>
|
|
|
</a-tab-pane>
|
|
|
</a-tabs>
|
|
|
+
|
|
|
+ <a-modal title="数据详情" v-model="showDataBool" :footer="null">
|
|
|
+ <div class="bhShow" style="display:flex;justify-content:space-between;height:400px">
|
|
|
+ <div v-if="douyinData" class="show-data">
|
|
|
+ <span style="color:black;font-size:18px;text-align:center;width:100%">抖音</span>
|
|
|
+ <span>消耗:{{douyinData.cost}}</span>
|
|
|
+ <span>封面点击:{{douyinData.click}}</span>
|
|
|
+ <span>封面展示:{{douyinData.showNum}}</span>
|
|
|
+ <span>激活:{{douyinData.active}}</span>
|
|
|
+ <span>转化量:{{douyinData.convertNum}}</span>
|
|
|
+ <span>表单提交:{{douyinData.form}}</span>
|
|
|
+ <span>下载注册:{{douyinData.register}}</span>
|
|
|
+ <span>视频总播放:{{douyinData.totalPlay}}</span>
|
|
|
+ <span>视频有效播放:{{douyinData.validPlay}}</span>
|
|
|
+ </div>
|
|
|
+ <div v-if="kuaishouData" class="show-data">
|
|
|
+ <span style="color:black;font-size:18px;text-align:center;width:100%">快手</span>
|
|
|
+ <span>消耗:{{kuaishouData.charge}}</span>
|
|
|
+ <span>封面点击:{{kuaishouData.photoClick}}</span>
|
|
|
+ <span>封面展示:{{kuaishouData.photoShow}}</span>
|
|
|
+ <span>素材曝光数:{{kuaishouData.aclick}}</span>
|
|
|
+ <span>激活数:{{kuaishouData.activation}}</span>
|
|
|
+ <span>行为数:{{kuaishouData.bclick}}</span>
|
|
|
+ <span>表单提交数:{{kuaishouData.formCount}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a-modal>
|
|
|
+
|
|
|
<a-modal title="添加素材" v-model="visible" :maskClosable="false" :width="800">
|
|
|
<template slot="footer">
|
|
|
<a-button key="back" @click="close">取消</a-button>
|
|
@@ -456,7 +525,7 @@
|
|
|
</a-form>
|
|
|
</a-modal>
|
|
|
|
|
|
- <a-modal title="素材详情" v-model="visibleDetail" width="70%">
|
|
|
+ <a-modal title="素材详情" v-model="visibleDetail" width="70%" :footer="null">
|
|
|
<div style="width:100%">
|
|
|
<a-button type="primary" @click="setSuccess" style="float:right">
|
|
|
{{excellent==0?'标记为优秀素材':'取消标记'}}
|
|
@@ -721,7 +790,10 @@
|
|
|
size: 4,
|
|
|
repeat: false,
|
|
|
excellent: 0,
|
|
|
- code: ""
|
|
|
+ code: "",
|
|
|
+ showDataBool: false,
|
|
|
+ kuaishouData: null,
|
|
|
+ douyinData: null
|
|
|
}
|
|
|
},
|
|
|
filters: {
|
|
@@ -797,6 +869,17 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ showData(item) {
|
|
|
+ if (item.byteDance || item.kuaiShou) {
|
|
|
+ this.showDataBool = true
|
|
|
+ this.kuaishouData = item.kuaiShou
|
|
|
+ this.douyinData = item.byteDance
|
|
|
+ } else {
|
|
|
+ this.$message.error('抖音和快手都无数据')
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
setSuccess() {
|
|
|
var params = {}
|
|
|
params.id = this.code
|
|
@@ -1209,7 +1292,7 @@
|
|
|
})
|
|
|
}
|
|
|
this.queryParam.status = key
|
|
|
- this.loadData()
|
|
|
+ this.loadData(1)
|
|
|
},
|
|
|
overUpload(urlAll) {
|
|
|
this.confirmLoading = true
|