|
|
|
@ -1,27 +1,50 @@ |
|
|
|
<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-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-select> |
|
|
|
<el-input v-model.trim="queryParams.name" clearable size="small" placeholder="按姓名"></el-input> |
|
|
|
<el-input v-model.trim="queryParams.mobile" clearable size="small" placeholder="按电话"></el-input> |
|
|
|
<el-button size="small" class="btn" type="primary" @click="search">查询</el-button> |
|
|
|
<el-input |
|
|
|
v-model.trim="queryParams.name" |
|
|
|
clearable |
|
|
|
size="small" |
|
|
|
placeholder="按姓名" |
|
|
|
></el-input> |
|
|
|
<el-input |
|
|
|
v-model.trim="queryParams.mobile" |
|
|
|
clearable |
|
|
|
size="small" |
|
|
|
placeholder="按电话" |
|
|
|
></el-input> |
|
|
|
<el-button size="small" class="btn" type="primary" @click="search" |
|
|
|
>查询</el-button |
|
|
|
> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="table"> |
|
|
|
<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 |
|
|
|
: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 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"> |
|
|
|
@ -33,8 +56,15 @@ |
|
|
|
|
|
|
|
<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)"> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
@click=" |
|
|
|
$router.push( |
|
|
|
'/dataBoard/satisfactionEval/potentialPeople/sjwjj?reportUserId=' + |
|
|
|
row.reportUserId |
|
|
|
) |
|
|
|
" |
|
|
|
> |
|
|
|
{{ row.eventCount }} |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
@ -42,8 +72,15 @@ |
|
|
|
|
|
|
|
<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)"> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
@click=" |
|
|
|
$router.push( |
|
|
|
'/dataBoard/satisfactionEval/potentialPeople/xqwmz?reportUserId=' + |
|
|
|
row.reportUserId |
|
|
|
) |
|
|
|
" |
|
|
|
> |
|
|
|
{{ row.demandCount }} |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
@ -51,8 +88,15 @@ |
|
|
|
|
|
|
|
<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)"> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
@click=" |
|
|
|
$router.push( |
|
|
|
'/dataBoard/satisfactionEval/potentialPeople/yxwxfw?reportUserId=' + |
|
|
|
row.reportUserId |
|
|
|
) |
|
|
|
" |
|
|
|
> |
|
|
|
{{ row.serviceCount }} |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
@ -60,15 +104,20 @@ |
|
|
|
|
|
|
|
<el-table-column prop="countAll" sortable label="总数"> |
|
|
|
<template slot-scope="{ row }" |
|
|
|
>{{ row.countAll }} |
|
|
|
>{{ row.countAll }} |
|
|
|
<!-- <el-button type="text"></el-button>--> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</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> |
|
|
|
|
|
|
|
@ -79,7 +128,7 @@ import Title from "@/views/dataBoard/satisfactionEval/components/Title"; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: "dissatisfied", |
|
|
|
components: {Breadcrumb, Pagination, Title}, |
|
|
|
components: { Breadcrumb, Pagination, Title }, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
loading: true, |
|
|
|
@ -106,7 +155,7 @@ 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: [], |
|
|
|
}; |
|
|
|
@ -126,36 +175,43 @@ export default { |
|
|
|
level: this.$store.state.chooseArea.chooseName.level, |
|
|
|
}; |
|
|
|
|
|
|
|
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}; |
|
|
|
this.orgOptions = [ |
|
|
|
parent, |
|
|
|
...data.children.map((item) => { |
|
|
|
return { |
|
|
|
value: item.id, |
|
|
|
label: item.name, |
|
|
|
}; |
|
|
|
}), |
|
|
|
]; |
|
|
|
this.getList(); |
|
|
|
}); |
|
|
|
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 }; |
|
|
|
this.orgOptions = [ |
|
|
|
parent, |
|
|
|
...data.children.map((item) => { |
|
|
|
return { |
|
|
|
value: item.id, |
|
|
|
label: item.name, |
|
|
|
}; |
|
|
|
}), |
|
|
|
]; |
|
|
|
this.getList(); |
|
|
|
}); |
|
|
|
}, |
|
|
|
getList() { |
|
|
|
this.loading = true |
|
|
|
console.log(this.$route.query.countType) |
|
|
|
this.loading = true; |
|
|
|
console.log(this.$route.query.countType); |
|
|
|
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) { |
|
|
|
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) {}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
