|
|
@ -1,10 +1,10 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<Breadcrumb :list="breadcrumbList" /> |
|
|
|
<Breadcrumb :list="breadcrumbList"/> |
|
|
|
<div class="screen"> |
|
|
|
<el-form :model="queryParams" inline> |
|
|
|
<el-select popper-class="selectPopClass" v-model="queryParams.agencyId" size="small" placeholder="按组织"> |
|
|
|
<el-option v-for="item in orgOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option> |
|
|
|
<el-option v-for="item in orgOptions" :key="item.value" :label="item.label" :value="item.value"></el-option> |
|
|
|
</el-select> |
|
|
|
<el-input v-model="queryParams.name" clearable size="small" placeholder="按姓名"></el-input> |
|
|
|
<el-input v-model="queryParams.mobile" clearable size="small" placeholder="按电话"></el-input> |
|
|
@ -13,10 +13,15 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="table"> |
|
|
|
<el-table :data="list"> |
|
|
|
<el-table-column label="序号" type="index" width="80" /> |
|
|
|
<el-table :data="list" |
|
|
|
v-loading="loading" |
|
|
|
element-loading-text="加载中..." |
|
|
|
element-loading-spinner="el-icon-loading" |
|
|
|
element-loading-background="rgba(0,0,0,0.5)" |
|
|
|
> |
|
|
|
<el-table-column label="序号" type="index" width="80"/> |
|
|
|
|
|
|
|
<el-table-column prop="name" label="上报人" /> |
|
|
|
<el-table-column prop="name" label="上报人"/> |
|
|
|
|
|
|
|
<el-table-column prop="mobile" label="上报人电话"> |
|
|
|
<template slot-scope="scope"> |
|
|
@ -24,23 +29,32 @@ |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="agencyName" label="所属组织"> </el-table-column> |
|
|
|
<el-table-column prop="agencyName" label="所属组织"></el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="eventCount" sortable label="事件未解决数"> |
|
|
|
<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> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="demandCount" sortable label="需求未满足数"> |
|
|
|
<template slot-scope="{ row }"> |
|
|
|
<el-button type="text" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/xqwmz?reportUserId=' + row.reportUserId)">{{ row.demandCount }}</el-button> |
|
|
|
<el-button type="text" |
|
|
|
@click="$router.push('/dataBoard/satisfactionEval/potentialPeople/xqwmz?reportUserId=' + row.reportUserId)"> |
|
|
|
{{ row.demandCount }} |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="serviceCount" sortable label="应享未享数"> |
|
|
|
<template slot-scope="{ row }"> |
|
|
|
<el-button type="text" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/yxwxfw?reportUserId=' + row.reportUserId)">{{ row.serviceCount }}</el-button> |
|
|
|
<el-button type="text" |
|
|
|
@click="$router.push('/dataBoard/satisfactionEval/potentialPeople/yxwxfw?reportUserId=' + row.reportUserId)"> |
|
|
|
{{ row.serviceCount }} |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
@ -53,7 +67,8 @@ |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
|
|
|
|
<Pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" @pagination="getList" /> |
|
|
|
<Pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
|
|
@pagination="getList"/> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
@ -64,9 +79,10 @@ import Title from "@/views/dataBoard/satisfactionEval/components/Title"; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: "dissatisfied", |
|
|
|
components: { Breadcrumb, Pagination, Title }, |
|
|
|
components: {Breadcrumb, Pagination, Title}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
loading: true, |
|
|
|
queryParams: { |
|
|
|
month: "", |
|
|
|
org: "", |
|
|
@ -90,11 +106,18 @@ export default { |
|
|
|
}, |
|
|
|
], |
|
|
|
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: [], |
|
|
|
}; |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
"$route.query.countType" () { |
|
|
|
if(this.$route.path === '/dataBoard/satisfactionEval/potentialPeople') { |
|
|
|
this.getList(); |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.getOrg(); |
|
|
|
}, |
|
|
@ -109,9 +132,9 @@ export default { |
|
|
|
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; |
|
|
|
let parent = { value: data.id, label: data.name }; |
|
|
|
let parent = {value: data.id, label: data.name}; |
|
|
|
this.orgOptions = [ |
|
|
|
parent, |
|
|
|
...data.children.map((item) => { |
|
|
@ -125,12 +148,19 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
getList() { |
|
|
|
this.$http.get("/governance/satisfactionDetailList/getPotentialDissatisfiedCountDetail?" + this.$paramsFormat(this.queryParams)).then(({ data: { data } }) => { |
|
|
|
this.loading = true |
|
|
|
let params = { |
|
|
|
...this.queryParams, |
|
|
|
countType: this.$route.query.countType |
|
|
|
} |
|
|
|
this.$http.get("/governance/satisfactionDetailList/getPotentialDissatisfiedCountDetail?" + this.$paramsFormat(params)).then(({data: {data}}) => { |
|
|
|
this.list = data.list; |
|
|
|
this.total = data.total; |
|
|
|
this.loading = false |
|
|
|
}); |
|
|
|
}, |
|
|
|
handleView(id) {}, |
|
|
|
handleView(id) { |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|