|
|
|
@ -1,88 +1,126 @@ |
|
|
|
<template> |
|
|
|
<div class=''> |
|
|
|
<div class=""> |
|
|
|
<el-tabs v-model="topTabs" @tab-click="tabClick"> |
|
|
|
<el-tab-pane :label="complainLabel" name="12345"> |
|
|
|
<complain :tableData="complainList" :key="resiId[0]" /> |
|
|
|
<el-row type="flex"> |
|
|
|
<el-col :span="12" align="left"> |
|
|
|
<div style="margin-top: 25px;">共{{ complainTotal }}条</div> |
|
|
|
<div style="margin-top: 25px">共{{ complainTotal }}条</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" align="right"> |
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" :page-size="pageSize" layout="prev, pager, next, jumper" |
|
|
|
:total="complainTotal"> |
|
|
|
</el-pagination></el-col> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" |
|
|
|
:page-size="pageSize" |
|
|
|
layout="prev, pager, next, jumper" |
|
|
|
:total="complainTotal" |
|
|
|
> |
|
|
|
</el-pagination |
|
|
|
></el-col> |
|
|
|
</el-row> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane :label="shengLabel" name="sheng"> |
|
|
|
<sheng :tableData="shengList" :key="resiId[0]" /> |
|
|
|
<el-row type="flex"> |
|
|
|
<el-col :span="12" align="left"> |
|
|
|
<div style="margin-top: 25px;">共{{ shengTotal }}条</div> |
|
|
|
<div style="margin-top: 25px">共{{ shengTotal }}条</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" align="right"> |
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" :page-size="pageSize" layout="prev, pager, next, jumper" |
|
|
|
:total="shengTotal"> |
|
|
|
</el-pagination></el-col> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" |
|
|
|
:page-size="pageSize" |
|
|
|
layout="prev, pager, next,jumper" |
|
|
|
:total="shengTotal" |
|
|
|
> |
|
|
|
</el-pagination |
|
|
|
></el-col> |
|
|
|
</el-row> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane :label="shequLabel" name="shequ"> |
|
|
|
<shequ :tableData="shequList" :key="resiId[0]" /> |
|
|
|
<el-row type="flex"> |
|
|
|
<el-col :span="12" align="left"> |
|
|
|
<div style="margin-top: 25px;">共{{ shequTotal }}条</div> |
|
|
|
<div style="margin-top: 25px">共{{ shequTotal }}条</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" align="right"> |
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" :page-size="pageSize" layout="prev, pager, next, jumper" |
|
|
|
:total="shequTotal"> |
|
|
|
</el-pagination></el-col> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" |
|
|
|
:page-size="pageSize" |
|
|
|
layout="prev, pager, next, jumper" |
|
|
|
:total="shequTotal" |
|
|
|
> |
|
|
|
</el-pagination |
|
|
|
></el-col> |
|
|
|
</el-row> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane :label="shijianLabel" name="shijian"> |
|
|
|
<shijian :tableData="shijianList" :key="resiId[0]" /> |
|
|
|
<el-row type="flex"> |
|
|
|
<el-col :span="12" align="left"> |
|
|
|
<div style="margin-top: 25px;">共{{ shijianTotal }}条</div> |
|
|
|
<div style="margin-top: 25px">共{{ shijianTotal }}条</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" align="right"> |
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" :page-size="pageSize" layout="prev, pager, next, jumper" |
|
|
|
:total="shijianTotal"> |
|
|
|
</el-pagination></el-col> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" |
|
|
|
:page-size="pageSize" |
|
|
|
layout="prev, pager, next, jumper" |
|
|
|
:total="shijianTotal" |
|
|
|
> |
|
|
|
</el-pagination |
|
|
|
></el-col> |
|
|
|
</el-row> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane :label="xuqiuLabel" name="xuqiu"> |
|
|
|
<xuqiu :tableData="xuqiuList" :key="resiId[0]" /> |
|
|
|
<el-row type="flex"> |
|
|
|
<el-col :span="12" align="left"> |
|
|
|
<div style="margin-top: 25px;">共{{ xuqiuTotal }}条</div> |
|
|
|
<div style="margin-top: 25px">共{{ xuqiuTotal }}条</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" align="right"> |
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" :page-size="pageSize" layout="prev, pager, next, jumper" |
|
|
|
:total="xuqiuTotal"> |
|
|
|
</el-pagination></el-col> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" |
|
|
|
:page-size="pageSize" |
|
|
|
layout="prev, pager, next, jumper" |
|
|
|
:total="xuqiuTotal" |
|
|
|
> |
|
|
|
</el-pagination |
|
|
|
></el-col> |
|
|
|
</el-row> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane :label="fuwuLabel" name="fuwu"> |
|
|
|
<div style="display: flex; flex-direction: column; height: 100%;"> |
|
|
|
<fuwu :tableData="fuwuList" :key="resiId[0]" style="flex: 1; overflow: auto;" /> |
|
|
|
<div style="display: flex; flex-direction: column; height: 100%"> |
|
|
|
<fuwu |
|
|
|
:tableData="fuwuList" |
|
|
|
:key="resiId[0]" |
|
|
|
style="flex: 1; overflow: auto" |
|
|
|
/> |
|
|
|
<el-row type="flex"> |
|
|
|
<el-col :span="12" align="left"> |
|
|
|
<div style="margin-top: 25px;">共{{ fuwuTotal }}条</div> |
|
|
|
<div style="margin-top: 25px">共{{ fuwuTotal }}条</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" align="right"> |
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" :page-size="pageSize" layout="prev, pager, next, jumper" |
|
|
|
:total="fuwuTotal"> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" |
|
|
|
:page-size="pageSize" |
|
|
|
layout="prev, pager, next, jumper" |
|
|
|
:total="fuwuTotal" |
|
|
|
> |
|
|
|
</el-pagination> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
</el-tabs> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -98,90 +136,83 @@ export default { |
|
|
|
//数据 |
|
|
|
data() { |
|
|
|
return { |
|
|
|
topTabs: '12345', |
|
|
|
topTabs: "12345", |
|
|
|
|
|
|
|
complainTotal: 0, |
|
|
|
complainList: [], |
|
|
|
complainLabel: '', |
|
|
|
complainLabel: "", |
|
|
|
|
|
|
|
shengLabel: '', |
|
|
|
shengLabel: "", |
|
|
|
shengList: [], |
|
|
|
shengTotal: 0, |
|
|
|
|
|
|
|
shequLabel: '', |
|
|
|
shequLabel: "", |
|
|
|
shequList: [], |
|
|
|
shequTotal: 0, |
|
|
|
|
|
|
|
shijianLabel: '', |
|
|
|
shijianLabel: "", |
|
|
|
shijianList: [], |
|
|
|
shijianTotal: 0, |
|
|
|
|
|
|
|
xuqiuLabel: '', |
|
|
|
xuqiuLabel: "", |
|
|
|
xuqiuList: [], |
|
|
|
xuqiuTotal: 0, |
|
|
|
|
|
|
|
fuwuLabel: '', |
|
|
|
fuwuLabel: "", |
|
|
|
fuwuList: [], |
|
|
|
fuwuTotal: 0, |
|
|
|
|
|
|
|
pageNo: 1, |
|
|
|
pageSize: 20 |
|
|
|
pageSize: 20, |
|
|
|
}; |
|
|
|
}, |
|
|
|
//创建前 |
|
|
|
created() { |
|
|
|
if (this.type == '0') { |
|
|
|
this.resiId = [this.userInfo.resiId] |
|
|
|
} else if (this.type == '1') { |
|
|
|
this.resiId = this.familyResiList |
|
|
|
if (this.type == "0") { |
|
|
|
this.resiId = [this.userInfo.resiId]; |
|
|
|
} else if (this.type == "1") { |
|
|
|
this.resiId = this.familyResiList; |
|
|
|
} |
|
|
|
}, |
|
|
|
async mounted() { |
|
|
|
await this.getComplainList() |
|
|
|
await this.getShengList() |
|
|
|
await this.getShequList() |
|
|
|
await this.getshijianList() |
|
|
|
await this.getxuqiuList() |
|
|
|
await this.getfuwuList() |
|
|
|
await this.getComplainList(); |
|
|
|
await this.getShengList(); |
|
|
|
await this.getShequList(); |
|
|
|
await this.getshijianList(); |
|
|
|
await this.getxuqiuList(); |
|
|
|
await this.getfuwuList(); |
|
|
|
}, |
|
|
|
props: { |
|
|
|
userInfo: { |
|
|
|
type: Object, |
|
|
|
default: () => { } |
|
|
|
default: () => {}, |
|
|
|
}, |
|
|
|
familyResiList: { |
|
|
|
type: Array, |
|
|
|
default: () => [] |
|
|
|
default: () => [], |
|
|
|
}, |
|
|
|
type: { |
|
|
|
type: String, |
|
|
|
default: '0' |
|
|
|
} |
|
|
|
default: "0", |
|
|
|
}, |
|
|
|
}, |
|
|
|
//方法 |
|
|
|
methods: { |
|
|
|
tabClick(index) { |
|
|
|
|
|
|
|
}, |
|
|
|
handleSizeChange() { |
|
|
|
|
|
|
|
}, |
|
|
|
handleCurrentChange() { |
|
|
|
|
|
|
|
}, |
|
|
|
tabClick(index) {}, |
|
|
|
handleSizeChange() {}, |
|
|
|
handleCurrentChange() {}, |
|
|
|
getComplainList() { |
|
|
|
if (this.resiId.length == 0) { |
|
|
|
this.complainList = [] |
|
|
|
this.complainLabel = `12345投诉（0）` |
|
|
|
return |
|
|
|
this.complainList = []; |
|
|
|
this.complainLabel = `12345投诉（0）`; |
|
|
|
return; |
|
|
|
} |
|
|
|
let parm = { |
|
|
|
residList: this.resiId, |
|
|
|
pageNo: this.pageNo, |
|
|
|
pageSize: this.pageSize, |
|
|
|
eventType: "3", |
|
|
|
|
|
|
|
} |
|
|
|
}; |
|
|
|
const statusArr = { |
|
|
|
processing: "处理中", |
|
|
|
closed_case: "已办结", |
|
|
|
@ -189,7 +220,9 @@ export default { |
|
|
|
const marktypes = ["普通事件", "难点读点", "矛盾纠纷", "自身问题"]; |
|
|
|
|
|
|
|
// 省满意度列表 |
|
|
|
this.$http.post("/actual/base/peopleRoomOverview/eventPageList", parm).then(({ data: res }) => { |
|
|
|
this.$http |
|
|
|
.post("/actual/base/peopleRoomOverview/eventPageList", parm) |
|
|
|
.then(({ data: res }) => { |
|
|
|
this.complainList = res.data.list.map((item) => { |
|
|
|
return { |
|
|
|
...item, |
|
|
|
@ -199,45 +232,55 @@ export default { |
|
|
|
}); |
|
|
|
this.complainTotal = res.data.total; |
|
|
|
|
|
|
|
this.complainLabel = `12345投诉（${this.complainTotal}）` |
|
|
|
this.complainLabel = `12345投诉（${this.complainTotal}）`; |
|
|
|
}); |
|
|
|
}, |
|
|
|
getShengList() { |
|
|
|
if (this.resiId.length == 0) { |
|
|
|
this.shengList = [] |
|
|
|
this.shengLabel = `省满意度调查（0）` |
|
|
|
return |
|
|
|
this.shengList = []; |
|
|
|
this.shengLabel = `省满意度调查（0）`; |
|
|
|
return; |
|
|
|
} |
|
|
|
let parm = { |
|
|
|
residList: this.resiId, |
|
|
|
pageNo: this.pageNo, |
|
|
|
pageSize: this.pageSize |
|
|
|
} |
|
|
|
pageSize: this.pageSize, |
|
|
|
}; |
|
|
|
// 省满意度列表 |
|
|
|
this.$http.post("/actual/base/peopleRoomOverview/provincialSatisfactionPageList", parm).then(({ data: res }) => { |
|
|
|
this.$http |
|
|
|
.post( |
|
|
|
"/actual/base/peopleRoomOverview/provincialSatisfactionPageList", |
|
|
|
parm |
|
|
|
) |
|
|
|
.then(({ data: res }) => { |
|
|
|
this.shengList = res.data; |
|
|
|
this.shengTotal = res.data.length; |
|
|
|
this.shengLabel = `省满意度调查（${this.shengTotal}）` |
|
|
|
this.shengLabel = `省满意度调查（${this.shengTotal}）`; |
|
|
|
}); |
|
|
|
}, |
|
|
|
getShequList() { |
|
|
|
if (this.resiId.length == 0) { |
|
|
|
this.shequList = [] |
|
|
|
this.shequLabel = `社区满意度自查（0）` |
|
|
|
return |
|
|
|
this.shequList = []; |
|
|
|
this.shequLabel = `社区满意度自查（0）`; |
|
|
|
return; |
|
|
|
} |
|
|
|
let parm = { |
|
|
|
residList: this.resiId, |
|
|
|
pageNo: this.pageNo, |
|
|
|
pageSize: this.pageSize |
|
|
|
} |
|
|
|
pageSize: this.pageSize, |
|
|
|
}; |
|
|
|
const completeFlags = { |
|
|
|
"-2": "未知", |
|
|
|
"-1": "不接受回访", |
|
|
|
0: "接受回访/待回访", |
|
|
|
1: "已回访", |
|
|
|
}; |
|
|
|
this.$http.post("/actual/base/peopleRoomOverview/communitySatisfactionPageList", parm).then(({ data: res }) => { |
|
|
|
this.$http |
|
|
|
.post( |
|
|
|
"/actual/base/peopleRoomOverview/communitySatisfactionPageList", |
|
|
|
parm |
|
|
|
) |
|
|
|
.then(({ data: res }) => { |
|
|
|
this.shequList = res.data.map((item) => { |
|
|
|
return { |
|
|
|
...item, |
|
|
|
@ -245,26 +288,28 @@ export default { |
|
|
|
}; |
|
|
|
}); |
|
|
|
this.shequTotal = this.shequList.length; |
|
|
|
this.shequLabel = `社区满意度自查（${this.shequTotal}）` |
|
|
|
this.shequLabel = `社区满意度自查（${this.shequTotal}）`; |
|
|
|
}); |
|
|
|
}, |
|
|
|
getshijianList() { |
|
|
|
if (this.resiId.length == 0) { |
|
|
|
this.shijianList = [] |
|
|
|
this.shijianLabel = `上报事件（0）` |
|
|
|
return |
|
|
|
this.shijianList = []; |
|
|
|
this.shijianLabel = `上报事件（0）`; |
|
|
|
return; |
|
|
|
} |
|
|
|
let parm = { |
|
|
|
residList: this.resiId, |
|
|
|
pageNo: this.pageNo, |
|
|
|
pageSize: this.pageSize |
|
|
|
} |
|
|
|
pageSize: this.pageSize, |
|
|
|
}; |
|
|
|
const statusArr = { |
|
|
|
processing: "处理中", |
|
|
|
closed_case: "已办结", |
|
|
|
}; |
|
|
|
const marktypes = ["普通事件", "难点读点", "矛盾纠纷", "自身问题"]; |
|
|
|
this.$http.post("/actual/base/peopleRoomOverview/eventPageList", parm).then(({ data: res }) => { |
|
|
|
this.$http |
|
|
|
.post("/actual/base/peopleRoomOverview/eventPageList", parm) |
|
|
|
.then(({ data: res }) => { |
|
|
|
this.shijianList = res.data.list.map((item) => { |
|
|
|
return { |
|
|
|
...item, |
|
|
|
@ -273,50 +318,54 @@ export default { |
|
|
|
}; |
|
|
|
}); |
|
|
|
this.shijianTotal = this.shijianList.length; |
|
|
|
this.shijianLabel = `上报事件（${this.shijianTotal}）` |
|
|
|
this.shijianLabel = `上报事件（${this.shijianTotal}）`; |
|
|
|
}); |
|
|
|
}, |
|
|
|
getxuqiuList() { |
|
|
|
if (this.resiId.length == 0) { |
|
|
|
this.xuqiuList = [] |
|
|
|
this.xuqiuLabel = `居民需求（0）` |
|
|
|
return |
|
|
|
this.xuqiuList = []; |
|
|
|
this.xuqiuLabel = `居民需求（0）`; |
|
|
|
return; |
|
|
|
} |
|
|
|
let parm = { |
|
|
|
residList: this.resiId, |
|
|
|
pageNo: this.pageNo, |
|
|
|
pageSize: this.pageSize |
|
|
|
} |
|
|
|
pageSize: this.pageSize, |
|
|
|
}; |
|
|
|
// 省满意度列表 |
|
|
|
this.$http.post("/actual/base/peopleRoomOverview/demandOfResidentsPageList", parm).then(({ data: res }) => { |
|
|
|
this.$http |
|
|
|
.post("/actual/base/peopleRoomOverview/demandOfResidentsPageList", parm) |
|
|
|
.then(({ data: res }) => { |
|
|
|
this.xuqiuList = res.data.map((item) => { |
|
|
|
return { |
|
|
|
...item, |
|
|
|
}; |
|
|
|
}); |
|
|
|
this.xuqiuTotal = this.xuqiuList.length; |
|
|
|
this.xuqiuLabel = `居民需求（${this.xuqiuTotal}）` |
|
|
|
this.xuqiuLabel = `居民需求（${this.xuqiuTotal}）`; |
|
|
|
}); |
|
|
|
}, |
|
|
|
getfuwuList() { |
|
|
|
if (this.resiId.length == 0) { |
|
|
|
this.fuwuList = [] |
|
|
|
this.fuwuLabel = `社区服务（0）` |
|
|
|
return |
|
|
|
this.fuwuList = []; |
|
|
|
this.fuwuLabel = `社区服务（0）`; |
|
|
|
return; |
|
|
|
} |
|
|
|
let parm = { |
|
|
|
residList: this.resiId, |
|
|
|
pageNo: this.pageNo, |
|
|
|
pageSize: this.pageSize |
|
|
|
} |
|
|
|
this.$http.post("/actual/base/peopleRoomOverview/communityServicePageList", parm).then(({ data: res }) => { |
|
|
|
pageSize: this.pageSize, |
|
|
|
}; |
|
|
|
this.$http |
|
|
|
.post("/actual/base/peopleRoomOverview/communityServicePageList", parm) |
|
|
|
.then(({ data: res }) => { |
|
|
|
this.fuwuList = res.data.map((item) => { |
|
|
|
return { |
|
|
|
...item, |
|
|
|
}; |
|
|
|
}); |
|
|
|
this.fuwuTotal = this.fuwuList.length; |
|
|
|
this.fuwuLabel = `社区服务（${this.fuwuTotal}）` |
|
|
|
this.fuwuLabel = `社区服务（${this.fuwuTotal}）`; |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
@ -326,7 +375,7 @@ export default { |
|
|
|
computed: {}, |
|
|
|
//监听 |
|
|
|
watch: {}, |
|
|
|
} |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="less" scoped></style> |
张若晨
2 years ago