|
@@ -9,7 +9,19 @@
|
|
<span>时间范围:</span>
|
|
<span>时间范围:</span>
|
|
<span @click="opendate">
|
|
<span @click="opendate">
|
|
<DatePicker :openOptions='openOptions' :parentDate='dateValue' left='-100px'></DatePicker>
|
|
<DatePicker :openOptions='openOptions' :parentDate='dateValue' left='-100px'></DatePicker>
|
|
- </span>
|
|
|
|
|
|
+ </span>
|
|
|
|
+ <span style="margin-left:15px">剪辑:</span>
|
|
|
|
+ <span >
|
|
|
|
+ <a-input placeholder="请输入剪辑的名字" v-model="clip" style="width:140px" />
|
|
|
|
+ </span>
|
|
|
|
+ <span style="margin-left:15px">拍摄:</span>
|
|
|
|
+ <span >
|
|
|
|
+ <a-input placeholder="请输入拍摄的名字" v-model="shot" style="width:140px" />
|
|
|
|
+ </span>
|
|
|
|
+ <span style="margin-left:15px">编导:</span>
|
|
|
|
+ <span >
|
|
|
|
+ <a-input placeholder="请输入编导的名字" v-model="plan" style="width:140px" />
|
|
|
|
+ </span>
|
|
</div>
|
|
</div>
|
|
<a-button type="primary" @click="searchRes">查询</a-button>
|
|
<a-button type="primary" @click="searchRes">查询</a-button>
|
|
</div>
|
|
</div>
|
|
@@ -84,7 +96,7 @@
|
|
<div class="tableTop">
|
|
<div class="tableTop">
|
|
|
|
|
|
<a-button type="primary" @click="customColumns">自定义列</a-button>
|
|
<a-button type="primary" @click="customColumns">自定义列</a-button>
|
|
- <a-button type="default" style="float:right" @click="exportExcel" id="mybtn" :loading='exportLoading'>导出报表</a-button>
|
|
|
|
|
|
+ <a-button type="default" style="float:right" @click="exportExcel('exportTable')" id="mybtn" :loading='exportLoading'>导出报表</a-button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<a-table
|
|
<a-table
|
|
@@ -210,7 +222,10 @@
|
|
>{{ gameAddictionRate | toPercentage }}</span>
|
|
>{{ gameAddictionRate | toPercentage }}</span>
|
|
<!-- <span slot="nextDayOpenRate" slot-scope="nextDayOpenRate">{{ nextDayOpenRate | toPercentage }}</span> -->
|
|
<!-- <span slot="nextDayOpenRate" slot-scope="nextDayOpenRate">{{ nextDayOpenRate | toPercentage }}</span> -->
|
|
<span slot="relativePeople" slot-scope="text,record">
|
|
<span slot="relativePeople" slot-scope="text,record">
|
|
- <a href="javascript:;" @click.stop="showRelevantPeople(record)">查看相关人员</a>
|
|
|
|
|
|
+ <!-- <a href="javascript:;" @click.stop="showRelevantPeople(record)">查看相关人员</a> -->
|
|
|
|
+ <span>剪辑:{{record.clip | '暂无数据'}}</span>
|
|
|
|
+ <span>拍摄:{{record.shot | '暂无数据'}}</span>
|
|
|
|
+ <span>编导:{{record.plan | '暂无数据'}}</span>
|
|
</span>
|
|
</span>
|
|
|
|
|
|
|
|
|
|
@@ -224,9 +239,9 @@
|
|
<!-- 明细表 -->
|
|
<!-- 明细表 -->
|
|
|
|
|
|
<a-modal v-model="visibleDetail" title="详细信息" width="60%" :footer="null" >
|
|
<a-modal v-model="visibleDetail" title="详细信息" width="60%" :footer="null" >
|
|
- <a-button type="default" @click="exportExcel" id="mybtn" >导出报表</a-button>
|
|
|
|
|
|
+ <a-button type="default" @click="exportExcel('exportDetail')" id="mybtn" >导出报表</a-button>
|
|
<a-table
|
|
<a-table
|
|
- :columns="detailConsum"
|
|
|
|
|
|
+ :columns="detailColumn"
|
|
:data-source="detailData"
|
|
:data-source="detailData"
|
|
bordered
|
|
bordered
|
|
tableLayout="auto"
|
|
tableLayout="auto"
|
|
@@ -461,6 +476,9 @@ let detailColumn = [
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ clip:undefined,
|
|
|
|
+ shot:undefined,
|
|
|
|
+ plan:undefined,
|
|
//明细数据
|
|
//明细数据
|
|
visibleDetail:false,
|
|
visibleDetail:false,
|
|
detailColumn,
|
|
detailColumn,
|
|
@@ -660,6 +678,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:'',
|
|
}).then(res => {
|
|
}).then(res => {
|
|
let resArr = []
|
|
let resArr = []
|
|
this.data=[];
|
|
this.data=[];
|
|
@@ -685,7 +706,7 @@ export default {
|
|
})
|
|
})
|
|
},
|
|
},
|
|
//导出报表
|
|
//导出报表
|
|
- exportExcel() {
|
|
|
|
|
|
+ exportExcel(exportType) {
|
|
this.exportLoading=true;
|
|
this.exportLoading=true;
|
|
let column = this.columns.map((item, index) => {
|
|
let column = this.columns.map((item, index) => {
|
|
return item.dataIndex
|
|
return item.dataIndex
|
|
@@ -700,6 +721,10 @@ export default {
|
|
startDate: this.dateValue[0].format('YYYY-MM-DD'),
|
|
startDate: this.dateValue[0].format('YYYY-MM-DD'),
|
|
endDate: this.dateValue[1].format('YYYY-MM-DD'),
|
|
endDate: this.dateValue[1].format('YYYY-MM-DD'),
|
|
accountIds:this.appId,
|
|
accountIds:this.appId,
|
|
|
|
+ exportType,
|
|
|
|
+ clip:this.clip?this.clip:'',
|
|
|
|
+ shot:this.shot?this.shot:'',
|
|
|
|
+ plan:this.plan?this.plan:'',
|
|
}).then(res => {
|
|
}).then(res => {
|
|
this.exportLoading=false;
|
|
this.exportLoading=false;
|
|
let blob = new Blob([res], {
|
|
let blob = new Blob([res], {
|