|
|
@ -1,14 +1,7 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="m-subbox m-jdwgy"> |
|
|
<div class="m-subbox m-jdwgy"> |
|
|
<div class="table"> |
|
|
<div class="table"> |
|
|
<el-table |
|
|
<el-table :data="list" v-if="currentLevelData.orgLevel != 'grid'" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.3)" max-height="190px" height="190px"> |
|
|
:data="list" |
|
|
|
|
|
v-if="currentLevelData.orgLevel != 'grid'" |
|
|
|
|
|
v-loading="loading" |
|
|
|
|
|
element-loading-background="rgba(0, 0, 0, 0.3)" |
|
|
|
|
|
max-height="190px" |
|
|
|
|
|
height="190px" |
|
|
|
|
|
> |
|
|
|
|
|
<el-table-column label="序号" type="index" width="80" /> |
|
|
<el-table-column label="序号" type="index" width="80" /> |
|
|
<el-table-column prop="orgName" width="120" label="组织名称" /> |
|
|
<el-table-column prop="orgName" width="120" label="组织名称" /> |
|
|
<el-table-column prop="name" width="120" label="姓名" /> |
|
|
<el-table-column prop="name" width="120" label="姓名" /> |
|
|
@ -18,29 +11,23 @@ |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="age" width="120" label="年龄" /> |
|
|
<el-table-column prop="age" width="120" label="年龄" /> |
|
|
<el-table-column prop="mobile" label="电话" /> |
|
|
<el-table-column prop="mobile" label="电话"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
{{ $sensitive(scope.row.mobile, 3, 7) }} |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
<el-table-column prop="operate" width="80" label="操作"> |
|
|
<el-table-column prop="operate" width="80" label="操作"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button @click="handleClick(scope.row)" type="text" size="small"> |
|
|
<el-button @click="handleClick(scope.row)" type="text" size="small"> 查看 </el-button> |
|
|
查看 |
|
|
|
|
|
</el-button> |
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
<el-table |
|
|
<el-table v-if="currentLevelData.orgLevel == 'grid'" :data="wglist" v-loading="loading" max-height="190px" height="190px"> |
|
|
v-if="currentLevelData.orgLevel == 'grid'" |
|
|
|
|
|
:data="wglist" |
|
|
|
|
|
v-loading="loading" |
|
|
|
|
|
max-height="190px" |
|
|
|
|
|
height="190px" |
|
|
|
|
|
> |
|
|
|
|
|
<el-table-column label="序号" type="index" width="50" /> |
|
|
<el-table-column label="序号" type="index" width="50" /> |
|
|
<el-table-column prop="name" width="140" label="微网格" /> |
|
|
<el-table-column prop="name" width="140" label="微网格" /> |
|
|
<el-table-column prop="type" width="90" label="类型"> |
|
|
<el-table-column prop="type" width="90" label="类型"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span :style="'color:' + scope.row.type">{{ |
|
|
<span :style="'color:' + scope.row.type">{{ types[scope.row.type] }}</span> |
|
|
types[scope.row.type] |
|
|
|
|
|
}}</span> |
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="houseNum" width="90" label="户数" /> |
|
|
<el-table-column prop="houseNum" width="90" label="户数" /> |
|
|
@ -50,9 +37,7 @@ |
|
|
<el-table-column prop="safetyNum" label="安全隐患" /> |
|
|
<el-table-column prop="safetyNum" label="安全隐患" /> |
|
|
<el-table-column prop="operate" width="80" label="操作"> |
|
|
<el-table-column prop="operate" width="80" label="操作"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button @click="handleClick(scope.row)" type="text" size="small"> |
|
|
<el-button @click="handleClick(scope.row)" type="text" size="small"> 查看 </el-button> |
|
|
查看 |
|
|
|
|
|
</el-button> |
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
@ -84,11 +69,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
watch: { |
|
|
watch: { |
|
|
peopleType(val) { |
|
|
peopleType(val) { |
|
|
this.getData( |
|
|
this.getData(val, this.currentLevelData.orgLevel, this.currentLevelData.orgId); |
|
|
val, |
|
|
|
|
|
this.currentLevelData.orgLevel, |
|
|
|
|
|
this.currentLevelData.orgId |
|
|
|
|
|
); |
|
|
|
|
|
}, |
|
|
}, |
|
|
currentLevelData(val) { |
|
|
currentLevelData(val) { |
|
|
if (val.orgId) { |
|
|
if (val.orgId) { |
|
|
@ -98,45 +79,26 @@ export default { |
|
|
}, |
|
|
}, |
|
|
mounted() { |
|
|
mounted() { |
|
|
if (this.currentLevelData.orgId) { |
|
|
if (this.currentLevelData.orgId) { |
|
|
this.getData( |
|
|
this.getData(this.peopleType, this.currentLevelData.orgLevel, this.currentLevelData.orgId); |
|
|
this.peopleType, |
|
|
|
|
|
this.currentLevelData.orgLevel, |
|
|
|
|
|
this.currentLevelData.orgId |
|
|
|
|
|
); |
|
|
|
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
getData(peopleType, level = "", orgId = "") { |
|
|
getData(peopleType, level = "", orgId = "") { |
|
|
this.loading = true; |
|
|
this.loading = true; |
|
|
if (level == "grid") { |
|
|
if (level == "grid") { |
|
|
this.$http |
|
|
this.$http.get("/actual/base/streetOverview/queryPersonnelGridGroup?personnelType=" + peopleType + "&level=" + level + "&orgId=" + orgId).then(({ data: { data } }) => { |
|
|
.get( |
|
|
|
|
|
"/actual/base/streetOverview/queryPersonnelGridGroup?personnelType="+ |
|
|
|
|
|
peopleType |
|
|
|
|
|
+"&level=" + |
|
|
|
|
|
level + |
|
|
|
|
|
"&orgId=" + |
|
|
|
|
|
orgId |
|
|
|
|
|
) |
|
|
|
|
|
.then(({ data: { data } }) => { |
|
|
|
|
|
this.loading = false; |
|
|
this.loading = false; |
|
|
this.wglist = data; |
|
|
this.wglist = data; |
|
|
this.$emit('setPoint',data.filter(item => item.longitude && item.latitude)) |
|
|
this.$emit( |
|
|
|
|
|
"setPoint", |
|
|
|
|
|
data.filter((item) => item.longitude && item.latitude) |
|
|
|
|
|
); |
|
|
}); |
|
|
}); |
|
|
} else { |
|
|
} else { |
|
|
this.$http |
|
|
this.$http.get("/actual/base/streetOverview/queryPersonnelGroup?level=" + level + "&orgId=" + orgId + "&personnelType=" + peopleType).then(({ data: { data } }) => { |
|
|
.get( |
|
|
|
|
|
"/actual/base/streetOverview/queryPersonnelGroup?level=" + |
|
|
|
|
|
level + |
|
|
|
|
|
"&orgId=" + |
|
|
|
|
|
orgId + |
|
|
|
|
|
"&personnelType=" + |
|
|
|
|
|
peopleType |
|
|
|
|
|
) |
|
|
|
|
|
.then(({ data: { data } }) => { |
|
|
|
|
|
this.loading = false; |
|
|
this.loading = false; |
|
|
this.list = data.personnelInfoVOList; |
|
|
this.list = data.personnelInfoVOList; |
|
|
this.$emit('setNum',data.orgPersonnelVOList) |
|
|
this.$emit("setNum", data.orgPersonnelVOList); |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
@ -161,11 +123,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
<style |
|
|
<style lang="scss" src="@/assets/scss/dataBoard/overview/index.scss" scoped></style> |
|
|
lang="scss" |
|
|
|
|
|
src="@/assets/scss/dataBoard/overview/index.scss" |
|
|
|
|
|
scoped |
|
|
|
|
|
></style> |
|
|
|
|
|
<style lang="scss" src="@/assets/scss/dataBoard/table.scss" scoped></style> |
|
|
<style lang="scss" src="@/assets/scss/dataBoard/table.scss" scoped></style> |
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
/deep/.table { |
|
|
/deep/.table { |
|
|
|