|
|
@ -12,18 +12,18 @@ |
|
|
:key="iscascaderShow" |
|
|
:key="iscascaderShow" |
|
|
:options="casOptions" |
|
|
:options="casOptions" |
|
|
:props="optionProps" |
|
|
:props="optionProps" |
|
|
@change="handleChangeAgency" |
|
|
:show-all-levels="false" |
|
|
clearable></el-cascader> |
|
|
@change="handleChangeAgency"></el-cascader> |
|
|
</div> |
|
|
</div> |
|
|
<div class="second-select "> |
|
|
<div class="second-select "> |
|
|
|
|
|
|
|
|
<el-date-picker v-model="dateId" |
|
|
<el-date-picker v-model="dateIdShow" |
|
|
type="date" |
|
|
type="date" |
|
|
:clearable="false" |
|
|
:clearable="false" |
|
|
@change="handleChangeDate" |
|
|
@change="handleChangeDate" |
|
|
prefix-icon="el-icon-caret-bottom" |
|
|
prefix-icon="el-icon-caret-bottom" |
|
|
placeholder="选择日期" |
|
|
placeholder="选择日期" |
|
|
value-format="yyyyMMdd"> |
|
|
value-format="yyyy-MM-dd"> |
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
@ -45,15 +45,16 @@ |
|
|
:header="demand.header" |
|
|
:header="demand.header" |
|
|
:list="demand.list"></cpt-tb> |
|
|
:list="demand.list"></cpt-tb> |
|
|
|
|
|
|
|
|
<div class="m-pagination"> |
|
|
</div> |
|
|
<el-pagination :current-page="demand.pageNo" |
|
|
|
|
|
:page-size="demand.pageSize" |
|
|
<div class="m-pagination"> |
|
|
:total="demand.total" |
|
|
<el-pagination :current-page="demand.pageNo" |
|
|
background |
|
|
:page-size="demand.pageSize" |
|
|
layout="prev, pager, next" |
|
|
:total="demand.total" |
|
|
@current-change="handlePageNoChange_demand"> |
|
|
background |
|
|
</el-pagination> |
|
|
layout="prev, pager, next" |
|
|
</div> |
|
|
@current-change="handlePageNoChange_demand"> |
|
|
|
|
|
</el-pagination> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
@ -71,7 +72,7 @@ import cptTb from "@/views/modules/visual/cpts/tb"; |
|
|
import screenEchartsFrame from "@/views/modules/visual/components/screen-echarts-frame"; |
|
|
import screenEchartsFrame from "@/views/modules/visual/components/screen-echarts-frame"; |
|
|
|
|
|
|
|
|
import { pieOption } from './typePieOption.js' |
|
|
import { pieOption } from './typePieOption.js' |
|
|
|
|
|
import nextTick from 'dai-js/tools/nextTick' |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: "HomeMap", |
|
|
name: "HomeMap", |
|
|
@ -100,6 +101,7 @@ export default { |
|
|
{ total: 300, categoryName: '街道安全', color: '#FAC126' } |
|
|
{ total: 300, categoryName: '街道安全', color: '#FAC126' } |
|
|
], |
|
|
], |
|
|
|
|
|
|
|
|
|
|
|
dateIdShow: '', |
|
|
agencyId: '', |
|
|
agencyId: '', |
|
|
dateId: '', |
|
|
dateId: '', |
|
|
categoryCode: '', |
|
|
categoryCode: '', |
|
|
@ -160,6 +162,7 @@ export default { |
|
|
multiple: false, |
|
|
multiple: false, |
|
|
value: 'agencyId', |
|
|
value: 'agencyId', |
|
|
label: 'agencyName', |
|
|
label: 'agencyName', |
|
|
|
|
|
orgType: 'orgType', |
|
|
children: 'subAgencyList', |
|
|
children: 'subAgencyList', |
|
|
checkStrictly: true |
|
|
checkStrictly: true |
|
|
}, |
|
|
}, |
|
|
@ -175,48 +178,62 @@ export default { |
|
|
this.userId = this.uid; |
|
|
this.userId = this.uid; |
|
|
this.initData() |
|
|
this.initData() |
|
|
await this.getAgencylist()//获取组织级别 |
|
|
await this.getAgencylist()//获取组织级别 |
|
|
this.getApiData(); |
|
|
await nextTick(500) |
|
|
|
|
|
await this.getPie() |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
methods: { |
|
|
methods: { |
|
|
initData () { |
|
|
initData () { |
|
|
var time = (new Date).getTime() - 24 * 60 * 60 * 1000; |
|
|
var time = (new Date).getTime() - 24 * 60 * 60 * 1000; |
|
|
this.dateId = new Date(time); // 获取的是前一天日期 |
|
|
var nowdate = new Date(time); // 获取的是前一天日期 |
|
|
|
|
|
var y = nowdate.getFullYear(); |
|
|
|
|
|
var m = nowdate.getMonth() + 1 < 10 ? "0" + (nowdate.getMonth() + 1) : nowdate.getMonth() + 1; |
|
|
|
|
|
var d = nowdate.getDate() < 10 ? "0" + nowdate.getDate() : nowdate.getDate(); |
|
|
|
|
|
this.dateIdShow = y + '-' + m + '-' + d; |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
async getApiData () { |
|
|
|
|
|
|
|
|
|
|
|
await this.getPie() |
|
|
// 获取当前登录人员信息及组织信息 |
|
|
await this.getTable(); |
|
|
getAgencylist () { |
|
|
}, |
|
|
const url = '/gov/org/customeragency/agencygridtree' |
|
|
|
|
|
let params = {} |
|
|
|
|
|
window.app.ajax.post( |
|
|
|
|
|
url, |
|
|
|
|
|
params, |
|
|
|
|
|
(data, rspMsg) => { |
|
|
|
|
|
this.agencyInfo = data |
|
|
|
|
|
this.agencyId = this.agencyInfo.agencyId |
|
|
|
|
|
if (!this.agencyInfo.latitude) { |
|
|
|
|
|
this.agencyInfo.latitude = 36.072227 |
|
|
|
|
|
} |
|
|
|
|
|
if (!this.agencyInfo.longitude) { |
|
|
|
|
|
this.agencyInfo.longitude = 120.389455 |
|
|
|
|
|
} |
|
|
|
|
|
if (!this.agencyInfo.level) { |
|
|
|
|
|
this.agencyInfo.level = 'street' |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
async getAgencylist () { |
|
|
//组织级联数据 |
|
|
const url = '/gov/org/customeragency/agencylist' |
|
|
++this.iscascaderShow |
|
|
// const url = 'http://yapi.elinkservice.cn/mock/102/gov/org/agency/agencylist' |
|
|
this.casOptions = [] |
|
|
|
|
|
this.agencyIdArray.length = [] |
|
|
|
|
|
|
|
|
const params = { |
|
|
if (data) { |
|
|
// customerId: '613cc61a6b8ce4c70d21bd413dac72cc' |
|
|
this.casOptions.push(data) |
|
|
customerId: '0c41b272ee9ee95ac6f184ad548a30eb' |
|
|
this.agencyIdArray.push(this.agencyId) |
|
|
} |
|
|
} |
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
|
|
|
if (code === 0) { |
|
|
|
|
|
++this.iscascaderShow |
|
|
|
|
|
this.casOptions = [] |
|
|
|
|
|
this.agencyIdArray.length = [] |
|
|
|
|
|
|
|
|
|
|
|
if (data) { |
|
|
}, |
|
|
this.casOptions.push(data) |
|
|
(rspMsg, data) => { |
|
|
|
|
|
this.$message.error(rspMsg) |
|
|
} |
|
|
} |
|
|
|
|
|
) |
|
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
this.$message.error(msg) |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
handleChangeDate (value) { |
|
|
handleChangeDate (value) { |
|
|
|
|
|
this.dateIdShow = value |
|
|
this.dateId = value |
|
|
this.getPie() |
|
|
this.getApiData() |
|
|
|
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -241,8 +258,8 @@ export default { |
|
|
this.pieTotal = 0 |
|
|
this.pieTotal = 0 |
|
|
const _that = this |
|
|
const _that = this |
|
|
// this.$refs.pieChart.showLoading() |
|
|
// this.$refs.pieChart.showLoading() |
|
|
// const url ="/data/aggregator/project/projectcategorylist"; |
|
|
const url = "/data/aggregator/project/projectcategorylist"; |
|
|
const url = "http://yapi.elinkservice.cn/mock/245/data/aggregator/project/projectcategorylist"; |
|
|
// const url = "http://yapi.elinkservice.cn/mock/245/data/aggregator/project/projectcategorylist"; |
|
|
let params = { |
|
|
let params = { |
|
|
agencyId: this.agencyId, |
|
|
agencyId: this.agencyId, |
|
|
dateId: this.dateId, |
|
|
dateId: this.dateId, |
|
|
@ -255,7 +272,7 @@ export default { |
|
|
// 获取pieChart配置 |
|
|
// 获取pieChart配置 |
|
|
this.pieOption = pieOption(this.pieChartS) |
|
|
this.pieOption = pieOption(this.pieChartS) |
|
|
if (data && data.length > 0) { |
|
|
if (data && data.length > 0) { |
|
|
// this.pieData = data |
|
|
this.pieData = data |
|
|
|
|
|
|
|
|
} else { |
|
|
} else { |
|
|
this.pieData = [{ total: 0, categoryName: '无分类', color: '#00E5ED' }] |
|
|
this.pieData = [{ total: 0, categoryName: '无分类', color: '#00E5ED' }] |
|
|
@ -274,14 +291,13 @@ export default { |
|
|
maxValue = item.value |
|
|
maxValue = item.value |
|
|
maxIndex = index |
|
|
maxIndex = index |
|
|
item.selected = true |
|
|
item.selected = true |
|
|
|
|
|
this.categoryCode = item.categoryCode |
|
|
} else if (index !== 0) { |
|
|
} else if (index !== 0) { |
|
|
item.selected = false |
|
|
item.selected = false |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.pieOption.title.text = this.pieTotal |
|
|
this.pieOption.title.text = this.pieTotal |
|
|
this.pieOption.series[1].itemStyle = { |
|
|
this.pieOption.series[1].itemStyle = { |
|
|
color: function (params) { |
|
|
color: function (params) { |
|
|
@ -293,8 +309,6 @@ export default { |
|
|
let fun = function (params) { |
|
|
let fun = function (params) { |
|
|
_that.clickPie(params.dataIndex) |
|
|
_that.clickPie(params.dataIndex) |
|
|
|
|
|
|
|
|
_that.categoryCode = _that.pieData[params.dataIndex].categoryCode |
|
|
|
|
|
_that.getTable() |
|
|
|
|
|
} |
|
|
} |
|
|
this.$refs.pieChart.handleClick(fun) |
|
|
this.$refs.pieChart.handleClick(fun) |
|
|
this.clickPie(maxIndex) |
|
|
this.clickPie(maxIndex) |
|
|
@ -304,7 +318,7 @@ export default { |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
clickPie (seriesIndex) { |
|
|
async clickPie (seriesIndex) { |
|
|
this.pieData.forEach((element, index) => { |
|
|
this.pieData.forEach((element, index) => { |
|
|
if (index === seriesIndex) { |
|
|
if (index === seriesIndex) { |
|
|
element.label = { |
|
|
element.label = { |
|
|
@ -340,20 +354,22 @@ export default { |
|
|
// this.$refs.pieChart.hideLoading() |
|
|
// this.$refs.pieChart.hideLoading() |
|
|
this.$refs.pieChart.setOption(this.pieOption) |
|
|
this.$refs.pieChart.setOption(this.pieOption) |
|
|
|
|
|
|
|
|
|
|
|
this.categoryCode = this.pieData[seriesIndex].categoryCode |
|
|
|
|
|
this.getTable() |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
handleChangeAgency (value) { |
|
|
handleChangeAgency (value) { |
|
|
|
|
|
|
|
|
this.agencyName = this.$refs["myCascader"].getCheckedNodes()[0].label |
|
|
this.agencyName = this.$refs["myCascader"].getCheckedNodes()[0].label |
|
|
this.agencyId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : '' |
|
|
this.agencyId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : '' |
|
|
this.getApiData() |
|
|
this.getPie() |
|
|
console.log(this.agencyIdArray) |
|
|
console.log(this.agencyIdArray) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
//加载组织数据 |
|
|
//加载组织数据 |
|
|
async getTable () { |
|
|
async getTable () { |
|
|
// const url = "/data/aggregator/project/categoryprojectlist"; |
|
|
const url = "/data/aggregator/project/categoryprojectlist"; |
|
|
const url = "http://yapi.elinkservice.cn/mock/245/data/aggregator/project/categoryprojectlist"; |
|
|
// const url = "http://yapi.elinkservice.cn/mock/245/data/aggregator/project/categoryprojectlist"; |
|
|
let params = { |
|
|
let params = { |
|
|
dateId: this.dateId, |
|
|
dateId: this.dateId, |
|
|
agencyId: this.agencyId, |
|
|
agencyId: this.agencyId, |
|
|
@ -375,13 +391,13 @@ export default { |
|
|
item.statusShow = item.status === 'pending' ? '待处理' : '已结案' |
|
|
item.statusShow = item.status === 'pending' ? '待处理' : '已结案' |
|
|
return [ |
|
|
return [ |
|
|
{ type: "index" }, |
|
|
{ type: "index" }, |
|
|
item.projectCode, |
|
|
item.projectCode ? item.projectCode : '', |
|
|
item.categoryNames.join(','), |
|
|
item.categoryNames.join(','), |
|
|
item.originShow, |
|
|
item.originShow ? item.originShow : '', |
|
|
item.gridName, |
|
|
item.gridName ? item.gridName : '', |
|
|
item.statusShow, |
|
|
item.statusShow ? item.statusShow : '', |
|
|
item.title, |
|
|
item.title ? item.title : '', |
|
|
item.time, |
|
|
item.time ? item.time : '', |
|
|
{ type: "operate", list: ["查看"] }, |
|
|
{ type: "operate", list: ["查看"] }, |
|
|
]; |
|
|
]; |
|
|
}); |
|
|
}); |
|
|
@ -415,11 +431,15 @@ export default { |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
watch: { |
|
|
watch: { |
|
|
|
|
|
dateIdShow () { |
|
|
|
|
|
let dataArray = this.dateIdShow.split('-') |
|
|
|
|
|
this.dateId = dataArray.join('') |
|
|
|
|
|
}, |
|
|
uid (id) { |
|
|
uid (id) { |
|
|
this.userId = id; |
|
|
this.userId = id; |
|
|
}, |
|
|
}, |
|
|
userId () { |
|
|
userId () { |
|
|
this.getApiData(); |
|
|
this.getPie() |
|
|
window.scrollTo(0, 0); |
|
|
window.scrollTo(0, 0); |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
|
jiangyy
4 years ago
