|
|
@ -65,7 +65,7 @@ |
|
|
<div class="legend-row" :key="item.name" v-for="(item, index) in chartData.data" @click="handleClickItem(item)"> |
|
|
<div class="legend-row" :key="item.name" v-for="(item, index) in chartData.data" @click="handleClickItem(item)"> |
|
|
<div class="kuai" :style="{ backgroundColor: color1[index] }"></div> |
|
|
<div class="kuai" :style="{ backgroundColor: color1[index] }"></div> |
|
|
<div class="content"> |
|
|
<div class="content"> |
|
|
<div class="name">{{ index }}{{ item.name }}</div> |
|
|
<div class="name">{{ item.name }}</div> |
|
|
<div class="num">{{ item.value }}</div> |
|
|
<div class="num">{{ item.value }}</div> |
|
|
<div class="unit" :style="{ color: color1[index] }">{{ item.radio }}%</div> |
|
|
<div class="unit" :style="{ color: color1[index] }">{{ item.radio }}%</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -122,7 +122,7 @@ |
|
|
style="width: 100%;" |
|
|
style="width: 100%;" |
|
|
:height="maxTableHeight" |
|
|
:height="maxTableHeight" |
|
|
> |
|
|
> |
|
|
<el-table-column label="序号" type="index" align="center" width="50" /> |
|
|
<el-table-column label="序号" type="index" align="center" width="50" /> |
|
|
<el-table-column prop="streetName" width="110" label="镇街" align="center" :show-overflow-tooltip="true" /> |
|
|
<el-table-column prop="streetName" width="110" label="镇街" align="center" :show-overflow-tooltip="true" /> |
|
|
<el-table-column prop="districtName" label="区县" width="110" align="center" :show-overflow-tooltip="true"></el-table-column> |
|
|
<el-table-column prop="districtName" label="区县" width="110" align="center" :show-overflow-tooltip="true"></el-table-column> |
|
|
<el-table-column prop="communityName" width="110" align="center" label="社区" :show-overflow-tooltip="true"></el-table-column> |
|
|
<el-table-column prop="communityName" width="110" align="center" label="社区" :show-overflow-tooltip="true"></el-table-column> |
|
|
@ -276,6 +276,7 @@ export default { |
|
|
this.orgId = this.optionData.agencyId; |
|
|
this.orgId = this.optionData.agencyId; |
|
|
this.orgIdPath = this.optionData.orgIdPath; |
|
|
this.orgIdPath = this.optionData.orgIdPath; |
|
|
this.orgType = this.optionData.level; |
|
|
this.orgType = this.optionData.level; |
|
|
|
|
|
this.handleSearch(); |
|
|
}, |
|
|
}, |
|
|
show(row) { |
|
|
show(row) { |
|
|
this.dialogVisible = true; |
|
|
this.dialogVisible = true; |
|
|
@ -412,7 +413,7 @@ export default { |
|
|
radio: item.count == 0 ? '0' : ((item.count / this.pieData.total) * 100).toFixed(2) |
|
|
radio: item.count == 0 ? '0' : ((item.count / this.pieData.total) * 100).toFixed(2) |
|
|
}; |
|
|
}; |
|
|
}); |
|
|
}); |
|
|
|
|
|
this.$forceUpdate(); |
|
|
this.iniPieChart(this.chartData); |
|
|
this.iniPieChart(this.chartData); |
|
|
}, |
|
|
}, |
|
|
setPieData2() { |
|
|
setPieData2() { |
|
|
@ -432,7 +433,7 @@ export default { |
|
|
radio: item.count == 0 ? '0' : ((item.count / this.pieData2.total) * 100).toFixed(2) |
|
|
radio: item.count == 0 ? '0' : ((item.count / this.pieData2.total) * 100).toFixed(2) |
|
|
}; |
|
|
}; |
|
|
}); |
|
|
}); |
|
|
|
|
|
this.$forceUpdate(); |
|
|
this.iniPieChart2(this.chartData2); |
|
|
this.iniPieChart2(this.chartData2); |
|
|
}, |
|
|
}, |
|
|
// 获取饼状图 |
|
|
// 获取饼状图 |
|
|
@ -954,5 +955,4 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
</style> |
|
|
</style> |
|
|
|