|
|
@@ -83,7 +83,7 @@
|
|
|
<el-table :data="data_zjd.table" class="table-small" stripe height="68vh">
|
|
|
<el-table-column label="所属街镇" min-width="80" prop="town" show-overflow-tooltip />
|
|
|
<el-table-column label="村名" min-width="80" prop="village" show-overflow-tooltip />
|
|
|
- <el-table-column label="宅基地面积(m²)" min-width="90" prop="zjdmj" show-overflow-tooltip />
|
|
|
+ <el-table-column label="宅基地面积(m²)" min-width="90" prop="zjdmj" :formatter="rounding" show-overflow-tooltip />
|
|
|
<el-table-column label="宅基地数量(个)" min-width="90" prop="zjdsl" show-overflow-tooltip />
|
|
|
<el-table-column label="人口数量(万)" min-width="90" prop="zjdrksl" show-overflow-tooltip />
|
|
|
</el-table>
|
|
|
@@ -133,7 +133,8 @@ onMounted(() => {
|
|
|
GetZjdAnalyse().then(res => {
|
|
|
data_zjd.table = res.data
|
|
|
res.data.forEach(i => {
|
|
|
- data_zjd.cata[0].num += i.zjdmj
|
|
|
+ countZjdmj += i.zjdmj
|
|
|
+ data_zjd.cata[0].num = (countZjdmj / 1000000).toFixed(2)
|
|
|
data_zjd.cata[1].num += i.zjdsl
|
|
|
data_zjd.cata[2].num += i.zjdrksl
|
|
|
})
|
|
|
@@ -175,13 +176,15 @@ function handleLayerOpacity(val,item) {
|
|
|
addLayer(item, item.visible, (item.opacity/100).toFixed(2))
|
|
|
}
|
|
|
|
|
|
+var countZjdmj = 0
|
|
|
+
|
|
|
const mapLayers = reactive({
|
|
|
value: []
|
|
|
})
|
|
|
|
|
|
const data_zjd = reactive({
|
|
|
cata: [
|
|
|
- { title: '宅基地面积', num: 0, unit: 'm²' },
|
|
|
+ { title: '宅基地面积', num: 0, unit: 'km²' },
|
|
|
{ title: '宅基地数量', num: 0, unit: '个' },
|
|
|
{ title: '人口数量', num: 0, unit: '人' },
|
|
|
],
|
|
|
@@ -242,7 +245,9 @@ function handleSearch() {
|
|
|
watch(()=>panelShow.search, (val)=> {
|
|
|
panelShow.searchRes = false
|
|
|
})
|
|
|
-
|
|
|
+function rounding(row,column) {
|
|
|
+ return parseFloat(row[column.property]).toFixed(2)
|
|
|
+}
|
|
|
const sort_zjd = reactive({
|
|
|
town: '全部街镇',
|
|
|
village: '全部村',
|
