You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
142 lines
3.6 KiB
142 lines
3.6 KiB
<template>
|
|
<div>
|
|
<Breadcrumb :list="breadcrumbList"/>
|
|
|
|
<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-column
|
|
label="序号"
|
|
type="index"
|
|
width="80"/>
|
|
|
|
<el-table-column
|
|
prop="demandUserName"
|
|
label="需求人"/>
|
|
|
|
<el-table-column
|
|
prop="demandUserMobile"
|
|
label="需求人电话">
|
|
<template slot-scope="scope">
|
|
{{ $sensitive(scope.row.demandUserMobile, 3, 7) }}
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
prop="agencyName"
|
|
label="所属组织">
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column
|
|
prop="content"
|
|
show-overflow-tooltip
|
|
label="需求描述"/>
|
|
|
|
<el-table-column
|
|
prop="latestProcessingStatus"
|
|
label="最新办理状态"/>
|
|
|
|
<el-table-column
|
|
prop="latestProcessingTime"
|
|
sortable
|
|
label="最近办理时间"/>
|
|
<el-table-column
|
|
prop="reportTime"
|
|
sortable
|
|
label="需求提交时间"/>
|
|
<el-table-column
|
|
sortable
|
|
label="详情">
|
|
<template slot-scope="{row}">
|
|
<el-button type="text" @click="handleView(row)">查看</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"
|
|
/>
|
|
<xqwmz :showDialog="showDialog" :id="rowId" @close="close"/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb'
|
|
import Pagination from '@/views/dataBoard/satisfactionEval/components/Pagination'
|
|
import Title from "@/views/dataBoard/satisfactionEval/components/Title"
|
|
import xqwmz from "@/views/dataBoard/satisfactionEval/potentialPeople/details/xqwmz.vue"
|
|
|
|
export default {
|
|
name: "dissatisfied",
|
|
components: {Breadcrumb, Pagination, Title, xqwmz},
|
|
data() {
|
|
return {
|
|
queryParams: {
|
|
reportUserId: this.$route.query.reportUserId,
|
|
pageNo: 1,
|
|
pageSize: 10,
|
|
},
|
|
total: 0,
|
|
breadcrumbList: [{
|
|
path: '/dataBoard/satisfactionEval/index',
|
|
name: '满意度评价'
|
|
}, {
|
|
path: '/dataBoard/satisfactionEval/potentialPeople',
|
|
name: '潜在不满意数'
|
|
}, {
|
|
path: '',
|
|
name: '需求未满足数'
|
|
}],
|
|
list: [],
|
|
showDialog: false,
|
|
rowId: '',
|
|
loading: true
|
|
}
|
|
},
|
|
activated() {
|
|
this.queryParams.reportUserId = this.$route.query.reportUserId
|
|
this.queryParams.pageNo = 1
|
|
this.getList();
|
|
},
|
|
methods: {
|
|
search() {
|
|
this.queryParams.pageNo = 1
|
|
this.getList();
|
|
},
|
|
getList() {
|
|
this.loading = true
|
|
this.$http.get('/governance/satisfactionDetailList/getUserDemandUnSolvedByUserId?' + this.$paramsFormat(this.queryParams)).then(({data: {data}}) => {
|
|
this.list = data.list;
|
|
this.total = data.total;
|
|
this.loading = false
|
|
})
|
|
},
|
|
handleView({name, id}) {
|
|
this.showDialog = true
|
|
this.rowId = id
|
|
},
|
|
close() {
|
|
this.showDialog = false
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import "@/assets/scss/dataBoard/table.scss";
|
|
|
|
.table {
|
|
margin-top: 40px;
|
|
}
|
|
</style>
|