|
@@ -12,15 +12,30 @@
|
|
</span>
|
|
</span>
|
|
<span style="margin-left:15px">剪辑:</span>
|
|
<span style="margin-left:15px">剪辑:</span>
|
|
<span >
|
|
<span >
|
|
- <a-input placeholder="请输入剪辑的名字" v-model="clip" style="width:140px" />
|
|
|
|
|
|
+ <!-- <a-input placeholder="请输入剪辑的名字" v-model="clip" style="width:140px" /> -->
|
|
|
|
+ <a-select v-model="clip" style="width: 140px" allowClear show-search :filter-option="filterOption">
|
|
|
|
+ <a-select-option v-for="item in designList" :key="item.userId" :value='item.userId'>
|
|
|
|
+ {{item.compantName +'_'+item.userName }}
|
|
|
|
+ </a-select-option>
|
|
|
|
+ </a-select>
|
|
</span>
|
|
</span>
|
|
<span style="margin-left:15px">拍摄:</span>
|
|
<span style="margin-left:15px">拍摄:</span>
|
|
<span >
|
|
<span >
|
|
- <a-input placeholder="请输入拍摄的名字" v-model="shot" style="width:140px" />
|
|
|
|
|
|
+ <!-- <a-input placeholder="请输入拍摄的名字" v-model="shot" style="width:140px" /> -->
|
|
|
|
+ <a-select v-model="shot" style="width: 140px" allowClear show-search :filter-option="filterOption">
|
|
|
|
+ <a-select-option v-for="item in designList" :key="item.userId" :value='item.userId'>
|
|
|
|
+ {{item.compantName +'_'+item.userName }}
|
|
|
|
+ </a-select-option>
|
|
|
|
+ </a-select>
|
|
</span>
|
|
</span>
|
|
<span style="margin-left:15px">编导:</span>
|
|
<span style="margin-left:15px">编导:</span>
|
|
<span >
|
|
<span >
|
|
- <a-input placeholder="请输入编导的名字" v-model="plan" style="width:140px" />
|
|
|
|
|
|
+ <!-- <a-input placeholder="请输入编导的名字" v-model="plan" style="width:140px" /> -->
|
|
|
|
+ <a-select v-model="plan" style="width: 140px" allowClear show-search :filter-option="filterOption">
|
|
|
|
+ <a-select-option v-for="item in designList" :key="item.userId" :value='item.userId'>
|
|
|
|
+ {{item.compantName +'_'+item.userName }}
|
|
|
|
+ </a-select-option>
|
|
|
|
+ </a-select>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<a-button type="primary" @click="searchRes">查询</a-button>
|
|
<a-button type="primary" @click="searchRes">查询</a-button>
|
|
@@ -115,7 +130,7 @@
|
|
@customHeaderCell="customHeaderCell(columns)"
|
|
@customHeaderCell="customHeaderCell(columns)"
|
|
>
|
|
>
|
|
|
|
|
|
- <div slot="converUrl" slot-scope="test,records">
|
|
|
|
|
|
+ <div slot="coverUrl" slot-scope="test,records">
|
|
<!-- {{test}} -->
|
|
<!-- {{test}} -->
|
|
<img
|
|
<img
|
|
:src="test"
|
|
:src="test"
|
|
@@ -270,12 +285,12 @@ import customColumn from '../components/customColumn.vue'
|
|
const columnsFixd = [
|
|
const columnsFixd = [
|
|
{
|
|
{
|
|
title: '视频',
|
|
title: '视频',
|
|
- dataIndex: 'converUrl',
|
|
|
|
|
|
+ dataIndex: 'coverUrl',
|
|
align: 'center',
|
|
align: 'center',
|
|
width: 100,
|
|
width: 100,
|
|
fixed: 'left',
|
|
fixed: 'left',
|
|
- key: 'converUrl',
|
|
|
|
- scopedSlots: { customRender: 'converUrl' }
|
|
|
|
|
|
+ key: 'coverUrl',
|
|
|
|
+ scopedSlots: { customRender: 'coverUrl' }
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '视频名称',
|
|
title: '视频名称',
|
|
@@ -298,6 +313,13 @@ const columnsFixd = [
|
|
width: 150,
|
|
width: 150,
|
|
fixed: 'left'
|
|
fixed: 'left'
|
|
},
|
|
},
|
|
|
|
+ {
|
|
|
|
+ title: '渠道',
|
|
|
|
+ dataIndex: 'channel',
|
|
|
|
+ align: 'center',
|
|
|
|
+ width: 150,
|
|
|
|
+ fixed: 'left'
|
|
|
|
+ },
|
|
{
|
|
{
|
|
title:'相关人员',
|
|
title:'相关人员',
|
|
dataIndex:'relativePeople',
|
|
dataIndex:'relativePeople',
|
|
@@ -332,7 +354,7 @@ const initVariableColimns=[
|
|
{
|
|
{
|
|
title: '消耗(元)',
|
|
title: '消耗(元)',
|
|
dataIndex: 'cost',
|
|
dataIndex: 'cost',
|
|
- width:150,
|
|
|
|
|
|
+
|
|
tip: '广告在投放期间的花费总额',
|
|
tip: '广告在投放期间的花费总额',
|
|
align: 'center',
|
|
align: 'center',
|
|
scopedSlots: { customRender: 'cost' },
|
|
scopedSlots: { customRender: 'cost' },
|
|
@@ -423,6 +445,22 @@ const initVariableColimns=[
|
|
scopedSlots: { customRender: 'cpb' },
|
|
scopedSlots: { customRender: 'cpb' },
|
|
sorter:() => {}
|
|
sorter:() => {}
|
|
},
|
|
},
|
|
|
|
+ {
|
|
|
|
+ title: '3s播放数',
|
|
|
|
+ dataIndex: 'play3sCount',
|
|
|
|
+ tip: '总花费/行为数',
|
|
|
|
+ align: 'center',
|
|
|
|
+ scopedSlots: { customRender: 'play3sCount' },
|
|
|
|
+ sorter:() => {}
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '3s播放率',
|
|
|
|
+ dataIndex: 'play3sRate',
|
|
|
|
+ tip: '总花费/行为数',
|
|
|
|
+ align: 'center',
|
|
|
|
+ scopedSlots: { customRender: 'play3sRate' },
|
|
|
|
+ sorter:() => {}
|
|
|
|
+ },
|
|
]
|
|
]
|
|
|
|
|
|
let detailColumn=[
|
|
let detailColumn=[
|
|
@@ -456,6 +494,7 @@ let detailColumn=[
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ designList:[],
|
|
detailLoading:false,
|
|
detailLoading:false,
|
|
clip:undefined,
|
|
clip:undefined,
|
|
shot:undefined,
|
|
shot:undefined,
|
|
@@ -541,6 +580,11 @@ export default {
|
|
|
|
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ filterOption(input, option) {
|
|
|
|
+ return (
|
|
|
|
+ option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
+ );
|
|
|
|
+ },
|
|
//点击查看明细按钮的事件
|
|
//点击查看明细按钮的事件
|
|
opendetail(text, record) {
|
|
opendetail(text, record) {
|
|
console.log(text, record)
|
|
console.log(text, record)
|
|
@@ -572,6 +616,7 @@ export default {
|
|
},
|
|
},
|
|
//自定义之后修改父元素表头
|
|
//自定义之后修改父元素表头
|
|
changeColumn(val){
|
|
changeColumn(val){
|
|
|
|
+ console.log(val)
|
|
this.columns=[...val];
|
|
this.columns=[...val];
|
|
if(this.columns.length> this.columnsFixd.length&&this.columns.length<9){
|
|
if(this.columns.length> this.columnsFixd.length&&this.columns.length<9){
|
|
this.scrollX=0;
|
|
this.scrollX=0;
|
|
@@ -585,7 +630,7 @@ export default {
|
|
// this.scrollX=2000+200*(this.columns.length-this.columnsFixd.length)
|
|
// this.scrollX=2000+200*(this.columns.length-this.columnsFixd.length)
|
|
}else if(this.columns.length>=9){
|
|
}else if(this.columns.length>=9){
|
|
this.columns.forEach((element,index) => {
|
|
this.columns.forEach((element,index) => {
|
|
- if(index<this.columnsFixd.length){
|
|
|
|
|
|
+ if(index<this.columnsFixd.length-1){
|
|
element.width=120
|
|
element.width=120
|
|
element.fixed='left'
|
|
element.fixed='left'
|
|
}
|
|
}
|
|
@@ -682,9 +727,9 @@ export default {
|
|
accountIds:this.appId,
|
|
accountIds:this.appId,
|
|
target:this.target,
|
|
target:this.target,
|
|
order:this.order,
|
|
order:this.order,
|
|
- clip:this.clip?this.clip:'',
|
|
|
|
- shot:this.shot?this.shot:'',
|
|
|
|
- plan:this.plan?this.plan:'',
|
|
|
|
|
|
+ clipId:this.clip?this.clip:'',
|
|
|
|
+ shotId:this.shot?this.shot:'',
|
|
|
|
+ planId:this.plan?this.plan:'',
|
|
}).then(res => {
|
|
}).then(res => {
|
|
let resArr = []
|
|
let resArr = []
|
|
this.data=[];
|
|
this.data=[];
|
|
@@ -719,7 +764,7 @@ export default {
|
|
})
|
|
})
|
|
columns=column.splice(7)
|
|
columns=column.splice(7)
|
|
}
|
|
}
|
|
- downFilePost('/ctop/kuaishou/videoReport/excel', {
|
|
|
|
|
|
+ downFilePost('/ctop/kuaishou/videoReport/excelV2', {
|
|
columns,
|
|
columns,
|
|
target:this.target,
|
|
target:this.target,
|
|
order:this.order,
|
|
order:this.order,
|
|
@@ -834,6 +879,15 @@ export default {
|
|
},
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
+ // 获取设计人员
|
|
|
|
+ getDesignList(){
|
|
|
|
+ postAction('/ctop/kuaishou/videoReport/getDesignList').then(res=>{
|
|
|
|
+ console.log(res);
|
|
|
|
+ if(res.success){
|
|
|
|
+ this.designList=res.result
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
|
|
},
|
|
},
|
|
|
|
|
|
@@ -878,7 +932,17 @@ export default {
|
|
},
|
|
},
|
|
deactivated() {
|
|
deactivated() {
|
|
let arr = JSON.stringify(this.columns)
|
|
let arr = JSON.stringify(this.columns)
|
|
- // console.log(arr)
|
|
|
|
|
|
+ console.log(arr)
|
|
|
|
+ postAction('/toutiao/videoReportDaily/saveOrUpdateColumnJson', {
|
|
|
|
+ json: arr,
|
|
|
|
+ columnType: 4
|
|
|
|
+ }).then(res => {
|
|
|
|
+ // console.log(res)
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ beforeDestroy() {
|
|
|
|
+ let arr = JSON.stringify(this.columns)
|
|
|
|
+ console.log(arr)
|
|
postAction('/toutiao/videoReportDaily/saveOrUpdateColumnJson', {
|
|
postAction('/toutiao/videoReportDaily/saveOrUpdateColumnJson', {
|
|
json: arr,
|
|
json: arr,
|
|
columnType: 4
|
|
columnType: 4
|
|
@@ -986,7 +1050,7 @@ filters: {
|
|
},
|
|
},
|
|
|
|
|
|
mounted() {
|
|
mounted() {
|
|
-
|
|
|
|
|
|
+ this.getDesignList()
|
|
//请求自定义列的数据
|
|
//请求自定义列的数据
|
|
postAction('/toutiao/videoReportDaily/videoInfoListTotalExportExcelPermission').then(res => {
|
|
postAction('/toutiao/videoReportDaily/videoInfoListTotalExportExcelPermission').then(res => {
|
|
console.log(res)
|
|
console.log(res)
|