战立标
2 years ago
8 changed files with 194 additions and 19 deletions
@ -0,0 +1,164 @@ |
|||
<template> |
|||
<div> |
|||
|
|||
<el-dialog |
|||
class="dissatisfied-detail" |
|||
title="" |
|||
:visible.sync="dialogVisible" |
|||
width="1200px" |
|||
:modal="false" |
|||
:before-close="handleClose" |
|||
> |
|||
<div class="main-title"> |
|||
<Title :text="month+'份12345政务热线事件列表'"/> |
|||
</div> |
|||
<div class="content"> |
|||
<div class="table"> |
|||
<el-table :data="list"> |
|||
<el-table-column |
|||
label="序号" |
|||
type="index" |
|||
width="80"/> |
|||
|
|||
<el-table-column |
|||
prop="monthTime" |
|||
label="月度"/> |
|||
|
|||
<el-table-column |
|||
prop="agencyName" |
|||
label="所属社区"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column |
|||
prop="categoryName" |
|||
label="事项类型"/> |
|||
|
|||
<el-table-column |
|||
prop="eventContent" |
|||
width="200" |
|||
show-overflow-tooltip |
|||
label="事项描述"/> |
|||
<el-table-column |
|||
prop="receiveTime" |
|||
width="200" |
|||
label="接收时间"/> |
|||
|
|||
<el-table-column |
|||
prop="statusName" |
|||
label="状态"/> |
|||
|
|||
<el-table-column label="详情" width="90" align="center"> |
|||
<template slot-scope="data"> |
|||
<el-button type="text" @click="handleView(data.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" |
|||
/> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<EventDetails :showDialog="showDialog" :id="this.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 EventDetails from "@/views/dataBoard/cpts/event-details.vue" |
|||
|
|||
|
|||
export default { |
|||
name: "EventList", |
|||
components: {Breadcrumb, Pagination, Title, EventDetails}, |
|||
data() { |
|||
return { |
|||
queryParams: { |
|||
pageNo: 1, |
|||
pageSize: 4, |
|||
}, |
|||
total: 0, |
|||
list: [], |
|||
month: '', |
|||
dialogVisible: false, |
|||
showDialog: false, |
|||
rowId: '' |
|||
} |
|||
}, |
|||
activated() { |
|||
|
|||
}, |
|||
methods: { |
|||
|
|||
handleClose(done) { |
|||
this.dialogVisible = false |
|||
}, |
|||
open(searchParams) { |
|||
this.dialogVisible = true |
|||
this.month = this.$moment(searchParams.monthTime).format('YYYY年M月') |
|||
this.queryParams = { |
|||
...this.queryParams, |
|||
...searchParams |
|||
} |
|||
this.getList() |
|||
}, |
|||
getList() { |
|||
this.$http.get('/governance/satisfactionOverview/event12345List?' + this.$paramsFormat(this.queryParams)).then(({data: {data}}) => { |
|||
this.list = data.list |
|||
this.total = data.total |
|||
}) |
|||
}, |
|||
handleView({id}) { |
|||
this.showDialog = true |
|||
this.rowId = id |
|||
}, |
|||
close() { |
|||
this.showDialog = false |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
@import "@/assets/scss/dataBoard/table.scss"; |
|||
|
|||
.dissatisfied-detail { |
|||
/deep/ .el-dialog { |
|||
background: url("@/assets/images/manyidu/dialog_bg.png") no-repeat left top; |
|||
background-size: 100%; |
|||
width: 1200px; |
|||
height: 550px; |
|||
color: #fff; |
|||
|
|||
.el-dialog__header { |
|||
border-bottom: none !important; |
|||
} |
|||
|
|||
.el-dialog__headerbtn { |
|||
top: 30px; |
|||
right: 30px; |
|||
|
|||
.el-dialog__close { |
|||
color: #fff; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.content { |
|||
} |
|||
|
|||
.main-title { |
|||
margin-bottom: 20px; |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue