|
|
@ -6,49 +6,49 @@ |
|
|
src="../../../../assets/img/shuju/title-tip.png" /> |
|
|
src="../../../../assets/img/shuju/title-tip.png" /> |
|
|
<div class="title-label"> |
|
|
<div class="title-label"> |
|
|
区域化党建 |
|
|
区域化党建 |
|
|
<el-cascader |
|
|
<el-cascader v-model="selectAgency" |
|
|
v-model="selectAgency" |
|
|
:options="propTree" |
|
|
:options="propTree" |
|
|
:props="{ checkStrictly: true }" |
|
|
:props="{ checkStrictly: true }" |
|
|
:show-all-levels="false" |
|
|
:show-all-levels="false" |
|
|
clearable |
|
|
clearable |
|
|
@change="handleCascader"> |
|
|
@change="handleCascader"> |
|
|
|
|
|
</el-cascader> |
|
|
</el-cascader> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div class="second-select"> |
|
|
<div class="second-select"> |
|
|
<el-select v-model="serviceMatter" |
|
|
<el-select v-model="serviceMatter" |
|
|
placeholder="请选择" |
|
|
placeholder="请选择" |
|
|
@change="handleSelectChange" |
|
|
@change="handleSelectChange" |
|
|
@clear="handleSelectChange"> |
|
|
@clear="handleSelectChange"> |
|
|
<el-option v-for="item in unitList" |
|
|
<el-option v-for="item in unitList" |
|
|
:key="item.value" |
|
|
:key="item.value" |
|
|
:label="item.label" |
|
|
:label="item.label" |
|
|
:value="item.value"> |
|
|
:value="item.value"> |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
<div class="second-select"> |
|
|
<div class="second-select"> |
|
|
<el-date-picker v-model="timeRange" |
|
|
<el-date-picker v-model="timeRange" |
|
|
type="daterange" |
|
|
type="daterange" |
|
|
range-separator="至" |
|
|
range-separator="至" |
|
|
start-placeholder="开始日期" |
|
|
start-placeholder="开始日期" |
|
|
end-placeholder="结束日期" |
|
|
end-placeholder="结束日期" |
|
|
prefix-icon="el-icon-caret-bottom" |
|
|
prefix-icon="el-icon-caret-bottom" |
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
:clearable="false" |
|
|
:clearable="false" |
|
|
:default-time="['00:00:00', '23:59:59']" |
|
|
:default-time="['00:00:00', '23:59:59']"> |
|
|
> |
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div class="second-title"> |
|
|
<div class="second-title"> |
|
|
<div class="second-title-label">党建单位分类统计</div> |
|
|
<div class="second-title-label">党建单位分类统计</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div class="box-wr box-wr-400"> |
|
|
<div class="box-wr box-wr-400"> |
|
|
<div class="box-left"> |
|
|
<div class="box-left"> |
|
|
<div v-for="(item, index) in cateInfo" :key="index" class="box-left-item"> |
|
|
<div v-for="(item, index) in cateInfo" |
|
|
|
|
|
:key="index" |
|
|
|
|
|
class="box-left-item"> |
|
|
<div class="box-label">{{ item.label }}</div> |
|
|
<div class="box-label">{{ item.label }}</div> |
|
|
<div class="box-num">{{ item.value }}</div> |
|
|
<div class="box-num">{{ item.value }}</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -113,7 +113,8 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</cpt-card> |
|
|
</cpt-card> |
|
|
<dialog-info v-show="showedMoreInfo" :info="detailInfo" |
|
|
<dialog-info v-show="showedMoreInfo" |
|
|
|
|
|
:info="detailInfo" |
|
|
@close="showedMoreInfo = false" /> |
|
|
@close="showedMoreInfo = false" /> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
@ -166,34 +167,7 @@ export default { |
|
|
selectAgency: '', |
|
|
selectAgency: '', |
|
|
unitList: [], |
|
|
unitList: [], |
|
|
propTree: [], |
|
|
propTree: [], |
|
|
partyItem: [ |
|
|
partyItem: [], |
|
|
{ |
|
|
|
|
|
name: '楼宇党建', |
|
|
|
|
|
value: 1, |
|
|
|
|
|
color: 'rgba(250, 32, 10, 1)', |
|
|
|
|
|
icon: require('../../../../assets/img/shuju/measure/ly@2x.png') |
|
|
|
|
|
}, { |
|
|
|
|
|
name: '机关直属部门', |
|
|
|
|
|
value: 2, |
|
|
|
|
|
color: 'rgba(65, 181, 104, 1)', |
|
|
|
|
|
icon: require('../../../../assets/img/shuju/measure/jgzs@2x.png') |
|
|
|
|
|
}, { |
|
|
|
|
|
name: '两新党建', |
|
|
|
|
|
value: 3, |
|
|
|
|
|
color: 'rgba(251, 177, 4, 1)', |
|
|
|
|
|
icon: require('../../../../assets/img/shuju/measure/lxdj@2x.png') |
|
|
|
|
|
}, { |
|
|
|
|
|
name: '辖区单位', |
|
|
|
|
|
value: 4, |
|
|
|
|
|
color: 'rgba(80, 194, 237, 1)', |
|
|
|
|
|
icon: require('../../../../assets/img/shuju/measure/xq@2x.png') |
|
|
|
|
|
}, { |
|
|
|
|
|
name: '其他', |
|
|
|
|
|
value: 5, |
|
|
|
|
|
color: 'rgba(192, 21, 195, 1)', |
|
|
|
|
|
icon: require('../../../../assets/img/shuju/measure/qita.png') |
|
|
|
|
|
} |
|
|
|
|
|
], |
|
|
|
|
|
cateInfo: [], |
|
|
cateInfo: [], |
|
|
//地图相关数据 |
|
|
//地图相关数据 |
|
|
isfirstInit: true,//记录是否是首次加载地图 |
|
|
isfirstInit: true,//记录是否是首次加载地图 |
|
|
@ -251,12 +225,12 @@ export default { |
|
|
this.getList(this.agencyId) |
|
|
this.getList(this.agencyId) |
|
|
this.getCateCount(this.agencyId) |
|
|
this.getCateCount(this.agencyId) |
|
|
this.getCateType(this.agencyId) |
|
|
this.getCateType(this.agencyId) |
|
|
|
|
|
|
|
|
await this.getWorkUserInfo() |
|
|
await this.getWorkUserInfo() |
|
|
await this.getMapUnitList(this.agencyId) |
|
|
await this.getMapUnitList(this.agencyId) |
|
|
}, |
|
|
}, |
|
|
watch: { |
|
|
watch: { |
|
|
timeRange(val) { |
|
|
timeRange (val) { |
|
|
console.log('val-www', val) |
|
|
console.log('val-www', val) |
|
|
this.getList(this.agencyId); |
|
|
this.getList(this.agencyId); |
|
|
} |
|
|
} |
|
|
@ -293,7 +267,7 @@ export default { |
|
|
} |
|
|
} |
|
|
this.visibleLoading = false |
|
|
this.visibleLoading = false |
|
|
}, |
|
|
}, |
|
|
async getAgencyList() { |
|
|
async getAgencyList () { |
|
|
// const url = "/gov/org/customeragency/staffinagencylist"; |
|
|
// const url = "/gov/org/customeragency/staffinagencylist"; |
|
|
// const url = '/gov/org/customeragency/agencygridtree' |
|
|
// const url = '/gov/org/customeragency/agencygridtree' |
|
|
const url = '/gov/org/customeragency/staffinagencylist' |
|
|
const url = '/gov/org/customeragency/staffinagencylist' |
|
|
@ -314,25 +288,26 @@ export default { |
|
|
this.$message.error(msg) |
|
|
this.$message.error(msg) |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
getTreeData(data){ |
|
|
getTreeData (data) { |
|
|
if (!Array.isArray(data)) return [] |
|
|
if (!Array.isArray(data)) return [] |
|
|
let arr = data.map(item => { |
|
|
let arr = data.map(item => { |
|
|
let _item = {} |
|
|
let _item = {} |
|
|
if (item.subAgencyList) { |
|
|
if (item.subAgencyList) { |
|
|
if (item.subAgencyList.length === 0) { |
|
|
if (item.subAgencyList.length === 0) { |
|
|
_item = { |
|
|
_item = { |
|
|
label: item.agencyName, |
|
|
label: item.agencyName, |
|
|
value: item.agencyId + '-' + item.level, |
|
|
value: item.agencyId + '-' + item.level, |
|
|
level: item.level, |
|
|
level: item.level, |
|
|
children: undefined |
|
|
children: undefined |
|
|
} |
|
|
} |
|
|
} else _item = { |
|
|
} else _item = { |
|
|
label: item.agencyName, |
|
|
label: item.agencyName, |
|
|
value: item.agencyId + '-' + item.level, |
|
|
value: item.agencyId + '-' + item.level, |
|
|
level: item.level, |
|
|
level: item.level, |
|
|
children: this.getTreeData(item.subAgencyList)} |
|
|
children: this.getTreeData(item.subAgencyList) |
|
|
|
|
|
} |
|
|
} else { |
|
|
} else { |
|
|
_item = { |
|
|
_item = { |
|
|
label: item.agencyName, |
|
|
label: item.agencyName, |
|
|
value: item.agencyId + '-' + item.level, |
|
|
value: item.agencyId + '-' + item.level, |
|
|
level: item.level, |
|
|
level: item.level, |
|
|
@ -373,19 +348,19 @@ export default { |
|
|
const colorItem = { |
|
|
const colorItem = { |
|
|
0: { |
|
|
0: { |
|
|
color: 'rgba(250, 32, 10, 1)', |
|
|
color: 'rgba(250, 32, 10, 1)', |
|
|
icon: require('../../../../assets/img/shuju/measure/ly@2x.png') |
|
|
icon: require('../../../../assets/img/shuju/measure/lxdj.png') |
|
|
}, |
|
|
}, |
|
|
1: { |
|
|
1: { |
|
|
color: 'rgba(251, 177, 4, 1)', |
|
|
color: 'rgba(251, 177, 4, 1)', |
|
|
icon: require('../../../../assets/img/shuju/measure/lxdj@2x.png') |
|
|
icon: require('../../../../assets/img/shuju/measure/lxzz.png') |
|
|
}, |
|
|
}, |
|
|
2: { |
|
|
2: { |
|
|
color: 'rgba(80, 194, 237, 1)', |
|
|
color: 'rgba(80, 194, 237, 1)', |
|
|
icon: require('../../../../assets/img/shuju/measure/xq@2x.png') |
|
|
icon: require('../../../../assets/img/shuju/measure/qydw.png') |
|
|
}, |
|
|
}, |
|
|
3: { |
|
|
3: { |
|
|
color: 'rgba(65, 181, 104, 1)', |
|
|
color: 'rgba(65, 181, 104, 1)', |
|
|
icon: require('../../../../assets/img/shuju/measure/jgzs@2x.png') |
|
|
icon: require('../../../../assets/img/shuju/measure/jgzs.png') |
|
|
}, |
|
|
}, |
|
|
4: { |
|
|
4: { |
|
|
color: 'rgba(192, 21, 195, 1)', |
|
|
color: 'rgba(192, 21, 195, 1)', |
|
|
@ -417,26 +392,26 @@ export default { |
|
|
this.$message.error(msg) |
|
|
this.$message.error(msg) |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
handleCascader(val) { |
|
|
handleCascader (val) { |
|
|
console.log('val-vvv', val) |
|
|
console.log('val-vvv', val) |
|
|
if (val.length > 0) { |
|
|
if (val.length > 0) { |
|
|
const _arr = val[val.length - 1].split('-') |
|
|
const _arr = val[val.length - 1].split('-') |
|
|
const orgType = _arr[1] !== 'grid' ? 'agency': 'grid' |
|
|
const orgType = _arr[1] !== 'grid' ? 'agency' : 'grid' |
|
|
this.getList(_arr[0]) |
|
|
this.getList(_arr[0]) |
|
|
this.getMapUnitList(_arr[0]) |
|
|
this.getMapUnitList(_arr[0]) |
|
|
this.getCateCount(_arr[0]) |
|
|
this.getCateCount(_arr[0]) |
|
|
this.getCateType(_arr[0]) |
|
|
this.getCateType(_arr[0]) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
initTime() { |
|
|
initTime () { |
|
|
const end = new Date(); |
|
|
const end = new Date(); |
|
|
const start = new Date(); |
|
|
const start = new Date(); |
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
|
|
console.log('time-rtt', this.timeFormat(start), this.timeFormat(end)) |
|
|
console.log('time-rtt', this.timeFormat(start), this.timeFormat(end)) |
|
|
this.timeRange = [this.timeFormat(start), this.timeFormat(end)] |
|
|
this.timeRange = [this.timeFormat(start), this.timeFormat(end)] |
|
|
}, |
|
|
}, |
|
|
timeFormat(date) { |
|
|
timeFormat (date) { |
|
|
if (!date || typeof date === 'string') { |
|
|
if (!date || typeof date === 'string') { |
|
|
return false |
|
|
return false |
|
|
} |
|
|
} |
|
|
@ -554,11 +529,11 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.iconUrlArray = [ |
|
|
this.iconUrlArray = [ |
|
|
require('../../../../assets/img/shuju/measure/ly@2x.png'),//未处理 |
|
|
require('../../../../assets/img/shuju/measure/lxdj.png'),//楼宇党建 |
|
|
require('../../../../assets/img/shuju/measure/jgzs@2x.png'),//已处理 |
|
|
require('../../../../assets/img/shuju/measure/lxzz.png'),//两新组织 |
|
|
require('../../../../assets/img/shuju/measure/lxdj@2x.png'),//已处理 |
|
|
require('../../../../assets/img/shuju/measure/qydw.png'),//区域单位党建 |
|
|
require('../../../../assets/img/shuju/measure/xq@2x.png'),//已处理 |
|
|
require('../../../../assets/img/shuju/measure/jgzs.png'),//机关直属部门 |
|
|
require('../../../../assets/img/shuju/measure/qita.png')//已处理 |
|
|
require('../../../../assets/img/shuju/measure/qita.png')//其他 |
|
|
] |
|
|
] |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -589,8 +564,8 @@ export default { |
|
|
clickProject (feature) { |
|
|
clickProject (feature) { |
|
|
console.log('标注信息', feature.values_.properties) |
|
|
console.log('标注信息', feature.values_.properties) |
|
|
}, |
|
|
}, |
|
|
async handleLook(val) { |
|
|
async handleLook (val) { |
|
|
|
|
|
|
|
|
this.detailId = val.id |
|
|
this.detailId = val.id |
|
|
await this.getDetail(val.id) |
|
|
await this.getDetail(val.id) |
|
|
this.showedMoreInfo = true |
|
|
this.showedMoreInfo = true |
|
|
@ -636,21 +611,22 @@ export default { |
|
|
&::-webkit-scrollbar-corner, |
|
|
&::-webkit-scrollbar-corner, |
|
|
/* 滚动条角落 */ |
|
|
/* 滚动条角落 */ |
|
|
&::-webkit-scrollbar-thumb, |
|
|
&::-webkit-scrollbar-thumb, |
|
|
&::-webkit-scrollbar-track { /*滚动条的轨道*/ |
|
|
&::-webkit-scrollbar-track { |
|
|
|
|
|
/*滚动条的轨道*/ |
|
|
border-radius: 4px; |
|
|
border-radius: 4px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
&::-webkit-scrollbar-corner, |
|
|
&::-webkit-scrollbar-corner, |
|
|
&::-webkit-scrollbar-track { |
|
|
&::-webkit-scrollbar-track { |
|
|
/* 滚动条轨道 */ |
|
|
/* 滚动条轨道 */ |
|
|
|
|
|
|
|
|
background: rgba(12, 129, 254, .24); |
|
|
background: rgba(12, 129, 254, 0.24); |
|
|
// box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5); |
|
|
// box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
&::-webkit-scrollbar-thumb { |
|
|
&::-webkit-scrollbar-thumb { |
|
|
/* 滚动条手柄 */ |
|
|
/* 滚动条手柄 */ |
|
|
background: linear-gradient(270deg, #0063FE, #0095FF); |
|
|
background: linear-gradient(270deg, #0063fe, #0095ff); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
@ -666,7 +642,6 @@ export default { |
|
|
margin-right: 6px; |
|
|
margin-right: 6px; |
|
|
} |
|
|
} |
|
|
.title-label { |
|
|
.title-label { |
|
|
|
|
|
|
|
|
font-size: 20px; |
|
|
font-size: 20px; |
|
|
font-weight: 800; |
|
|
font-weight: 800; |
|
|
::v-deep .el-input { |
|
|
::v-deep .el-input { |
|
|
@ -680,7 +655,7 @@ export default { |
|
|
border: 1px solid #1a64cc; |
|
|
border: 1px solid #1a64cc; |
|
|
} |
|
|
} |
|
|
.el-icon-arrow-down::before { |
|
|
.el-icon-arrow-down::before { |
|
|
content: "\e790"; |
|
|
content: "\e790"; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
@ -713,55 +688,54 @@ export default { |
|
|
background: #2865fa; |
|
|
background: #2865fa; |
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
.second-select { |
|
|
.second-select { |
|
|
margin: 0 10px 0 10px; |
|
|
margin: 0 10px 0 10px; |
|
|
::v-deep .el-input { |
|
|
::v-deep .el-input { |
|
|
width: 180px; |
|
|
width: 180px; |
|
|
height: 36px; |
|
|
height: 36px; |
|
|
.el-input__inner { |
|
|
.el-input__inner { |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
padding: 0 10px; |
|
|
padding: 0 10px; |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
line-height: 36px; |
|
|
line-height: 36px; |
|
|
background: #06186d; |
|
|
|
|
|
border: 1px solid #1a64cc; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.el-icon-arrow-up:before { |
|
|
|
|
|
content: "\e78f"; |
|
|
|
|
|
} |
|
|
|
|
|
// .el-select__caret:before { |
|
|
|
|
|
// content: '\E790' |
|
|
|
|
|
// } |
|
|
|
|
|
} |
|
|
|
|
|
::v-deep .el-date-editor { |
|
|
|
|
|
width: 360px; |
|
|
|
|
|
position: relative; |
|
|
|
|
|
background: #06186d; |
|
|
background: #06186d; |
|
|
border: 1px solid #1a64cc; |
|
|
border: 1px solid #1a64cc; |
|
|
.el-range-input { |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
background: #06186d; |
|
|
|
|
|
} |
|
|
|
|
|
.el-range-separator { |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
} |
|
|
|
|
|
.el-range__icon { |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
right: 5px; |
|
|
|
|
|
// float: right; |
|
|
|
|
|
} |
|
|
|
|
|
.el-input__prefix { |
|
|
|
|
|
left: unset; |
|
|
|
|
|
right: 5px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.el-icon-arrow-up:before { |
|
|
|
|
|
content: "\e78f"; |
|
|
|
|
|
} |
|
|
|
|
|
// .el-select__caret:before { |
|
|
|
|
|
// content: '\E790' |
|
|
|
|
|
// } |
|
|
} |
|
|
} |
|
|
.second-select:last-child { |
|
|
::v-deep .el-date-editor { |
|
|
margin-left: 0; |
|
|
width: 360px; |
|
|
|
|
|
position: relative; |
|
|
|
|
|
background: #06186d; |
|
|
|
|
|
border: 1px solid #1a64cc; |
|
|
|
|
|
.el-range-input { |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
background: #06186d; |
|
|
|
|
|
} |
|
|
|
|
|
.el-range-separator { |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
} |
|
|
|
|
|
.el-range__icon { |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
right: 5px; |
|
|
|
|
|
// float: right; |
|
|
|
|
|
} |
|
|
|
|
|
.el-input__prefix { |
|
|
|
|
|
left: unset; |
|
|
|
|
|
right: 5px; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.second-select:last-child { |
|
|
|
|
|
margin-left: 0; |
|
|
|
|
|
} |
|
|
.box-wr { |
|
|
.box-wr { |
|
|
display: flex; |
|
|
display: flex; |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
|
|
jiangyy
4 years ago
