|
@@ -12,13 +12,17 @@
|
|
size="middle"
|
|
size="middle"
|
|
:pagination="false"
|
|
:pagination="false"
|
|
>
|
|
>
|
|
- <span slot-scope="text" slot="url">
|
|
|
|
- <video class="video" :src="text" controls="controls" style="height:200px">
|
|
|
|
- 您的浏览器不支持 video 标签。
|
|
|
|
- </video>
|
|
|
|
|
|
+ <span slot-scope="text" slot="mediaId">
|
|
|
|
+ {{ text == 1 ? '头条' : '快手' }}
|
|
</span>
|
|
</span>
|
|
- <span slot="videoRoleCode" slot-scope="text">
|
|
|
|
- {{ text | roleName }}
|
|
|
|
|
|
+ <span slot="quarter" slot-scope="text, record">
|
|
|
|
+ {{ record.year + '年第' + record.quarter + '季度' }}
|
|
|
|
+ </span>
|
|
|
|
+ <span slot="startDate" slot-scope="text, record">
|
|
|
|
+ {{ record.startDate + '~' + record.endDate }}
|
|
|
|
+ </span>
|
|
|
|
+ <span slot="action" slot-scope="text, record">
|
|
|
|
+ <a :disabled="record.cost == 0 || record.cost == null" @click="toDetail(record)">查看详情</a>
|
|
</span>
|
|
</span>
|
|
</a-table>
|
|
</a-table>
|
|
</a-card>
|
|
</a-card>
|
|
@@ -56,74 +60,68 @@ for (let i = 0; i < 12; i += 1) {
|
|
|
|
|
|
const columns = [
|
|
const columns = [
|
|
{
|
|
{
|
|
- title: '视频',
|
|
|
|
- dataIndex: 'url',
|
|
|
|
- key: 'url',
|
|
|
|
- align: 'center',
|
|
|
|
- scopedSlots: {
|
|
|
|
- customRender: 'url'
|
|
|
|
- },
|
|
|
|
- width: 200
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title: '素材名称',
|
|
|
|
- dataIndex: 'materialName',
|
|
|
|
- key: 'materialName',
|
|
|
|
|
|
+ title: '项目名称',
|
|
|
|
+ dataIndex: 'projectName',
|
|
|
|
+ key: 'projectName',
|
|
align: 'center'
|
|
align: 'center'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '本职角色',
|
|
|
|
- dataIndex: 'originRoleName',
|
|
|
|
- key: 'originRoleName',
|
|
|
|
|
|
+ title: '账户id',
|
|
|
|
+ dataIndex: 'accountId',
|
|
|
|
+ key: 'accountId',
|
|
align: 'center'
|
|
align: 'center'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '担任角色',
|
|
|
|
- dataIndex: 'videoRoleCode',
|
|
|
|
- key: 'videoRoleCode',
|
|
|
|
- scopedSlots: {
|
|
|
|
- customRender: 'videoRoleCode'
|
|
|
|
- },
|
|
|
|
|
|
+ title: '账户运营',
|
|
|
|
+ dataIndex: 'userName',
|
|
|
|
+ key: 'userName',
|
|
align: 'center'
|
|
align: 'center'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '设计师',
|
|
|
|
- dataIndex: 'realname',
|
|
|
|
- key: 'realname',
|
|
|
|
- align: 'center'
|
|
|
|
- }
|
|
|
|
-]
|
|
|
|
-// 账户名、项目名、优化师姓名、当季消耗、授权名称
|
|
|
|
-const columnsYou = [
|
|
|
|
- {
|
|
|
|
- title: '账户',
|
|
|
|
|
|
+ title: '广告主名称',
|
|
dataIndex: 'advertiserName',
|
|
dataIndex: 'advertiserName',
|
|
key: 'advertiserName',
|
|
key: 'advertiserName',
|
|
align: 'center'
|
|
align: 'center'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '项目',
|
|
|
|
- dataIndex: 'projectName',
|
|
|
|
- key: 'projectName',
|
|
|
|
|
|
+ title: '授权名称',
|
|
|
|
+ dataIndex: 'authName',
|
|
|
|
+ key: 'authName',
|
|
align: 'center'
|
|
align: 'center'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '优化师',
|
|
|
|
- dataIndex: 'userName',
|
|
|
|
- key: 'userName',
|
|
|
|
|
|
+ title: '季度消耗',
|
|
|
|
+ dataIndex: 'cost',
|
|
|
|
+ key: 'cost',
|
|
align: 'center'
|
|
align: 'center'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '当季消耗',
|
|
|
|
- dataIndex: 'totalCost',
|
|
|
|
- key: 'totalCost',
|
|
|
|
- align: 'center'
|
|
|
|
|
|
+ title: '媒体类型',
|
|
|
|
+ dataIndex: 'mediaId',
|
|
|
|
+ key: 'mediaId',
|
|
|
|
+ align: 'center',
|
|
|
|
+ scopedSlots: { customRender: 'mediaId' }
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '授权名称',
|
|
|
|
- dataIndex: 'authName',
|
|
|
|
- key: 'authName',
|
|
|
|
- align: 'center'
|
|
|
|
|
|
+ title: '绩效年度',
|
|
|
|
+ dataIndex: 'quarter',
|
|
|
|
+ key: 'quarter',
|
|
|
|
+ align: 'center',
|
|
|
|
+ scopedSlots: { customRender: 'quarter' }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '运营所属时间段',
|
|
|
|
+ dataIndex: 'startDate',
|
|
|
|
+ key: 'startDate',
|
|
|
|
+ align: 'center',
|
|
|
|
+ scopedSlots: { customRender: 'startDate' }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '视频详情',
|
|
|
|
+ dataIndex: 'action',
|
|
|
|
+ key: 'action',
|
|
|
|
+ align: 'center',
|
|
|
|
+ scopedSlots: { customRender: 'action' }
|
|
}
|
|
}
|
|
]
|
|
]
|
|
export default {
|
|
export default {
|
|
@@ -159,7 +157,17 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- ...mapGetters(['nickname', 'avatar', 'userInfo'])
|
|
|
|
|
|
+ ...mapGetters(['nickname', 'avatar', 'userInfo']),
|
|
|
|
+ toDetail(item) {
|
|
|
|
+ localStorage.setItem('videoAccountId', item.accountId)
|
|
|
|
+ localStorage.setItem('videoAppType', item.mediaId)
|
|
|
|
+ localStorage.setItem('videoYear', item.year)
|
|
|
|
+ localStorage.setItem('videoQuarter', item.quarter)
|
|
|
|
+
|
|
|
|
+ this.$router.replace({
|
|
|
|
+ path: '/Statistics/projectVideo'
|
|
|
|
+ })
|
|
|
|
+ }
|
|
},
|
|
},
|
|
filters: {
|
|
filters: {
|
|
roleName: function(value) {
|
|
roleName: function(value) {
|
|
@@ -173,17 +181,16 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
- var userId = localStorage.getItem('detailUserId')
|
|
|
|
- var appType = localStorage.getItem('appType') == 'kuaishou' ? 2 : 1
|
|
|
|
- var type = localStorage.getItem('roleData')
|
|
|
|
- var weekDate = localStorage.getItem('weekDate').split('~')
|
|
|
|
- var typeAll = localStorage.getItem('typeAll')
|
|
|
|
- //
|
|
|
|
|
|
+ var userId = localStorage.getItem('projectStatisticsId')
|
|
|
|
+ var appType = localStorage.getItem('projectAppType') == 'kuaishou' ? 2 : 1
|
|
|
|
+ var type = localStorage.getItem('projectYear')
|
|
|
|
+ var weekDate = localStorage.getItem('projectQuarter')
|
|
|
|
+
|
|
postAction('/ctop/performance2/getQuarterAccountDetail', {
|
|
postAction('/ctop/performance2/getQuarterAccountDetail', {
|
|
- year: 2020,
|
|
|
|
- quarter: 1,
|
|
|
|
- appType: 2,
|
|
|
|
- projectId: 47
|
|
|
|
|
|
+ year: type,
|
|
|
|
+ quarter: weekDate,
|
|
|
|
+ appType: appType,
|
|
|
|
+ projectId: userId
|
|
}).then(res => {
|
|
}).then(res => {
|
|
if (res.success) {
|
|
if (res.success) {
|
|
this.dataList = res.result.map((item, index) => {
|
|
this.dataList = res.result.map((item, index) => {
|