|
@ -1,11 +1,33 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div> |
|
|
<div> |
|
|
<el-table v-loading="loading" max-height="500" :data="dataList" border> |
|
|
<el-table v-loading="loading" max-height="500" :data="dataList" border> |
|
|
<el-table-column type="index" label="排名" align="center" width="50"></el-table-column> |
|
|
|
|
|
<el-table-column prop="buildingDescr" label="楼栋" align="center" width="150"></el-table-column> |
|
|
|
|
|
<el-table-column prop="samples" label="样本量" align="center" width="70"></el-table-column> |
|
|
|
|
|
<el-table-column v-for="(item, index) in headers" :key="index" :label="item" :show-overflow-tooltip="true"> |
|
|
|
|
|
<template v-slot="{row}">{{ toPercent(traverseObject(row.cateMap[index])) }}</template> |
|
|
|
|
|
|
|
|
<el-table-column |
|
|
|
|
|
type="index" |
|
|
|
|
|
label="排名" |
|
|
|
|
|
align="center" |
|
|
|
|
|
width="50" |
|
|
|
|
|
></el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="buildingDescr" |
|
|
|
|
|
label="楼栋" |
|
|
|
|
|
align="center" |
|
|
|
|
|
width="150" |
|
|
|
|
|
></el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="samples" |
|
|
|
|
|
label="样本量" |
|
|
|
|
|
align="center" |
|
|
|
|
|
width="70" |
|
|
|
|
|
></el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
v-for="(item, index) in headers" |
|
|
|
|
|
:key="index" |
|
|
|
|
|
:label="item" |
|
|
|
|
|
:show-overflow-tooltip="true" |
|
|
|
|
|
> |
|
|
|
|
|
<template v-slot="{ row }">{{ |
|
|
|
|
|
toPercent(traverseObject(row.cateMap[index])) |
|
|
|
|
|
}}</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
</div> |
|
|
</div> |
|
@ -50,7 +72,6 @@ export default { |
|
|
methods: { |
|
|
methods: { |
|
|
changeTableData() { |
|
|
changeTableData() { |
|
|
if (this.allDataList.buildingCate) { |
|
|
if (this.allDataList.buildingCate) { |
|
|
if (this.allDataList['buildingCate'].length > 0) { |
|
|
|
|
|
this.dataList = [] |
|
|
this.dataList = [] |
|
|
this.headers = [] |
|
|
this.headers = [] |
|
|
let data = this.allDataList['buildingCate'] |
|
|
let data = this.allDataList['buildingCate'] |
|
@ -60,7 +81,6 @@ export default { |
|
|
this.headers.push(Object.keys(el)[0]) |
|
|
this.headers.push(Object.keys(el)[0]) |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
toPercent(point) { |
|
|
toPercent(point) { |
|
|