|
@@ -1,5 +1,5 @@
|
|
<template>
|
|
<template>
|
|
- <div class="vsummary">
|
|
|
|
|
|
+ <div class="imageCostReport">
|
|
<div class="tabspane">
|
|
<div class="tabspane">
|
|
<a-tabs v-model="tabKeys" @change="tabChange">
|
|
<a-tabs v-model="tabKeys" @change="tabChange">
|
|
<a-tab-pane :key="1" tab="头条">
|
|
<a-tab-pane :key="1" tab="头条">
|
|
@@ -75,7 +75,9 @@
|
|
style="word-break: break-all;"
|
|
style="word-break: break-all;"
|
|
>
|
|
>
|
|
<div slot="imageUrl" slot-scope="text,records">
|
|
<div slot="imageUrl" slot-scope="text,records">
|
|
|
|
+ <span v-if="text=='总计'">{{text}}</span>
|
|
<img
|
|
<img
|
|
|
|
+ v-else
|
|
:src="text"
|
|
:src="text"
|
|
alt
|
|
alt
|
|
style="width:80px"
|
|
style="width:80px"
|
|
@@ -169,15 +171,15 @@ const TTcolumns = [
|
|
width: 200,
|
|
width: 200,
|
|
fixed: 'left'
|
|
fixed: 'left'
|
|
},
|
|
},
|
|
- {
|
|
|
|
- title:'相关平面',
|
|
|
|
- dataIndex:'operation',
|
|
|
|
- key:'operation',
|
|
|
|
- scopedSlots: { customRender: 'operation' },
|
|
|
|
- align: 'center',
|
|
|
|
- width:150,
|
|
|
|
- fixed: 'left'
|
|
|
|
- },
|
|
|
|
|
|
+ // {
|
|
|
|
+ // title:'相关平面',
|
|
|
|
+ // dataIndex:'operation',
|
|
|
|
+ // key:'operation',
|
|
|
|
+ // scopedSlots: { customRender: 'operation' },
|
|
|
|
+ // align: 'center',
|
|
|
|
+ // width:150,
|
|
|
|
+ // fixed: 'left'
|
|
|
|
+ // },
|
|
|
|
|
|
{
|
|
{
|
|
title: '消耗(元)',
|
|
title: '消耗(元)',
|
|
@@ -269,15 +271,15 @@ const KScolumns = [
|
|
width: 200,
|
|
width: 200,
|
|
fixed: 'left'
|
|
fixed: 'left'
|
|
},
|
|
},
|
|
- {
|
|
|
|
- title:'相关平面',
|
|
|
|
- dataIndex:'operation',
|
|
|
|
- key:'operation',
|
|
|
|
- scopedSlots: { customRender: 'operation' },
|
|
|
|
- align: 'center',
|
|
|
|
- width:150,
|
|
|
|
- fixed: 'left'
|
|
|
|
- },
|
|
|
|
|
|
+ // {
|
|
|
|
+ // title:'相关平面',
|
|
|
|
+ // dataIndex:'operation',
|
|
|
|
+ // key:'operation',
|
|
|
|
+ // scopedSlots: { customRender: 'operation' },
|
|
|
|
+ // align: 'center',
|
|
|
|
+ // width:150,
|
|
|
|
+ // fixed: 'left'
|
|
|
|
+ // },
|
|
|
|
|
|
{
|
|
{
|
|
title: '消耗',
|
|
title: '消耗',
|
|
@@ -432,24 +434,30 @@ export default {
|
|
accountID:undefined,
|
|
accountID:undefined,
|
|
ipagination: {
|
|
ipagination: {
|
|
current: 1,
|
|
current: 1,
|
|
- pageSize: 10,
|
|
|
|
|
|
+ pageSize: 11,
|
|
// pageSizeOptions: ['10', '20', '30'],
|
|
// pageSizeOptions: ['10', '20', '30'],
|
|
showTotal: (total, range) => {
|
|
showTotal: (total, range) => {
|
|
- return range[0] + "-" + range[1] + " 共" + total + "条"
|
|
|
|
|
|
+ console.log(total,range)
|
|
|
|
+ if(range[0]>1){
|
|
|
|
+ return (range[0]-this.ipagination.current+1) + "-" + (range[1]-this.ipagination.current) + " 共" + (total-Math.ceil(this.pageTotal/10)) + "条"
|
|
|
|
+ }else{
|
|
|
|
+ return range[0] + "-" + (range[1]-1) + " 共" + (total-Math.ceil(this.pageTotal/10)) + "条"
|
|
|
|
+ }
|
|
|
|
+
|
|
},
|
|
},
|
|
showQuickJumper: true,
|
|
showQuickJumper: true,
|
|
- showSizeChanger:true,
|
|
|
|
- pageSizeOptions: ['10', '30', '50'],
|
|
|
|
|
|
+ // showSizeChanger:true,
|
|
|
|
+ // pageSizeOptions: ['10', '30', '50'],
|
|
total: 0,
|
|
total: 0,
|
|
- onChange: (current, pageSize) => {
|
|
|
|
- // 切换分页时的回调,
|
|
|
|
- // 当在页面定义change事件时,切记要把此处的事件清除,因为这两个事件重叠了,可能到时候会导致一些莫名的bug
|
|
|
|
- this.ipagination.current = current;
|
|
|
|
- this.ipagination.pageSize= pageSize;
|
|
|
|
- }
|
|
|
|
|
|
+ // onChange: (current, pageSize) => {
|
|
|
|
+ // // 切换分页时的回调,
|
|
|
|
+ // // 当在页面定义change事件时,切记要把此处的事件清除,因为这两个事件重叠了,可能到时候会导致一些莫名的bug
|
|
|
|
+ // this.ipagination.current = current;
|
|
|
|
+ // this.ipagination.pageSize= pageSize;
|
|
|
|
+ // }
|
|
},
|
|
},
|
|
|
|
|
|
-
|
|
|
|
|
|
+ pageTotal:0,
|
|
|
|
|
|
relevantPeopleVisible:false,
|
|
relevantPeopleVisible:false,
|
|
relevantPeopleData:{},
|
|
relevantPeopleData:{},
|
|
@@ -490,7 +498,17 @@ export default {
|
|
//
|
|
//
|
|
form: [],
|
|
form: [],
|
|
videoID: '',
|
|
videoID: '',
|
|
- timedata: []
|
|
|
|
|
|
+ timedata: [],
|
|
|
|
+ bytedanceUrl:{
|
|
|
|
+ cost:'/image/bytedance/cost',
|
|
|
|
+ totalCost:'image/bytedance/costTotal'
|
|
|
|
+ },
|
|
|
|
+ kuaishouUrl:{
|
|
|
|
+ cost:'/image/kuaishou/cost',
|
|
|
|
+ totalCost:'image/kuaishou/costTotal',
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+ totalCost:{},
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// mixins: [JeecgListMixin],
|
|
// mixins: [JeecgListMixin],
|
|
@@ -503,19 +521,20 @@ export default {
|
|
tabChange(val){
|
|
tabChange(val){
|
|
this.accountIds=[];
|
|
this.accountIds=[];
|
|
this.data=[]
|
|
this.data=[]
|
|
- this.ipagination.current=1
|
|
|
|
|
|
+ this.ipagination.current=1;
|
|
|
|
+ this.totalCost={}
|
|
if(this.tabKeys==1){
|
|
if(this.tabKeys==1){
|
|
this.treeData=this.TTaccountList;
|
|
this.treeData=this.TTaccountList;
|
|
this.columns=this.TTcolumns;
|
|
this.columns=this.TTcolumns;
|
|
this.target='cost';
|
|
this.target='cost';
|
|
this.scrollX=0;
|
|
this.scrollX=0;
|
|
- this.HttpPost('/image/bytedance/cost')
|
|
|
|
|
|
+ this.getTableData(this.bytedanceUrl)
|
|
}else if (this.tabKeys==2){
|
|
}else if (this.tabKeys==2){
|
|
this.treeData=this.KSaccountList;
|
|
this.treeData=this.KSaccountList;
|
|
this.columns=this.KScolumns
|
|
this.columns=this.KScolumns
|
|
this.target='cost'
|
|
this.target='cost'
|
|
this.scrollX=2500
|
|
this.scrollX=2500
|
|
- this.HttpPost('/image/kuaishou/cost')
|
|
|
|
|
|
+ this.getTableData(this.kuaishouUrl)
|
|
}
|
|
}
|
|
},
|
|
},
|
|
treeChange(val) {
|
|
treeChange(val) {
|
|
@@ -571,8 +590,8 @@ export default {
|
|
})
|
|
})
|
|
},
|
|
},
|
|
sort(pagination, filters, sorter, { currentDataSource }){
|
|
sort(pagination, filters, sorter, { currentDataSource }){
|
|
- console.log(pagination, filters, sorter)
|
|
|
|
- if(sorter.order == 'ascend'){
|
|
|
|
|
|
+ console.log(pagination, filters, sorter)
|
|
|
|
+ if(sorter.order == 'ascend'){
|
|
this.order='asc'
|
|
this.order='asc'
|
|
this.target=sorter.columnKey;
|
|
this.target=sorter.columnKey;
|
|
}else if(sorter.order == 'descend'){
|
|
}else if(sorter.order == 'descend'){
|
|
@@ -584,11 +603,11 @@ export default {
|
|
}
|
|
}
|
|
this.ipagination.current=pagination.current
|
|
this.ipagination.current=pagination.current
|
|
this.ipagination.pageSize= pagination.pageSize;
|
|
this.ipagination.pageSize= pagination.pageSize;
|
|
-
|
|
|
|
|
|
+
|
|
if(this.tabKeys==1){
|
|
if(this.tabKeys==1){
|
|
- this.HttpPost('/image/bytedance/cost')
|
|
|
|
|
|
+ this.getTableData(this.bytedanceUrl)
|
|
}else if (this.tabKeys==2){
|
|
}else if (this.tabKeys==2){
|
|
- this.HttpPost('/image/kuaishou/cost')
|
|
|
|
|
|
+ this.getTableData(this.kuaishouUrl)
|
|
}
|
|
}
|
|
},
|
|
},
|
|
moment,
|
|
moment,
|
|
@@ -615,12 +634,102 @@ export default {
|
|
searchRes() {
|
|
searchRes() {
|
|
this.data=[];
|
|
this.data=[];
|
|
this.ipagination.current=1
|
|
this.ipagination.current=1
|
|
|
|
+ this.totalCost={};
|
|
if(this.tabKeys==1){
|
|
if(this.tabKeys==1){
|
|
- this.HttpPost('/image/bytedance/cost')
|
|
|
|
|
|
+ this.getTableData(this.bytedanceUrl)
|
|
}else if (this.tabKeys==2){
|
|
}else if (this.tabKeys==2){
|
|
- this.HttpPost('/image/kuaishou/cost')
|
|
|
|
|
|
+ this.getTableData(this.kuaishouUrl)
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+
|
|
|
|
+ getTableData(type){
|
|
|
|
+ this.loading=true
|
|
|
|
+ // this.data=[];
|
|
|
|
+ let HttpPost = new Promise((resolve, reject) => {
|
|
|
|
+ postAction(type.cost, {
|
|
|
|
+ startDate: this.dateValue[0].format('YYYY-MM-DD'),
|
|
|
|
+ endDate: this.dateValue[1].format('YYYY-MM-DD'),
|
|
|
|
+ code: this.videoID,
|
|
|
|
+ pageNumber:this.ipagination.current,
|
|
|
|
+ pageSize:this.ipagination.pageSize-1,
|
|
|
|
+ accountList:this.accountIds,
|
|
|
|
+ order:this.order,
|
|
|
|
+ target:this.target,
|
|
|
|
+ }).then(res => {
|
|
|
|
+ let resArr = []
|
|
|
|
+
|
|
|
|
+ if (res.success) {
|
|
|
|
+ resArr = res.data.list.map((item,index)=>{
|
|
|
|
+ return {
|
|
|
|
+ ...item,
|
|
|
|
+ key:item.signature
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ this.pageTotal=res.data.total;
|
|
|
|
+ this.ipagination.total = res.data.total+Math.ceil(res.data.total/10)
|
|
|
|
+
|
|
|
|
+ resolve(resArr)
|
|
|
|
+ }else{
|
|
|
|
+
|
|
|
|
+ reject('失败')
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ let totalCostHttp = new Promise((resolve, reject) => {
|
|
|
|
+ if(this.totalCost.key){
|
|
|
|
+ resolve(this.totalCost)
|
|
|
|
+ }else{
|
|
|
|
+ postAction(type.totalCost, {
|
|
|
|
+ startDate: this.dateValue[0].format('YYYY-MM-DD'),
|
|
|
|
+ endDate: this.dateValue[1].format('YYYY-MM-DD'),
|
|
|
|
+ code: this.videoID,
|
|
|
|
+ pageNumber:this.ipagination.current,
|
|
|
|
+ pageSize:this.ipagination.pageSize,
|
|
|
|
+ accountList:this.accountIds,
|
|
|
|
+ }).then(res => {
|
|
|
|
+ console.log(res)
|
|
|
|
+ let resArr = []
|
|
|
|
+
|
|
|
|
+ if (res.success) {
|
|
|
|
+ resArr = res.data;
|
|
|
|
+ resArr.imageUrl='总计';
|
|
|
|
+ resArr.projectName='-';
|
|
|
|
+ resArr.signature='-';
|
|
|
|
+ resArr.key='total';
|
|
|
|
+ this.totalCost=resArr;
|
|
|
|
+ resolve(resArr)
|
|
|
|
+ }else{
|
|
|
|
+
|
|
|
|
+ reject('失败')
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ Promise.all([HttpPost, totalCostHttp]).then((result) => {
|
|
|
|
+ console.log(result); //['成功了', 'success']
|
|
|
|
+ this.data=[];
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ if(result[0].length){
|
|
|
|
+ this.data=[
|
|
|
|
+ result[1],
|
|
|
|
+ ...result[0]
|
|
|
|
+ ]
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ console.log(this.data,'---------------------------------------------')
|
|
|
|
+ this.$forceUpdate()
|
|
|
|
+ this.loading=false;
|
|
|
|
+ }).catch((error) => {
|
|
|
|
+ console.log(error)
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+
|
|
loadShow(){
|
|
loadShow(){
|
|
show++
|
|
show++
|
|
if(this.data.length>0){
|
|
if(this.data.length>0){
|
|
@@ -630,80 +739,73 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
//网络请求table数据函数
|
|
//网络请求table数据函数
|
|
- HttpPost(url){
|
|
|
|
- this.loading=true;
|
|
|
|
- this.data=[]
|
|
|
|
- show = 0
|
|
|
|
- postAction(url, {
|
|
|
|
- startDate: this.dateValue[0].format('YYYY-MM-DD'),
|
|
|
|
- endDate: this.dateValue[1].format('YYYY-MM-DD'),
|
|
|
|
- code: this.videoID,
|
|
|
|
- pageNumber:this.ipagination.current,
|
|
|
|
- pageSize:this.ipagination.pageSize,
|
|
|
|
- accountList:this.accountIds,
|
|
|
|
- order:this.order,
|
|
|
|
- target:this.target,
|
|
|
|
- }).then(res => {
|
|
|
|
- let resArr = []
|
|
|
|
- this.loading=false;
|
|
|
|
- if (res.success) {
|
|
|
|
- // let result = res.result
|
|
|
|
- // this.data.push({ ...result, key: 1 })
|
|
|
|
- // result.map((item, index) => {
|
|
|
|
- // item.key = index
|
|
|
|
- // })
|
|
|
|
- this.data = res.data.list.map((item,index)=>{
|
|
|
|
- return {
|
|
|
|
- ...item,
|
|
|
|
- key:index
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- this.ipagination.total = res.data.total
|
|
|
|
- this.loading = false
|
|
|
|
|
|
+ // HttpPost(url){
|
|
|
|
+ // this.loading=true;
|
|
|
|
+ // this.data=[]
|
|
|
|
+ // show = 0
|
|
|
|
+ // postAction(url, {
|
|
|
|
+ // startDate: this.dateValue[0].format('YYYY-MM-DD'),
|
|
|
|
+ // endDate: this.dateValue[1].format('YYYY-MM-DD'),
|
|
|
|
+ // code: this.videoID,
|
|
|
|
+ // pageNumber:this.ipagination.current,
|
|
|
|
+ // pageSize:this.ipagination.pageSize,
|
|
|
|
+ // accountList:this.accountIds,
|
|
|
|
+ // order:this.order,
|
|
|
|
+ // target:this.target,
|
|
|
|
+ // }).then(res => {
|
|
|
|
+ // let resArr = []
|
|
|
|
+ // this.loading=false;
|
|
|
|
+ // if (res.success) {
|
|
|
|
+ // this.data = res.data.list.map((item,index)=>{
|
|
|
|
+ // return {
|
|
|
|
+ // ...item,
|
|
|
|
+ // key:index
|
|
|
|
+ // }
|
|
|
|
+ // })
|
|
|
|
+ // this.ipagination.total = res.data.total
|
|
|
|
+ // this.loading = false
|
|
|
|
|
|
- }else{
|
|
|
|
- this.loading = false
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
|
|
+ // }else{
|
|
|
|
+ // this.loading = false
|
|
|
|
+ // }
|
|
|
|
+ // })
|
|
|
|
+ // },
|
|
//导出报表
|
|
//导出报表
|
|
exportExcel() {
|
|
exportExcel() {
|
|
this.exportExcelIsOk=true;
|
|
this.exportExcelIsOk=true;
|
|
|
|
|
|
- // let column = this.columns.map((item, index) => {
|
|
|
|
- // return item.dataIndex
|
|
|
|
- // })
|
|
|
|
- // let columns=['url',...column]
|
|
|
|
- let url=''
|
|
|
|
- if(this.tabKeys==1){
|
|
|
|
- url='/image/bytedance/cost/export'
|
|
|
|
- }else{
|
|
|
|
- url='/image/kuaishou/cost/export'
|
|
|
|
- }
|
|
|
|
|
|
+ // let column = this.columns.map((item, index) => {
|
|
|
|
+ // return item.dataIndex
|
|
|
|
+ // })
|
|
|
|
+ // let columns=['url',...column]
|
|
|
|
+ let url=''
|
|
|
|
+ if(this.tabKeys==1){
|
|
|
|
+ url='/image/bytedance/cost/export'
|
|
|
|
+ }else{
|
|
|
|
+ url='/image/kuaishou/cost/export'
|
|
|
|
+ }
|
|
|
|
|
|
- downFilePost(url, {
|
|
|
|
-
|
|
|
|
|
|
+ downFilePost(url, {
|
|
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'),
|
|
code: this.videoID,
|
|
code: this.videoID,
|
|
accountList:this.accountIds,
|
|
accountList:this.accountIds,
|
|
order:this.order,
|
|
order:this.order,
|
|
target:this.target,
|
|
target:this.target,
|
|
- }).then(res => {
|
|
|
|
-
|
|
|
|
- let blob = new Blob([res], {
|
|
|
|
- type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
|
|
|
|
- })
|
|
|
|
- let downloadElement = document.createElement('a')
|
|
|
|
- let href = window.URL.createObjectURL(blob) //创建下载的链接
|
|
|
|
- downloadElement.href = href
|
|
|
|
- downloadElement.download = '图片消耗.xlsx' //下载后文件名
|
|
|
|
- document.body.appendChild(downloadElement)
|
|
|
|
- downloadElement.click() //点击下载
|
|
|
|
- document.body.removeChild(downloadElement) //下载完成移除元素
|
|
|
|
- window.URL.revokeObjectURL(href) //释放掉blob对象
|
|
|
|
- this.exportExcelIsOk=false;
|
|
|
|
- })
|
|
|
|
|
|
+ }).then(res => {
|
|
|
|
+ let blob = new Blob([res], {
|
|
|
|
+ type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
|
|
|
|
+ })
|
|
|
|
+ let downloadElement = document.createElement('a')
|
|
|
|
+ let href = window.URL.createObjectURL(blob) //创建下载的链接
|
|
|
|
+ downloadElement.href = href
|
|
|
|
+ downloadElement.download = '图片消耗.xlsx' //下载后文件名
|
|
|
|
+ document.body.appendChild(downloadElement)
|
|
|
|
+ downloadElement.click() //点击下载
|
|
|
|
+ document.body.removeChild(downloadElement) //下载完成移除元素
|
|
|
|
+ window.URL.revokeObjectURL(href) //释放掉blob对象
|
|
|
|
+ this.exportExcelIsOk=false;
|
|
|
|
+ })
|
|
},
|
|
},
|
|
|
|
|
|
//日期选择回调
|
|
//日期选择回调
|
|
@@ -800,12 +902,17 @@ export default {
|
|
|
|
|
|
|
|
|
|
},
|
|
},
|
|
- // watch:{
|
|
|
|
- // 'ipagination.current':function(n,o){
|
|
|
|
- // console.log(n,o)
|
|
|
|
- // this.HttpPost()
|
|
|
|
- // }
|
|
|
|
- // },
|
|
|
|
|
|
+ watch:{
|
|
|
|
+ // 'ipagination.current':function(n,o){
|
|
|
|
+ // console.log(n,o)
|
|
|
|
+
|
|
|
|
+ // if(this.tabKeys==1){
|
|
|
|
+ // this.getTableData(this.bytedanceUrl)
|
|
|
|
+ // }else if (this.tabKeys==2){
|
|
|
|
+ // this.getTableData(this.kuaishouUrl)
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ },
|
|
|
|
|
|
filters: {
|
|
filters: {
|
|
|
|
|
|
@@ -905,10 +1012,11 @@ export default {
|
|
dateValue:{
|
|
dateValue:{
|
|
deep:true,
|
|
deep:true,
|
|
handler(){
|
|
handler(){
|
|
|
|
+ this.totalCost={};
|
|
if(this.tabKeys==1){
|
|
if(this.tabKeys==1){
|
|
- this.HttpPost('/image/bytedance/cost')
|
|
|
|
|
|
+ this.getTableData(this.bytedanceUrl)
|
|
}else if (this.tabKeys==2){
|
|
}else if (this.tabKeys==2){
|
|
- this.HttpPost('/image/kuaishou/cost')
|
|
|
|
|
|
+ this.getTableData(this.kuaishouUrl)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -918,7 +1026,8 @@ export default {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
- this.HttpPost('/image/bytedance/cost')
|
|
|
|
|
|
+ // this.HttpPost('/image/bytedance/cost')
|
|
|
|
+ this.getTableData(this.bytedanceUrl)
|
|
this.accountHttp(1);
|
|
this.accountHttp(1);
|
|
this.accountHttp(2);
|
|
this.accountHttp(2);
|
|
|
|
|
|
@@ -930,18 +1039,22 @@ export default {
|
|
// .ant-table .ant-table-fixed-left .ant-table-thead {
|
|
// .ant-table .ant-table-fixed-left .ant-table-thead {
|
|
// height: 108px !important ;
|
|
// height: 108px !important ;
|
|
// }
|
|
// }
|
|
-.vsummary{
|
|
|
|
|
|
+.imageCostReport{
|
|
.ant-table .ant-table-thead .ant-table-header-column .ant-table-column-title {
|
|
.ant-table .ant-table-thead .ant-table-header-column .ant-table-column-title {
|
|
// display:block;
|
|
// display:block;
|
|
white-space: normal;
|
|
white-space: normal;
|
|
word-break: break-all;
|
|
word-break: break-all;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ .ant-table-tbody .ant-table-row-level-0:first-child{
|
|
|
|
+ background: #e8e9ea;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
</style>
|
|
</style>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
-.vsummary {
|
|
|
|
|
|
+.imageCostReport {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
background: #fff;
|
|
background: #fff;
|