|
|
@ -1,15 +1,10 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div> |
|
|
<div> |
|
|
<Breadcrumb :list="breadcrumbList"/> |
|
|
<Breadcrumb :list="breadcrumbList" /> |
|
|
<div class="screen"> |
|
|
<div class="screen"> |
|
|
<el-form :model="queryParams" inline> |
|
|
<el-form :model="queryParams" inline> |
|
|
<el-select popper-class="selectPopClass" v-model="queryParams.agencyId" size="small" placeholder="按组织"> |
|
|
<el-select popper-class="selectPopClass" v-model="queryParams.agencyId" size="small" placeholder="按组织"> |
|
|
<el-option |
|
|
<el-option v-for="item in orgOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option> |
|
|
v-for="item in orgOptions" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value"> |
|
|
|
|
|
</el-option> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
<el-input v-model="queryParams.name" clearable size="small" placeholder="按姓名"></el-input> |
|
|
<el-input v-model="queryParams.name" clearable size="small" placeholder="按姓名"></el-input> |
|
|
<el-input v-model="queryParams.mobile" clearable size="small" placeholder="按电话"></el-input> |
|
|
<el-input v-model="queryParams.mobile" clearable size="small" placeholder="按电话"></el-input> |
|
|
@ -19,145 +14,125 @@ |
|
|
|
|
|
|
|
|
<div class="table"> |
|
|
<div class="table"> |
|
|
<el-table :data="list"> |
|
|
<el-table :data="list"> |
|
|
<el-table-column |
|
|
<el-table-column label="序号" type="index" width="80" /> |
|
|
label="序号" |
|
|
|
|
|
type="index" |
|
|
<el-table-column prop="name" label="上报人" /> |
|
|
width="80"/> |
|
|
|
|
|
|
|
|
<el-table-column prop="mobile" label="上报人电话"> |
|
|
<el-table-column |
|
|
<template slot-scope="scope"> |
|
|
prop="name" |
|
|
{{ $sensitive(scope.row.mobile, 3, 7) }} |
|
|
label="上报人"/> |
|
|
</template> |
|
|
|
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="mobile" |
|
|
|
|
|
label="上报人电话"/> |
|
|
|
|
|
|
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="agencyName" |
|
|
|
|
|
label="所属组织"> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column |
|
|
<el-table-column prop="agencyName" label="所属组织"> </el-table-column> |
|
|
prop="eventCount" |
|
|
|
|
|
sortable |
|
|
<el-table-column prop="eventCount" sortable label="事件未解决数"> |
|
|
label="事件未解决数"> |
|
|
<template slot-scope="{ row }"> |
|
|
<template slot-scope="{row}"> |
|
|
<el-button type="text" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/sjwjj?reportUserId=' + row.reportUserId)">{{ row.eventCount }}</el-button> |
|
|
<el-button type="text" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/sjwjj?reportUserId='+row.reportUserId)">{{ row.eventCount }}</el-button> |
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column |
|
|
<el-table-column prop="demandCount" sortable label="需求未满足数"> |
|
|
prop="demandCount" |
|
|
<template slot-scope="{ row }"> |
|
|
sortable |
|
|
<el-button type="text" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/xqwmz?reportUserId=' + row.reportUserId)">{{ row.demandCount }}</el-button> |
|
|
label="需求未满足数"> |
|
|
|
|
|
<template slot-scope="{row}"> |
|
|
|
|
|
<el-button type="text" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/xqwmz?reportUserId='+row.reportUserId)">{{ row.demandCount }}</el-button> |
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column |
|
|
<el-table-column prop="serviceCount" sortable label="应享未享数"> |
|
|
prop="serviceCount" |
|
|
<template slot-scope="{ row }"> |
|
|
sortable |
|
|
<el-button type="text" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/yxwxfw?reportUserId=' + row.reportUserId)">{{ row.serviceCount }}</el-button> |
|
|
label="应享未享数"> |
|
|
|
|
|
<template slot-scope="{row}"> |
|
|
|
|
|
<el-button type="text" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/yxwxfw?reportUserId='+row.reportUserId)">{{ row.serviceCount }}</el-button> |
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column |
|
|
<el-table-column prop="countAll" sortable label="总数"> |
|
|
prop="countAll" |
|
|
<template slot-scope="{ row }" |
|
|
sortable |
|
|
>{{ row.countAll }} |
|
|
label="总数"> |
|
|
<!-- <el-button type="text"></el-button>--> |
|
|
<template slot-scope="{row}">{{ row.countAll }} |
|
|
|
|
|
<!-- <el-button type="text"></el-button>--> |
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<Pagination |
|
|
<Pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" @pagination="getList" /> |
|
|
v-show="total>0" |
|
|
|
|
|
:total="total" |
|
|
|
|
|
:page.sync="queryParams.pageNo" |
|
|
|
|
|
:limit.sync="queryParams.pageSize" |
|
|
|
|
|
@pagination="getList" |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb' |
|
|
import Breadcrumb from "@/views/dataBoard/satisfactionEval/components/Breadcrumb"; |
|
|
import Pagination from '@/views/dataBoard/satisfactionEval/components/Pagination' |
|
|
import Pagination from "@/views/dataBoard/satisfactionEval/components/Pagination"; |
|
|
import Title from "@/views/dataBoard/satisfactionEval/components/Title" |
|
|
import Title from "@/views/dataBoard/satisfactionEval/components/Title"; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: "dissatisfied", |
|
|
name: "dissatisfied", |
|
|
components: {Breadcrumb, Pagination, Title}, |
|
|
components: { Breadcrumb, Pagination, Title }, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
queryParams: { |
|
|
queryParams: { |
|
|
month: '', |
|
|
month: "", |
|
|
org: '', |
|
|
org: "", |
|
|
matterSource: '', |
|
|
matterSource: "", |
|
|
matterType: '', |
|
|
matterType: "", |
|
|
name: '', |
|
|
name: "", |
|
|
tel: '', |
|
|
tel: "", |
|
|
pageNo: 1, |
|
|
pageNo: 1, |
|
|
pageSize: 10, |
|
|
pageSize: 10, |
|
|
}, |
|
|
}, |
|
|
orgOptions: [], |
|
|
orgOptions: [], |
|
|
total: 0, |
|
|
total: 0, |
|
|
breadcrumbList: [{ |
|
|
breadcrumbList: [ |
|
|
path: '/dataBoard/satisfactionEval/index', |
|
|
{ |
|
|
name: '满意度评价' |
|
|
path: "/dataBoard/satisfactionEval/index", |
|
|
}, { |
|
|
name: "满意度评价", |
|
|
path: '', |
|
|
}, |
|
|
name: '潜在不满意人数' |
|
|
{ |
|
|
}], |
|
|
path: "", |
|
|
|
|
|
name: "潜在不满意人数", |
|
|
|
|
|
}, |
|
|
|
|
|
], |
|
|
monthOptions: new Array(12).fill(0).map((_, index) => { |
|
|
monthOptions: new Array(12).fill(0).map((_, index) => { |
|
|
return {label: (index - 0 + 1) + '月', value: (index - 0 + 1)} |
|
|
return { label: index - 0 + 1 + "月", value: index - 0 + 1 }; |
|
|
}), |
|
|
}), |
|
|
list: [] |
|
|
list: [], |
|
|
} |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
mounted() { |
|
|
mounted() { |
|
|
this.getOrg() |
|
|
this.getOrg(); |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
search() { |
|
|
search() { |
|
|
this.queryParams.pageNo = 1 |
|
|
this.queryParams.pageNo = 1; |
|
|
this.getList(); |
|
|
this.getList(); |
|
|
}, |
|
|
}, |
|
|
getOrg() { |
|
|
getOrg() { |
|
|
let params = { |
|
|
let params = { |
|
|
orgId: this.$store.state.chooseArea.chooseName.orgId, |
|
|
orgId: this.$store.state.chooseArea.chooseName.orgId, |
|
|
level: this.$store.state.chooseArea.chooseName.level |
|
|
level: this.$store.state.chooseArea.chooseName.level, |
|
|
} |
|
|
}; |
|
|
|
|
|
|
|
|
this.$http.post(`/gov/org/agency/maporg`, params).then(async ({data: {data}}) => { |
|
|
this.$http.post(`/gov/org/agency/maporg`, params).then(async ({ data: { data } }) => { |
|
|
this.queryParams.agencyId = this.$store.state.chooseArea.chooseName.orgId |
|
|
this.queryParams.agencyId = this.$store.state.chooseArea.chooseName.orgId; |
|
|
let parent = {value: data.id, label: data.name} |
|
|
let parent = { value: data.id, label: data.name }; |
|
|
this.orgOptions = [parent, ...data.children.map(item => { |
|
|
this.orgOptions = [ |
|
|
return { |
|
|
parent, |
|
|
value: item.id, |
|
|
...data.children.map((item) => { |
|
|
label: item.name |
|
|
return { |
|
|
} |
|
|
value: item.id, |
|
|
})] |
|
|
label: item.name, |
|
|
this.getList() |
|
|
}; |
|
|
}) |
|
|
}), |
|
|
|
|
|
]; |
|
|
|
|
|
this.getList(); |
|
|
|
|
|
}); |
|
|
}, |
|
|
}, |
|
|
getList() { |
|
|
getList() { |
|
|
this.$http.get('/governance/satisfactionDetailList/getPotentialDissatisfiedCountDetail?' + this.$paramsFormat(this.queryParams)).then(({data: {data}}) => { |
|
|
this.$http.get("/governance/satisfactionDetailList/getPotentialDissatisfiedCountDetail?" + this.$paramsFormat(this.queryParams)).then(({ data: { data } }) => { |
|
|
this.list = data.list; |
|
|
this.list = data.list; |
|
|
this.total = data.total; |
|
|
this.total = data.total; |
|
|
}) |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
handleView(id) { |
|
|
handleView(id) {}, |
|
|
|
|
|
}, |
|
|
} |
|
|
}; |
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
<style scoped lang="scss"> |
|
|
@ -166,10 +141,11 @@ export default { |
|
|
.screen { |
|
|
.screen { |
|
|
margin: 25px 0 40px; |
|
|
margin: 25px 0 40px; |
|
|
|
|
|
|
|
|
.el-select, .el-input { |
|
|
.el-select, |
|
|
|
|
|
.el-input { |
|
|
width: 150px; |
|
|
width: 150px; |
|
|
margin-right: 4px; |
|
|
margin-right: 4px; |
|
|
border: 1px solid #126AC5; |
|
|
border: 1px solid #126ac5; |
|
|
border-radius: 2px; |
|
|
border-radius: 2px; |
|
|
|
|
|
|
|
|
/deep/ .el-input__inner { |
|
|
/deep/ .el-input__inner { |
|
|
@ -184,4 +160,4 @@ export default { |
|
|
height: 32px; |
|
|
height: 32px; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
SongZhen
2 years ago