|
|
@ -66,7 +66,7 @@ |
|
|
<div class="content"> |
|
|
<div class="content"> |
|
|
<div class="name">{{ 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: color[index] }">{{ item.radio}}%</div> |
|
|
<div class="unit" :style="{ color: color[index] }">{{ item.radio }}%</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -98,7 +98,7 @@ |
|
|
<div class="content"> |
|
|
<div class="content"> |
|
|
<div class="name">{{ 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: color[index] }">{{ item.radio}}%</div> |
|
|
<div class="unit" :style="{ color: color[index] }">{{ item.radio }}%</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -238,7 +238,8 @@ export default { |
|
|
pieData2: [], |
|
|
pieData2: [], |
|
|
orgId: '', |
|
|
orgId: '', |
|
|
purpose: '', |
|
|
purpose: '', |
|
|
rentFlag: '' |
|
|
rentFlag: '', |
|
|
|
|
|
orgIdPath: '' |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
computed: { |
|
|
@ -249,10 +250,10 @@ export default { |
|
|
...mapGetters(['clientHeight', 'iframeHeight']) |
|
|
...mapGetters(['clientHeight', 'iframeHeight']) |
|
|
}, |
|
|
}, |
|
|
watch: { |
|
|
watch: { |
|
|
'formData.endTime': function(val) { |
|
|
'formData.endDate': function(val) { |
|
|
if (val && val != '') { |
|
|
if (val && val != '') { |
|
|
let arrayTemp = val.split(' '); |
|
|
let arrayTemp = val.split(' '); |
|
|
this.formData.endTime = arrayTemp[0] + ' 23:59:59'; |
|
|
this.formData.endDate = arrayTemp[0] + ' 23:59:59'; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
@ -260,19 +261,15 @@ export default { |
|
|
console.log(this.$store.state); |
|
|
console.log(this.$store.state); |
|
|
this.user = this.$store.state.user; |
|
|
this.user = this.$store.state.user; |
|
|
this.agencyId = this.user.agencyId; |
|
|
this.agencyId = this.user.agencyId; |
|
|
this.orgId = this.agencyId; |
|
|
|
|
|
this.getOrgTreeList(); |
|
|
this.getOrgTreeList(); |
|
|
this.getTableData(); |
|
|
|
|
|
this.getsubData(); |
|
|
|
|
|
this.getsubData2(); |
|
|
|
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
show(row) { |
|
|
show(row) { |
|
|
this.dialogVisible = true; |
|
|
this.dialogVisible = true; |
|
|
this.pageType = 'view'; |
|
|
this.pageType = 'view'; |
|
|
this.detailId = row.houseId; |
|
|
this.detailId = row.houseId; |
|
|
console.log('detailId', row); |
|
|
|
|
|
console.log('detailId', this.detailId); |
|
|
|
|
|
this.detailData = row; |
|
|
this.detailData = row; |
|
|
}, |
|
|
}, |
|
|
handleClose() { |
|
|
handleClose() { |
|
|
@ -290,7 +287,9 @@ export default { |
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
pageSize, |
|
|
pageSize, |
|
|
pageNo, |
|
|
pageNo, |
|
|
orgIdPath: this.orgId, |
|
|
orgIdPath: this.orgIdPath, |
|
|
|
|
|
orgId: this.orgId, |
|
|
|
|
|
orgType: this.orgType, |
|
|
timeStart: this.formData.startDate, |
|
|
timeStart: this.formData.startDate, |
|
|
timeEnd: this.formData.endDate, |
|
|
timeEnd: this.formData.endDate, |
|
|
purpose: this.purpose, |
|
|
purpose: this.purpose, |
|
|
@ -322,9 +321,11 @@ export default { |
|
|
this.$refs.pieChart.showLoading(); |
|
|
this.$refs.pieChart.showLoading(); |
|
|
let url = '/gov/org/ichouse/getHousePurposeCount'; |
|
|
let url = '/gov/org/ichouse/getHousePurposeCount'; |
|
|
let param = { |
|
|
let param = { |
|
|
orgIdPath: this.orgId, |
|
|
orgIdPath: this.orgIdPath, |
|
|
timeStart: this.formData.startDate, |
|
|
timeStart: this.formData.startDate, |
|
|
timeEnd: this.formData.endDate |
|
|
timeEnd: this.formData.endDate, |
|
|
|
|
|
orgId: this.orgId, |
|
|
|
|
|
orgType: this.orgType |
|
|
}; |
|
|
}; |
|
|
const { data, code, msg } = await requestPost(url, param); |
|
|
const { data, code, msg } = await requestPost(url, param); |
|
|
this.$refs.pieChart.hideLoading(); |
|
|
this.$refs.pieChart.hideLoading(); |
|
|
@ -339,15 +340,17 @@ export default { |
|
|
this.$refs.pieChart2.showLoading(); |
|
|
this.$refs.pieChart2.showLoading(); |
|
|
let url = '/gov/org/ichouse/getHouseStatusCount'; |
|
|
let url = '/gov/org/ichouse/getHouseStatusCount'; |
|
|
let param = { |
|
|
let param = { |
|
|
orgIdPath: this.orgId, |
|
|
orgIdPath: this.orgIdPath, |
|
|
timeStart: this.formData.startDate, |
|
|
timeStart: this.formData.startDate, |
|
|
timeEnd: this.formData.endDate |
|
|
timeEnd: this.formData.endDate, |
|
|
|
|
|
orgId: this.orgId, |
|
|
|
|
|
orgType: this.orgType |
|
|
}; |
|
|
}; |
|
|
const { data, code, msg } = await requestPost(url, param); |
|
|
const { data, code, msg } = await requestPost(url, param); |
|
|
this.$refs.pieChart2.hideLoading(); |
|
|
this.$refs.pieChart2.hideLoading(); |
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
this.pieData2 = data; |
|
|
this.pieData2 = data; |
|
|
console.log('this.pieData2', this.pieData2); |
|
|
|
|
|
this.getPie2(); |
|
|
this.getPie2(); |
|
|
} else { |
|
|
} else { |
|
|
this.$message.error(msg); |
|
|
this.$message.error(msg); |
|
|
@ -398,11 +401,9 @@ export default { |
|
|
}; |
|
|
}; |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
console.log('chartData', this.chartData); |
|
|
|
|
|
this.iniPieChart(this.chartData); |
|
|
this.iniPieChart(this.chartData); |
|
|
}, |
|
|
}, |
|
|
setPieData2() { |
|
|
setPieData2() { |
|
|
console.log(this.pieData2) |
|
|
|
|
|
let data = [...this.pieData2.list]; |
|
|
let data = [...this.pieData2.list]; |
|
|
let type = { |
|
|
let type = { |
|
|
1: '出租', |
|
|
1: '出租', |
|
|
@ -420,7 +421,6 @@ export default { |
|
|
}; |
|
|
}; |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
console.log('chartData', this.chartData2); |
|
|
|
|
|
this.iniPieChart2(this.chartData2); |
|
|
this.iniPieChart2(this.chartData2); |
|
|
}, |
|
|
}, |
|
|
// 获取饼状图 |
|
|
// 获取饼状图 |
|
|
@ -660,11 +660,13 @@ export default { |
|
|
data: { |
|
|
data: { |
|
|
pageSize, |
|
|
pageSize, |
|
|
pageNo, |
|
|
pageNo, |
|
|
orgIdPath: this.orgId, |
|
|
orgIdPath: this.orgIdPath, |
|
|
timeStart: this.formData.startDate, |
|
|
timeStart: this.formData.startDate, |
|
|
timeEnd: this.formData.endDate, |
|
|
timeEnd: this.formData.endDate, |
|
|
purpose: this.purpose, |
|
|
purpose: this.purpose, |
|
|
rentFlag: this.rentFlag |
|
|
rentFlag: this.rentFlag, |
|
|
|
|
|
orgId: this.orgId, |
|
|
|
|
|
orgType: this.orgType |
|
|
}, |
|
|
}, |
|
|
responseType: 'blob' |
|
|
responseType: 'blob' |
|
|
}) |
|
|
}) |
|
|
@ -695,12 +697,19 @@ export default { |
|
|
if (res.code !== 0) { |
|
|
if (res.code !== 0) { |
|
|
return this.$message.error(res.msg); |
|
|
return this.$message.error(res.msg); |
|
|
} else { |
|
|
} else { |
|
|
console.log('获取组织树成功', res.data); |
|
|
let data = res.data; |
|
|
// let { agencyList, subAgencyList } = res.data; |
|
|
console.log('获取组织树成功', data); |
|
|
|
|
|
// let { agencyList, subAgencyList } = data; |
|
|
// const _arr = [{ ...agencyList, subAgencyList: [...subAgencyList] }]; |
|
|
// const _arr = [{ ...agencyList, subAgencyList: [...subAgencyList] }]; |
|
|
// this.orgOptions = this.deepTree(_arr); |
|
|
// this.orgOptions = this.deepTree(_arr); |
|
|
this.orgOptions = []; |
|
|
this.orgOptions = []; |
|
|
this.orgOptions.push(res.data); |
|
|
this.orgOptions.push(data); |
|
|
|
|
|
this.orgId = data.agencyId; |
|
|
|
|
|
this.orgIdPath = data.orgIdPath; |
|
|
|
|
|
this.orgType = data.level; |
|
|
|
|
|
this.getTableData(); |
|
|
|
|
|
this.getsubData(); |
|
|
|
|
|
this.getsubData2(); |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
.catch(() => { |
|
|
.catch(() => { |
|
|
@ -716,16 +725,18 @@ export default { |
|
|
this.getsubData2(); |
|
|
this.getsubData2(); |
|
|
}, |
|
|
}, |
|
|
handleChangeAgency(val) { |
|
|
handleChangeAgency(val) { |
|
|
// let obj = this.$refs['myCascader'].getCheckedNodes()[0].data; |
|
|
let obj = this.$refs['myCascader'].getCheckedNodes()[0].data; |
|
|
let tmp = this.formData.orgId; |
|
|
let tmp = this.formData.orgId; |
|
|
|
|
|
|
|
|
if (tmp && typeof tmp != 'undefined' && tmp != 0 && tmp != null) { |
|
|
if (tmp && typeof tmp != 'undefined' && tmp != 0 && tmp != null) { |
|
|
this.orgId = this.formData.orgId; |
|
|
this.orgId = this.formData.orgId; |
|
|
|
|
|
this.orgIdPath = obj.orgIdPath; |
|
|
|
|
|
this.orgType = obj.level; |
|
|
} else { |
|
|
} else { |
|
|
console.log('ww'); |
|
|
this.orgId = this.orgOptions.agencyId; |
|
|
this.orgId = this.agencyId; |
|
|
this.orgIdPath = this.orgOptions.orgIdPath; |
|
|
|
|
|
this.orgType = this.orgOptions.level; |
|
|
} |
|
|
} |
|
|
console.log('this.orgId', this.orgId); |
|
|
|
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
deepTree(arr) { |
|
|
deepTree(arr) { |
|
|
|