Merge remote-tracking branch 'origin/master' into SCREEN
This commit is contained in:
@@ -26,6 +26,10 @@
|
|||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<span v-for="item in columns" :slot="item.dataIndex" :key="item.dataIndex">
|
||||||
|
<j-ellipsis :length="7" :value=" item[item.dataIndex] "></j-ellipsis>
|
||||||
|
</span>
|
||||||
|
|
||||||
<template slot="allMoney" slot-scope="text">
|
<template slot="allMoney" slot-scope="text">
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template slot="title">{{ formatMoney(text) }}</template>
|
<template slot="title">{{ formatMoney(text) }}</template>
|
||||||
@@ -139,16 +143,18 @@ export default {
|
|||||||
{
|
{
|
||||||
title: '',
|
title: '',
|
||||||
align: 'center',
|
align: 'center',
|
||||||
width: 140,
|
width: 120,
|
||||||
dataIndex: 'indexName',
|
dataIndex: 'indexName',
|
||||||
scopedSlots: {customRender: 'text'}
|
scopedSlots: {customRender: 'text'}
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
data.map((item, index) => {
|
data.map((item, index) => {
|
||||||
this.columns.push({
|
this.columns.push({
|
||||||
title: item.name,
|
// title: item.name,
|
||||||
|
slots:{title: 'key' + index},
|
||||||
|
['key' + index]:item.name,
|
||||||
align: 'center',
|
align: 'center',
|
||||||
width: index < 7 ? 190 : 120,
|
width: 130,
|
||||||
dataIndex: 'key' + index,
|
dataIndex: 'key' + index,
|
||||||
scopedSlots: {customRender: 'allMoney'}
|
scopedSlots: {customRender: 'allMoney'}
|
||||||
},)
|
},)
|
||||||
@@ -159,12 +165,12 @@ export default {
|
|||||||
let xData = data.reduce((pre, val) => {
|
let xData = data.reduce((pre, val) => {
|
||||||
return pre.concat(val.name)
|
return pre.concat(val.name)
|
||||||
}, [])
|
}, [])
|
||||||
xData = xData.slice(0,7)
|
xData = xData.filter(e => e !== '总数')
|
||||||
// 处理y轴数据
|
// 处理y轴数据
|
||||||
data.map((item,index) => {
|
data.map(item => {
|
||||||
if(index < 7){
|
if (item.name !== '总数') {
|
||||||
this.echartsData.allMoney.push({value:item.allMoney,percent:item.value})
|
this.echartsData.allMoney.push({value: item.allMoney, percent: item.value})
|
||||||
this.echartsData.confirmAmount.push({value:item.confirmAmount,percent:item.value})
|
this.echartsData.confirmAmount.push({value: item.confirmAmount, percent: item.value})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
@@ -190,7 +196,7 @@ export default {
|
|||||||
// 获取xAxis data中的数据
|
// 获取xAxis data中的数据
|
||||||
let dataStr = ''
|
let dataStr = ''
|
||||||
params.forEach(item => {
|
params.forEach(item => {
|
||||||
dataStr += `<div>
|
dataStr += `<div>
|
||||||
<div style="margin: 0 8px;">
|
<div style="margin: 0 8px;">
|
||||||
<div>
|
<div>
|
||||||
<span style="display:inline-block;margin-right:5px;width:15px;height:10px;background-color:${item.color};border-radius: 3px"></span>
|
<span style="display:inline-block;margin-right:5px;width:15px;height:10px;background-color:${item.color};border-radius: 3px"></span>
|
||||||
@@ -304,7 +310,7 @@ export default {
|
|||||||
* @param num1 确收金额
|
* @param num1 确收金额
|
||||||
* @param num2 年度待确收金额
|
* @param num2 年度待确收金额
|
||||||
* */
|
* */
|
||||||
calcPercent(num1,num2){
|
calcPercent(num1, num2) {
|
||||||
let pointNo = Number(num1) / Number(num2) * 100
|
let pointNo = Number(num1) / Number(num2) * 100
|
||||||
return pointNo.toFixed(1) + '%'
|
return pointNo.toFixed(1) + '%'
|
||||||
}
|
}
|
||||||
@@ -335,19 +341,20 @@ export default {
|
|||||||
/deep/ .ant-table-thead tr > th {
|
/deep/ .ant-table-thead tr > th {
|
||||||
color: #050525;
|
color: #050525;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background: rgb(245,245,246);
|
background: rgb(245, 245, 246);
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/deep/ .ant-table-tbody tr > td {
|
/deep/ .ant-table-tbody tr > td {
|
||||||
color: rgba(5, 5, 37, 0.8);
|
color: rgba(5, 5, 37, 0.8);
|
||||||
border: none;
|
border: none;
|
||||||
border-bottom: 1px solid rgb(245,245,246);
|
border-bottom: 1px solid rgb(245, 245, 246);
|
||||||
}
|
}
|
||||||
|
|
||||||
/deep/ .ant-table-tbody tr > td:first-child {
|
/deep/ .ant-table-tbody tr > td:first-child {
|
||||||
color: #050525;
|
color: #050525;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background: rgb(245,245,246);
|
background: rgb(245, 245, 246);
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user