|
@@ -1,209 +1,210 @@
|
|
|
<template>
|
|
|
- <div class="vsummary">
|
|
|
- <div class="xiangmuxuanze" >
|
|
|
- <!-- <div> -->
|
|
|
- <span>项目选择:</span>
|
|
|
- <Treeselect :appId.sync="appId" request="1,3" style="display: inline-block;position: relative;"/>
|
|
|
- <!-- </div> -->
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="timeDiv">
|
|
|
- <div style='display:flex;align-items: center;'>
|
|
|
- <span>时间范围:</span>
|
|
|
- <div @click="opendate">
|
|
|
- <DatePicker :openOptions='openOptions' :parentDate='dateValue' left='-100px'></DatePicker>
|
|
|
- </div>
|
|
|
- <!-- <a-range-picker
|
|
|
- :disabled-date="disabledDate"
|
|
|
- format="YYYY-MM-DD"
|
|
|
- style="width: 250px;"
|
|
|
- @change="dateChange"
|
|
|
- v-model="dateRange"
|
|
|
- />
|
|
|
- <span v-show="daysFlag">共{{totalSelect}}天</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>
|
|
|
- <span>消耗:</span>
|
|
|
- <a-input-number id="inputNumber" v-model="consumeValue" :min="0" @change="consumeOnChange" />
|
|
|
+ <div class="vsummary">
|
|
|
+ <div class="xiangmuxuanze" >
|
|
|
+ <span>项目选择:</span>
|
|
|
+ <Treeselect :appId.sync="appId" request="1,3" style="display: inline-block;position: relative;"/>
|
|
|
+ <span style="margin-left:15px">设计负责人:</span>
|
|
|
+ <span>
|
|
|
+ <a-input placeholder="请输入设计负责人" v-model="designDirector" style="width:160px" />
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="timeDiv">
|
|
|
+ <div style='display:flex;align-items: center;'>
|
|
|
+ <span>时间范围:</span>
|
|
|
+ <div @click="opendate">
|
|
|
+ <DatePicker :openOptions='openOptions' :parentDate='dateValue' left='-100px'></DatePicker>
|
|
|
+ </div>
|
|
|
+ <!-- <a-range-picker
|
|
|
+ :disabled-date="disabledDate"
|
|
|
+ format="YYYY-MM-DD"
|
|
|
+ style="width: 250px;"
|
|
|
+ @change="dateChange"
|
|
|
+ v-model="dateRange"
|
|
|
+ />
|
|
|
+ <span v-show="daysFlag">共{{totalSelect}}天</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>
|
|
|
+ <span>消耗:</span>
|
|
|
+ <a-input-number id="inputNumber" v-model="consumeValue" :min="0" @change="consumeOnChange" />
|
|
|
|
|
|
- <span>视频ID:</span>
|
|
|
- <a-input class="myinput" v-model="videoID" style="width:250px" />
|
|
|
- </div> -->
|
|
|
+ <span>视频ID:</span>
|
|
|
+ <a-input class="myinput" v-model="videoID" style="width:250px" />
|
|
|
+ </div> -->
|
|
|
|
|
|
- <a-button type="primary" @click="searchRes">查询</a-button>
|
|
|
- </div>
|
|
|
+ <a-button type="primary" @click="searchRes">查询</a-button>
|
|
|
+ </div>
|
|
|
|
|
|
- <div style="margin:15px 0" class="btndiv">
|
|
|
- <a-button type="primary" @click="customColumns">自定义列</a-button>
|
|
|
- <a-button type="default" style="float:right" @click="exportExcel('exportTable')" id="mybtn" :loading='exportLoading'>导出报表</a-button>
|
|
|
- </div>
|
|
|
+ <div style="margin:15px 0" class="btndiv">
|
|
|
+ <a-button type="primary" @click="customColumns">自定义列</a-button>
|
|
|
+ <a-button type="default" style="float:right" @click="exportExcel('exportTable')" id="mybtn" :loading='exportLoading'>导出报表</a-button>
|
|
|
+ </div>
|
|
|
|
|
|
-
|
|
|
- <a-table
|
|
|
- size="middle"
|
|
|
- :columns="columns"
|
|
|
- :dataSource="data"
|
|
|
- bordered
|
|
|
- id="outTable"
|
|
|
- :pagination="ipagination"
|
|
|
- :scroll="{ x: scrollX }"
|
|
|
- :loading="loading"
|
|
|
- ref="vSummaryTable"
|
|
|
- :width="tableWidth"
|
|
|
- @customHeaderCell="customHeaderCell(columns)"
|
|
|
- @change="sort"
|
|
|
- style="word-break: break-all;font-size:16px;font-weight:600"
|
|
|
- >
|
|
|
- <div slot="videoU" slot-scope="test,records">
|
|
|
- <!-- records.converUrl||'@/assets/noImg.png' -->
|
|
|
- <img
|
|
|
- :src="records.converUrl||noImg"
|
|
|
- alt
|
|
|
- style="width:80px"
|
|
|
- @click="openVideo(records.url)"
|
|
|
- @load="loadShow"
|
|
|
- />
|
|
|
- <!-- <video :src="records.converUrl" style="width:80px" controls @click="openVideo(records.url)"
|
|
|
- @load="loadShow" ></video> -->
|
|
|
- </div>
|
|
|
- <span slot="operation" slot-scope="text, record">
|
|
|
- <a href="javascript:;" @click="opendetail(text, record)" style="margin-right:5px">查看明细</a>
|
|
|
- </span>
|
|
|
- <!-- <span slot="ctr" slot-scope="ctr">{{ ctr | toPercentage }}</span> -->
|
|
|
- <span slot="cost" slot-scope="cost">{{ cost | decimalsHandle }}</span>
|
|
|
- <span slot="clickMaterial" slot-scope="clickMaterial">{{ clickMaterial | formatCurrency }}</span>
|
|
|
- <span slot="showMaterial" slot-scope="showMaterial">{{ showMaterial | formatCurrency }}</span>
|
|
|
- <span slot="convertMaterial" slot-scope="convertMaterial">{{ convertMaterial | formatCurrency }}</span>
|
|
|
- <span slot="play25FeedBreak" slot-scope="play25FeedBreak">{{ play25FeedBreak | formatCurrency }}</span>
|
|
|
- <span slot="play50FeedBreak" slot-scope="play50FeedBreak">{{ play50FeedBreak | formatCurrency }}</span>
|
|
|
- <span slot="play75FeedBreak" slot-scope="play75FeedBreak">{{ play75FeedBreak | formatCurrency }}</span>
|
|
|
- <span slot="play100FeedBreak" slot-scope="play100FeedBreak">{{ play100FeedBreak | formatCurrency }}</span>
|
|
|
- <span slot="nextDayOpen" slot-scope="nextDayOpen">{{ nextDayOpen | formatCurrency }}</span>
|
|
|
- <span slot="downloadFinish" slot-scope="downloadFinish">{{ downloadFinish | formatCurrency }}</span>
|
|
|
- <span slot="downloadStart" slot-scope="downloadStart">{{ downloadStart | formatCurrency }}</span>
|
|
|
- <span slot="likeMaterial" slot-scope="likeMaterial">{{ likeMaterial | formatCurrency }}</span>
|
|
|
- <span slot="shareMaterial" slot-scope="shareMaterial">{{ shareMaterial | formatCurrency }}</span>
|
|
|
- <span slot="register" slot-scope="register">{{ register | formatCurrency }}</span>
|
|
|
- <span slot="follow" slot-scope="follow">{{ follow | formatCurrency }}</span>
|
|
|
- <span slot="form" slot-scope="form">{{ form | formatCurrency }}</span>
|
|
|
- <span slot="active" slot-scope="active">{{ active | formatCurrency }}</span>
|
|
|
- <span slot="activePayAmount" slot-scope="activePayAmount">{{ activePayAmount | formatCurrency }}</span>
|
|
|
- <!-- <span
|
|
|
- slot="play25FeedBreakRate"
|
|
|
- slot-scope="play25FeedBreakRate"
|
|
|
- >{{ play25FeedBreakRate | toPercentage }}</span>
|
|
|
- <span slot="playOverRate" slot-scope="playOverRate">{{ playOverRate | toPercentage }}</span> -->
|
|
|
- <!-- 新加数据 -->
|
|
|
- <!-- <span slot="convertRate" slot-scope="convertRate">{{ convertRate | toPercentage }}</span>
|
|
|
- <span slot="nextDayOpenRate" slot-scope="nextDayOpenRate">{{ nextDayOpenRate | toPercentage }}</span>
|
|
|
- <span slot="ctr" slot-scope="ctr">{{ ctr | toPercentage }}</span> -->
|
|
|
- <span slot="cpc" slot-scope="cpc">{{ cpc | decimalsHandle }}</span>
|
|
|
- <span slot="cpm" slot-scope="cpm">{{ cpm | decimalsHandle }}</span>
|
|
|
- <span slot="activeRate" slot-scope="activeRate">{{ activeRate | toPercentage }}</span>
|
|
|
- <!-- <span
|
|
|
- slot="installFinishRate"
|
|
|
- slot-scope="installFinishRate"
|
|
|
- >{{ installFinishRate | toPercentage }}</span>
|
|
|
- <span slot="validPlayRate" slot-scope="validPlayRate">{{ validPlayRate | toPercentage }}</span> -->
|
|
|
- <span slot="activePayCost" slot-scope="activePayCost">{{ activePayCost | decimalsHandle }}</span>
|
|
|
- <span slot="nextDayOpenCost" slot-scope="nextDayOpenCost">{{ nextDayOpenCost | decimalsHandle }}</span>
|
|
|
- <span slot="validPlayCost" slot-scope="validPlayCost">{{ validPlayCost | decimalsHandle }}</span>
|
|
|
- <span slot="activeCost" slot-scope="activeCost">{{ activeCost | decimalsHandle }}</span>
|
|
|
- <span
|
|
|
- slot="gameAddictionCost"
|
|
|
- slot-scope="gameAddictionCost"
|
|
|
- >{{ gameAddictionCost | decimalsHandle }}</span>
|
|
|
- <span
|
|
|
- slot="downloadFinishCost"
|
|
|
- slot-scope="downloadFinishCost"
|
|
|
- >{{ downloadFinishCost | decimalsHandle }}</span>
|
|
|
- <span
|
|
|
- slot="downloadStartCost"
|
|
|
- slot-scope="downloadStartCost"
|
|
|
- >{{ downloadStartCost | decimalsHandle }}</span>
|
|
|
- <span
|
|
|
- slot="installFinishCost"
|
|
|
- slot-scope="installFinishCost"
|
|
|
- >{{ installFinishCost | decimalsHandle }}</span>
|
|
|
- <span slot="convertCost" slot-scope="convertCost">{{ convertCost | decimalsHandle }}</span>
|
|
|
+
|
|
|
+ <a-table
|
|
|
+ size="middle"
|
|
|
+ :columns="columns"
|
|
|
+ :dataSource="data"
|
|
|
+ bordered
|
|
|
+ id="outTable"
|
|
|
+ :pagination="ipagination"
|
|
|
+ :scroll="{ x: scrollX }"
|
|
|
+ :loading="loading"
|
|
|
+ ref="vSummaryTable"
|
|
|
+ :width="tableWidth"
|
|
|
+ @customHeaderCell="customHeaderCell(columns)"
|
|
|
+ @change="sort"
|
|
|
+ style="word-break: break-all;font-size:16px;font-weight:600"
|
|
|
+ >
|
|
|
+ <div slot="videoU" slot-scope="test,records">
|
|
|
+ <!-- records.converUrl||'@/assets/noImg.png' -->
|
|
|
+ <img
|
|
|
+ :src="records.converUrl||noImg"
|
|
|
+ alt
|
|
|
+ style="width:80px"
|
|
|
+ @click="openVideo(records.url)"
|
|
|
+ @load="loadShow"
|
|
|
+ />
|
|
|
+ <!-- <video :src="records.converUrl" style="width:80px" controls @click="openVideo(records.url)"
|
|
|
+ @load="loadShow" ></video> -->
|
|
|
+ </div>
|
|
|
+ <span slot="operation" slot-scope="text, record">
|
|
|
+ <a href="javascript:;" @click="opendetail(text, record)" style="margin-right:5px">查看明细</a>
|
|
|
+ </span>
|
|
|
+ <!-- <span slot="ctr" slot-scope="ctr">{{ ctr | toPercentage }}</span> -->
|
|
|
+ <span slot="cost" slot-scope="cost">{{ cost | decimalsHandle }}</span>
|
|
|
+ <span slot="clickMaterial" slot-scope="clickMaterial">{{ clickMaterial | formatCurrency }}</span>
|
|
|
+ <span slot="showMaterial" slot-scope="showMaterial">{{ showMaterial | formatCurrency }}</span>
|
|
|
+ <span slot="convertMaterial" slot-scope="convertMaterial">{{ convertMaterial | formatCurrency }}</span>
|
|
|
+ <span slot="play25FeedBreak" slot-scope="play25FeedBreak">{{ play25FeedBreak | formatCurrency }}</span>
|
|
|
+ <span slot="play50FeedBreak" slot-scope="play50FeedBreak">{{ play50FeedBreak | formatCurrency }}</span>
|
|
|
+ <span slot="play75FeedBreak" slot-scope="play75FeedBreak">{{ play75FeedBreak | formatCurrency }}</span>
|
|
|
+ <span slot="play100FeedBreak" slot-scope="play100FeedBreak">{{ play100FeedBreak | formatCurrency }}</span>
|
|
|
+ <span slot="nextDayOpen" slot-scope="nextDayOpen">{{ nextDayOpen | formatCurrency }}</span>
|
|
|
+ <span slot="downloadFinish" slot-scope="downloadFinish">{{ downloadFinish | formatCurrency }}</span>
|
|
|
+ <span slot="downloadStart" slot-scope="downloadStart">{{ downloadStart | formatCurrency }}</span>
|
|
|
+ <span slot="likeMaterial" slot-scope="likeMaterial">{{ likeMaterial | formatCurrency }}</span>
|
|
|
+ <span slot="shareMaterial" slot-scope="shareMaterial">{{ shareMaterial | formatCurrency }}</span>
|
|
|
+ <span slot="register" slot-scope="register">{{ register | formatCurrency }}</span>
|
|
|
+ <span slot="follow" slot-scope="follow">{{ follow | formatCurrency }}</span>
|
|
|
+ <span slot="form" slot-scope="form">{{ form | formatCurrency }}</span>
|
|
|
+ <span slot="active" slot-scope="active">{{ active | formatCurrency }}</span>
|
|
|
+ <span slot="activePayAmount" slot-scope="activePayAmount">{{ activePayAmount | formatCurrency }}</span>
|
|
|
+ <!-- <span
|
|
|
+ slot="play25FeedBreakRate"
|
|
|
+ slot-scope="play25FeedBreakRate"
|
|
|
+ >{{ play25FeedBreakRate | toPercentage }}</span>
|
|
|
+ <span slot="playOverRate" slot-scope="playOverRate">{{ playOverRate | toPercentage }}</span> -->
|
|
|
+ <!-- 新加数据 -->
|
|
|
+ <!-- <span slot="convertRate" slot-scope="convertRate">{{ convertRate | toPercentage }}</span>
|
|
|
+ <span slot="nextDayOpenRate" slot-scope="nextDayOpenRate">{{ nextDayOpenRate | toPercentage }}</span>
|
|
|
+ <span slot="ctr" slot-scope="ctr">{{ ctr | toPercentage }}</span> -->
|
|
|
+ <span slot="cpc" slot-scope="cpc">{{ cpc | decimalsHandle }}</span>
|
|
|
+ <span slot="cpm" slot-scope="cpm">{{ cpm | decimalsHandle }}</span>
|
|
|
+ <span slot="activeRate" slot-scope="activeRate">{{ activeRate | toPercentage }}</span>
|
|
|
+ <!-- <span
|
|
|
+ slot="installFinishRate"
|
|
|
+ slot-scope="installFinishRate"
|
|
|
+ >{{ installFinishRate | toPercentage }}</span>
|
|
|
+ <span slot="validPlayRate" slot-scope="validPlayRate">{{ validPlayRate | toPercentage }}</span> -->
|
|
|
+ <span slot="activePayCost" slot-scope="activePayCost">{{ activePayCost | decimalsHandle }}</span>
|
|
|
+ <span slot="nextDayOpenCost" slot-scope="nextDayOpenCost">{{ nextDayOpenCost | decimalsHandle }}</span>
|
|
|
+ <span slot="validPlayCost" slot-scope="validPlayCost">{{ validPlayCost | decimalsHandle }}</span>
|
|
|
+ <span slot="activeCost" slot-scope="activeCost">{{ activeCost | decimalsHandle }}</span>
|
|
|
+ <span
|
|
|
+ slot="gameAddictionCost"
|
|
|
+ slot-scope="gameAddictionCost"
|
|
|
+ >{{ gameAddictionCost | decimalsHandle }}</span>
|
|
|
+ <span
|
|
|
+ slot="downloadFinishCost"
|
|
|
+ slot-scope="downloadFinishCost"
|
|
|
+ >{{ downloadFinishCost | decimalsHandle }}</span>
|
|
|
+ <span
|
|
|
+ slot="downloadStartCost"
|
|
|
+ slot-scope="downloadStartCost"
|
|
|
+ >{{ downloadStartCost | decimalsHandle }}</span>
|
|
|
+ <span
|
|
|
+ slot="installFinishCost"
|
|
|
+ slot-scope="installFinishCost"
|
|
|
+ >{{ installFinishCost | decimalsHandle }}</span>
|
|
|
+ <span slot="convertCost" slot-scope="convertCost">{{ convertCost | decimalsHandle }}</span>
|
|
|
|
|
|
- <!-- -->
|
|
|
- <!-- <span
|
|
|
- slot="downloadStartRate"
|
|
|
- slot-scope="downloadStartRate"
|
|
|
- >{{ downloadStartRate | toPercentage }}</span>
|
|
|
- <span
|
|
|
- slot="downloadFinishRate"
|
|
|
- slot-scope="downloadFinishRate"
|
|
|
- >{{ downloadFinishRate | toPercentage }}</span>
|
|
|
- <span slot="activeRate" slot-scope="activeRate">{{ activeRate | toPercentage }}</span>
|
|
|
- <span
|
|
|
- slot="activeRegisterRate"
|
|
|
- slot-scope="activeRegisterRate"
|
|
|
- >{{ activeRegisterRate | toPercentage }}</span>
|
|
|
- <span
|
|
|
- slot="gameAddictionRate"
|
|
|
- slot-scope="gameAddictionRate"
|
|
|
- >{{ gameAddictionRate | toPercentage }}</span>
|
|
|
- <span slot="nextDayOpenRate" slot-scope="nextDayOpenRate">{{ nextDayOpenRate | toPercentage }}</span> -->
|
|
|
-
|
|
|
-
|
|
|
- <span slot="relativePeople" slot-scope="text,record">
|
|
|
- <!-- <a href="javascript:;" @click.stop="showRelevantPeople(record)">查看相关人员</a> -->
|
|
|
- <p>剪辑:{{record.clip || '无'}}</p>
|
|
|
- <p>拍摄:{{record.shot || '无'}}</p>
|
|
|
- <p>编导:{{record.plan ||'无'}}</p>
|
|
|
- </span>
|
|
|
+ <!-- -->
|
|
|
+ <!-- <span
|
|
|
+ slot="downloadStartRate"
|
|
|
+ slot-scope="downloadStartRate"
|
|
|
+ >{{ downloadStartRate | toPercentage }}</span>
|
|
|
+ <span
|
|
|
+ slot="downloadFinishRate"
|
|
|
+ slot-scope="downloadFinishRate"
|
|
|
+ >{{ downloadFinishRate | toPercentage }}</span>
|
|
|
+ <span slot="activeRate" slot-scope="activeRate">{{ activeRate | toPercentage }}</span>
|
|
|
+ <span
|
|
|
+ slot="activeRegisterRate"
|
|
|
+ slot-scope="activeRegisterRate"
|
|
|
+ >{{ activeRegisterRate | toPercentage }}</span>
|
|
|
+ <span
|
|
|
+ slot="gameAddictionRate"
|
|
|
+ slot-scope="gameAddictionRate"
|
|
|
+ >{{ gameAddictionRate | toPercentage }}</span>
|
|
|
+ <span slot="nextDayOpenRate" slot-scope="nextDayOpenRate">{{ nextDayOpenRate | toPercentage }}</span> -->
|
|
|
+
|
|
|
+
|
|
|
+ <span slot="relativePeople" slot-scope="text,record">
|
|
|
+ <!-- <a href="javascript:;" @click.stop="showRelevantPeople(record)">查看相关人员</a> -->
|
|
|
+ <p>剪辑:{{record.clip || '无'}}</p>
|
|
|
+ <p>拍摄:{{record.shot || '无'}}</p>
|
|
|
+ <p>编导:{{record.plan || '无'}}</p>
|
|
|
+ <p>负责人:{{record.leader || '无'}}</p>
|
|
|
+ </span>
|
|
|
|
|
|
- </a-table>
|
|
|
- <a-modal v-model="relevantPeopleVisible" title="相关人员" :footer="null" :centered='true'>
|
|
|
- <p>编导:{{relevantPeopleData.planName || '暂无数据'}}</p>
|
|
|
- <p>剪辑:{{relevantPeopleData.clipName || '暂无数据'}}</p>
|
|
|
- <p>拍摄:{{relevantPeopleData.shotName || '暂无数据'}}</p>
|
|
|
- </a-modal>
|
|
|
- <a-modal v-model="Videovisible" title="视频详情" @ok="videoOk" :footer="null" width="50%">
|
|
|
- <video
|
|
|
- @click.stop
|
|
|
- class="video"
|
|
|
- :src="videoUrl"
|
|
|
- controls="controls"
|
|
|
- style="height:600px;width:100%"
|
|
|
- >您的浏览器不支持 video 标签。</video>
|
|
|
- </a-modal>
|
|
|
- <customColumn :visible='visible' :listNum='listNum' :fiexColumn='columnsFixd' :mediaType='1' @closeCustomColumn='closeCustomColumn' @changeColumn='changeColumn' />
|
|
|
+ </a-table>
|
|
|
+ <a-modal v-model="relevantPeopleVisible" title="相关人员" :footer="null" :centered='true'>
|
|
|
+ <p>编导:{{relevantPeopleData.planName || '暂无数据'}}</p>
|
|
|
+ <p>剪辑:{{relevantPeopleData.clipName || '暂无数据'}}</p>
|
|
|
+ <p>拍摄:{{relevantPeopleData.shotName || '暂无数据'}}</p>
|
|
|
+ </a-modal>
|
|
|
+ <a-modal v-model="Videovisible" title="视频详情" @ok="videoOk" :footer="null" width="50%">
|
|
|
+ <video
|
|
|
+ @click.stop
|
|
|
+ class="video"
|
|
|
+ :src="videoUrl"
|
|
|
+ controls="controls"
|
|
|
+ style="height:600px;width:100%"
|
|
|
+ >您的浏览器不支持 video 标签。</video>
|
|
|
+ </a-modal>
|
|
|
+ <customColumn :visible='visible' :listNum='listNum' :fiexColumn='columnsFixd' :mediaType='1' @closeCustomColumn='closeCustomColumn' @changeColumn='changeColumn' />
|
|
|
|
|
|
|
|
|
- <!-- 明细表 -->
|
|
|
+ <!-- 明细表 -->
|
|
|
|
|
|
- <a-modal v-model="visibleDetail" title="详细信息" width="50%" :footer="null" >
|
|
|
- <a-button type="default" @click="exportExcel('exportDetail')" id="mybtn" :loading="visibleLoading">导出报表</a-button>
|
|
|
- <a-table
|
|
|
- :columns="detailColumn"
|
|
|
- :data-source="detailData"
|
|
|
- bordered
|
|
|
- tableLayout="auto"
|
|
|
- :loading='detailLoading'
|
|
|
- :pagination="false"
|
|
|
- style="word-break: break-all;"
|
|
|
- >
|
|
|
- <span slot="advertiserName" slot-scope="text">{{ text || '暂未填写该数据' }}</span>
|
|
|
- <span slot="cost" slot-scope="cost">{{ cost | decimalsHandle }}</span>
|
|
|
- </a-table>
|
|
|
- </a-modal>
|
|
|
- </div>
|
|
|
+ <a-modal v-model="visibleDetail" title="详细信息" width="50%" :footer="null" >
|
|
|
+ <a-button type="default" @click="exportExcel('exportDetail')" id="mybtn" :loading="visibleLoading">导出报表</a-button>
|
|
|
+ <a-table
|
|
|
+ :columns="detailColumn"
|
|
|
+ :data-source="detailData"
|
|
|
+ bordered
|
|
|
+ tableLayout="auto"
|
|
|
+ :loading='detailLoading'
|
|
|
+ :pagination="false"
|
|
|
+ style="word-break: break-all;"
|
|
|
+ >
|
|
|
+ <span slot="advertiserName" slot-scope="text">{{ text || '暂未填写该数据' }}</span>
|
|
|
+ <span slot="cost" slot-scope="cost">{{ cost | decimalsHandle }}</span>
|
|
|
+ </a-table>
|
|
|
+ </a-modal>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -231,6 +232,13 @@ const columnsFixd = [
|
|
|
width: 120,
|
|
|
fixed: 'left'
|
|
|
},
|
|
|
+ // {
|
|
|
+ // title: '设计负责人',
|
|
|
+ // dataIndex: 'leader',
|
|
|
+ // align: 'center',
|
|
|
+ // width: 120,
|
|
|
+ // fixed: 'left'
|
|
|
+ // },
|
|
|
{
|
|
|
title: '视频ID',
|
|
|
dataIndex: 'signature',
|
|
@@ -359,6 +367,7 @@ const initVariableColimns=[
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ designDirector: '',
|
|
|
visibleLoading:false,
|
|
|
noImg:require('@/assets/noImg.png'),
|
|
|
detailLoading:false,
|
|
@@ -585,24 +594,23 @@ export default {
|
|
|
accountIds:this.appId,
|
|
|
target:this.target,
|
|
|
order:this.order,
|
|
|
- clip:this.clip?this.clip:'',
|
|
|
+ leader: this.designDirector,
|
|
|
+ clip:this.clip?this.clip:'',
|
|
|
shot:this.shot?this.shot:'',
|
|
|
plan:this.plan?this.plan:'',
|
|
|
}).then(res => {
|
|
|
let resArr = []
|
|
|
this.data=[];
|
|
|
- this.loading = false
|
|
|
+ this.loading = false
|
|
|
if (res.success) {
|
|
|
-
|
|
|
- this.data = res.result.list.map((item,index)=>{
|
|
|
- return {
|
|
|
- ...item,
|
|
|
- key:index
|
|
|
- }
|
|
|
- })
|
|
|
- this.ipagination.total = res.result.total
|
|
|
- this.loading = false
|
|
|
-
|
|
|
+ this.data = res.result.list.map((item,index)=>{
|
|
|
+ return {
|
|
|
+ ...item,
|
|
|
+ key:index
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.ipagination.total = res.result.total
|
|
|
+ this.loading = false
|
|
|
}
|
|
|
})
|
|
|
},
|