jiangyy 3 years ago
parent
commit
db330f0cbf
  1. 2
      src/assets/scss/modules/visual/duoyuanfenxi.scss
  2. 46
      src/views/modules/plugins/stats/factagencyuserhousedaily.vue
  3. 27
      src/views/modules/visual/communityGovern/duoyuanfuwu/duoyuanfuwufenxi.vue
  4. 2
      src/views/modules/visual/communityGovern/duoyuanfuwu/pieOption.js
  5. 2
      src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi.vue
  6. 8
      src/views/modules/visual/communityGovern/shijianfenlei/pieOption.js
  7. 34
      src/views/modules/visual/communityGovern/shijianfenlei/shijianfenleifenxi.vue
  8. 5
      src/views/modules/visual/components/screen-map/index.vue

2
src/assets/scss/modules/visual/duoyuanfenxi.scss

@ -76,7 +76,7 @@
position: relative; position: relative;
height: 100%; height: 100%;
.tb { .tb {
height: calc(100% - 50px); height: calc(100% - 40px);
overflow-y: auto; overflow-y: auto;
@include scrollBar; @include scrollBar;
/deep/ .table-status { /deep/ .table-status {

46
src/views/modules/plugins/stats/factagencyuserhousedaily.vue

@ -18,12 +18,12 @@
> >
</el-option> </el-option>
</el-select> --> </el-select> -->
<el-cascader ref="cascaderUnit" v-model.trim="dataForm.agencyId" :options="optionsA" :props="{ checkStrictly: true, expandTrigger: 'hover', emitPath: false,children:'subAgencyList',label:'agencyName',value:'agencyId'}" popper-class="cascader-block"> <el-cascader ref="cascaderUnit" v-model.trim="dataForm.agencyId" :options="optionsA" :props="{ checkStrictly: true, expandTrigger: 'hover', emitPath: false,children:'children',label:'objectName',value:'objectId'}" popper-class="cascader-block">
<template slot-scope="{ node, data }"> <template slot-scope="{ node, data }">
<div @click="cascaderClick(data)"> <div @click="cascaderClick(data)">
<!-- <span class="block"></span> --> <!-- <span class="block"></span> -->
<span>{{ data.agencyName }}</span> <span>{{ data.objectName }}</span>
<span v-if="!node.isLeaf"> ({{ data.subAgencyList.length }}) </span> <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
</div> </div>
</template> </template>
</el-cascader> </el-cascader>
@ -56,19 +56,19 @@
</div> </div>
<el-table class="resi-table" v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> <el-table class="resi-table" v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column width="160" fixed prop="agencyName" label="组织结构" header-align="center" align="center"></el-table-column> <el-table-column fixed prop="agencyName" label="组织结构" header-align="center" align="center"></el-table-column>
<el-table-column width="80" prop="neighbourhoodsCount" label="小区数" header-align="center" align="center"></el-table-column> <el-table-column width="100" prop="neighbourhoodsCount" label="小区数" header-align="center" align="center"></el-table-column>
<el-table-column width="80" prop="houseCount" label="房屋数" header-align="center" align="center"></el-table-column> <el-table-column width="100" prop="houseCount" label="房屋数" header-align="center" align="center"></el-table-column>
<el-table-column width="100" prop="houseSelfCount" label="自住房屋数" header-align="center" align="center"></el-table-column> <el-table-column width="110" prop="houseSelfCount" label="自住房屋数" header-align="center" align="center"></el-table-column>
<el-table-column width="100" prop="houseLeaseCount" label="出租房屋数" header-align="center" align="center"></el-table-column> <el-table-column width="110" prop="houseLeaseCount" label="出租房屋数" header-align="center" align="center"></el-table-column>
<el-table-column width="100" prop="houseIdleCount" label="闲置房屋数" header-align="center" align="center"></el-table-column> <el-table-column width="110" prop="houseIdleCount" label="闲置房屋数" header-align="center" align="center"></el-table-column>
<el-table-column width="100" prop="userCount" label="居民总数" header-align="center" align="center"></el-table-column> <el-table-column width="110" prop="userCount" label="居民总数" header-align="center" align="center"></el-table-column>
<el-table-column width="100" prop="userResiCount" label="常住人口数" header-align="center" align="center"></el-table-column> <el-table-column width="110" prop="userResiCount" label="常住人口数" header-align="center" align="center"></el-table-column>
<el-table-column width="100" prop="userFloatCount" label="流动人口数" header-align="center" align="center"></el-table-column> <el-table-column width="110" prop="userFloatCount" label="流动人口数" header-align="center" align="center"></el-table-column>
<el-table-column width="100" prop="houseIncr" label="新增房屋数" header-align="center" align="center"></el-table-column> <el-table-column width="110" prop="houseIncr" label="新增房屋数" header-align="center" align="center"></el-table-column>
<el-table-column width="100" prop="userIncr" label="新增人口数" header-align="center" align="center"></el-table-column> <el-table-column width="110" prop="userIncr" label="新增人口数" header-align="center" align="center"></el-table-column>
<el-table-column width="100" prop="houseModify" label="修改房屋数" header-align="center" align="center"></el-table-column> <el-table-column width="110" prop="houseModify" label="修改房屋数" header-align="center" align="center"></el-table-column>
<el-table-column width="100" prop="userModify" label="修改人口数" header-align="center" align="center"></el-table-column> <el-table-column width="110" prop="userModify" label="修改人口数" header-align="center" align="center"></el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
:current-page="page" :current-page="page"
@ -198,9 +198,9 @@ export default {
}) })
}, },
cascaderClick (nodeData) { cascaderClick (nodeData) {
this.dataForm.agencyId = nodeData.agencyId; this.dataForm.agencyId = nodeData.objectId;
this.dataForm.level = nodeData.level this.dataForm.level = nodeData.objectType
this.$refs.cascaderUnit.checkedValue = nodeData.agencyId; this.$refs.cascaderUnit.checkedValue = nodeData.objectId;
this.$refs.cascaderUnit.computePresentText(); this.$refs.cascaderUnit.computePresentText();
this.$refs.cascaderUnit.toggleDropDownVisible(false); this.$refs.cascaderUnit.toggleDropDownVisible(false);
@ -208,17 +208,17 @@ export default {
getGridList() { getGridList() {
const { user } = this.$store.state const { user } = this.$store.state
this.$http this.$http
.post('/gov/org/customeragency/agencygridtree') .post('/gov/org/icServiceProject/service/serviceScopeTree')
.then(({ data: res }) => { .then(({ data: res }) => {
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) console.log('获取查询详情成功', res.data)
// this.optionsA = res.data // this.optionsA = res.data
// console.log(this.optionsA);
this.optionsA.push(res.data) this.optionsA.push(res.data)
this.dataForm.agencyId = res.data.agencyId this.dataForm.agencyId = res.data.objectId
this.dataForm.level = res.data.level this.dataForm.level = res.data.objectType
this.getDataList()
} }
}) })
.catch(() => { .catch(() => {

27
src/views/modules/visual/communityGovern/duoyuanfuwu/duoyuanfuwufenxi.vue

@ -149,7 +149,7 @@ export default {
], ],
header: ['序号', '组织列表', '操作'], header: ['序号', '组织列表', '操作'],
list: [], list: [],
pageSize: 10, pageSize: 5,
pageNo: 1, pageNo: 1,
total: 0, total: 0,
categoryCode: '' categoryCode: ''
@ -216,7 +216,7 @@ export default {
name: item.categoryName, name: item.categoryName,
code: item.categoryCode, code: item.categoryCode,
color: item.color, // colorArray[index] color: item.color, // colorArray[index]
selected: index == 0 ? true : false selected: false
} }
this.pieData.push(ob) this.pieData.push(ob)
}) })
@ -302,14 +302,21 @@ export default {
this.clickPie() // this.clickPie(maxIndex) this.clickPie() // this.clickPie(maxIndex)
let fun = function (params) { let fun = function (params) {
_that.clickPie(params.dataIndex) _that.clickPie(params)
} }
this.$refs.pieChart.handleClick(fun) this.$refs.pieChart.handleClick(fun)
}, },
clickPie (seriesIndex) { clickPie (params) {
let dataIndex = params ? params.dataIndex : null
let componentIndex = params ? params.componentIndex : null
if (componentIndex === 2) { //
dataIndex = -1
this.categoryCode = ''
this.$refs.pieChart.clear()
}
this.pieData.forEach((element, index) => { this.pieData.forEach((element, index) => {
if (index === seriesIndex) { if (index === dataIndex) {
element.label = { element.label = {
show: true, show: true,
} }
@ -320,9 +327,6 @@ export default {
} }
} }
this.categoryCode = element.code this.categoryCode = element.code
this.demand.pageNo = 1
this.getTable()
this.getMapData()
} else { } else {
element.label = { element.label = {
show: false, show: false,
@ -339,6 +343,9 @@ export default {
this.pieOption.series[1].data = this.pieData this.pieOption.series[1].data = this.pieData
// this.$refs.pieChart.hideLoading() // this.$refs.pieChart.hideLoading()
this.$refs.pieChart.setOption(this.pieOption) this.$refs.pieChart.setOption(this.pieOption)
this.demand.pageNo = 1
this.getTable()
this.getMapData()
}, },
toUserInfo (uid) { toUserInfo (uid) {
@ -738,11 +745,11 @@ export default {
.map-tips { .map-tips {
width: 100%; width: 100%;
display: flex; display: flex;
// justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
box-sizing: border-box; box-sizing: border-box;
padding: 6px 0 0 100px; // padding: 6px 0 0 100px;
// padding-top: 10px; // padding-top: 10px;
// padding-bottom: 10px; // padding-bottom: 10px;

2
src/views/modules/visual/communityGovern/duoyuanfuwu/pieOption.js

@ -74,7 +74,7 @@ export function pieOption (_charts) {
avoidLabelOverlap: false, avoidLabelOverlap: false,
// top: top + '%', // top: top + '%',
// height: '80%', // height: '80%',
// selectedMode: 'single', selectedMode: 'single',
left: 'center', left: 'center',
width: 480, width: 480,
label: { label: {

2
src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi.vue

@ -636,9 +636,9 @@ export default {
}; };
// element.selected = !element.selected // element.selected = !element.selected
// isSelected = element.selected
} else { } else {
element.selected = false element.selected = false
element.label = { element.label = {
show: false, show: false,

8
src/views/modules/visual/communityGovern/shijianfenlei/pieOption.js

@ -1,10 +1,10 @@
export function pieOption (_charts) { export function pieOption (_charts) {
const center= ['50%', '120px'] const center= ['50%', '140px']
return { return {
title: { title: {
text: '0', text: '0',
top: 95, top: 115,
left: 'center', left: 'center',
textStyle: { textStyle: {
width: '100%', width: '100%',
@ -94,7 +94,7 @@ export function pieOption (_charts) {
padding: [0, 6, 0, 6] padding: [0, 6, 0, 6]
}, },
a: { a: {
fontSize: 25, fontSize: 18,
color: '#fff', color: '#fff',
padding: [0, 6, 6, 6] padding: [0, 6, 6, 6]
}, },
@ -110,7 +110,7 @@ export function pieOption (_charts) {
labelLine: { labelLine: {
show: false, show: false,
smooth: 0.2, smooth: 0.2,
length: 40, length: 20,
length2: 0, length2: 0,
maxSurfaceAngle: 80 maxSurfaceAngle: 80
}, },

34
src/views/modules/visual/communityGovern/shijianfenlei/shijianfenleifenxi.vue

@ -508,16 +508,22 @@ export default {
this.clickPie() // this.clickPie(maxIndex) this.clickPie() // this.clickPie(maxIndex)
let fun = function (params) { let fun = function (params) {
_that.clickPie(params.dataIndex) _that.clickPie(params)
} }
this.$refs.pieChart.handleClick(fun) this.$refs.pieChart.handleClick(fun)
}, },
clickPie (seriesIndex) { clickPie (params) {
let isSelected = false let dataIndex = params ? params.dataIndex : null
let componentIndex = params ? params.componentIndex : null
if (componentIndex === 2) { //
dataIndex = -1
this.categoryCode = ''
this.$refs.pieChart.clear()
}
this.pieData.forEach((element, index) => { this.pieData.forEach((element, index) => {
if (index === seriesIndex) { if (index === dataIndex) {
element.label = { element.label = {
show: true, show: true,
} }
@ -529,12 +535,6 @@ export default {
} }
this.categoryCode = element.categoryCode this.categoryCode = element.categoryCode
element.selected = !element.selected element.selected = !element.selected
isSelected = element.selected
// if (isSelected) {
// this.categoryCode = element.categoryCode
// } else {
// this.categoryCode = ''
// }
} else { } else {
element.label = { element.label = {
show: false, show: false,
@ -600,15 +600,23 @@ export default {
this.clickGridPie() // this.clickGridPie(maxIndex) this.clickGridPie() // this.clickGridPie(maxIndex)
let fun = function (params) { let fun = function (params) {
_that.clickGridPie(params.dataIndex) _that.clickGridPie(params)
} }
this.$refs.gridPieChart.handleClick(fun) this.$refs.gridPieChart.handleClick(fun)
}, },
clickGridPie (seriesIndex) { clickGridPie (params) {
let dataIndex = params ? params.dataIndex : null
let componentIndex = params ? params.componentIndex : null
if (componentIndex === 2) { //
dataIndex = -1
this.tableOrgId = ''
this.tableOrgType = ''
this.$refs.gridPieChart.clear()
}
this.gridPieData.forEach((element, index) => { this.gridPieData.forEach((element, index) => {
if (index === seriesIndex) { if (index === dataIndex) {
element.label = { element.label = {
show: true, show: true,
} }

5
src/views/modules/visual/components/screen-map/index.vue

@ -524,6 +524,7 @@ const vueGis = {
} }
this.centerPoint = [] this.centerPoint = []
// //
if (this.center && this.center.length > 0) { if (this.center && this.center.length > 0) {
this.centerPoint = this.center this.centerPoint = this.center
@ -532,8 +533,6 @@ const vueGis = {
} else if (polygonLayer.getSource().getFeatures()[0]) {//, } else if (polygonLayer.getSource().getFeatures()[0]) {//,
this.centerFlag = 'flag_polygon' this.centerFlag = 'flag_polygon'
this.centerPoint.push(this.mapInfo.longitude)
this.centerPoint.push(this.mapInfo.latitude)
} else if (this.mapInfo.longitude && this.mapInfo.latitude) { } else if (this.mapInfo.longitude && this.mapInfo.latitude) {
this.centerPoint.push(this.mapInfo.longitude) this.centerPoint.push(this.mapInfo.longitude)
@ -544,7 +543,6 @@ const vueGis = {
this.centerPoint = centerPointGlobal this.centerPoint = centerPointGlobal
this.centerFlag = 'point' this.centerFlag = 'point'
} }
// debugger // debugger
if (this.centerFlag === 'flag_parent') { if (this.centerFlag === 'flag_parent') {
let parentFeatures = parentLayer.getSource().getFeatures()[0] let parentFeatures = parentLayer.getSource().getFeatures()[0]
@ -564,6 +562,7 @@ const vueGis = {
} }
mapView.setZoom(this.zoom); mapView.setZoom(this.zoom);
}, },
firstCentermap () { firstCentermap () {
if (this.mapInfo.longitude && this.mapInfo.latitude) { if (this.mapInfo.longitude && this.mapInfo.latitude) {

Loading…
Cancel
Save