战立标
2 years ago
4 changed files with 313 additions and 43 deletions
@ -0,0 +1,98 @@ |
|||
<template> |
|||
<div style="margin-top:10px"> |
|||
<el-table :data="tableData" :span-method="objectSpanMethod" border class="m-table-item" height="600" style="width: 100%"> |
|||
<el-table-column align="center" fixed="left" label="序号" type="index" width="50"/> |
|||
<el-table-column :show-overflow-tooltip="true" align="center" label="类型" prop="categoryName"/> |
|||
<el-table-column :show-overflow-tooltip="true" align="center" label="追加内容次数" prop="awoNum"/> |
|||
<el-table-column :show-overflow-tooltip="true" align="center" label="投诉内容" prop="eventContent"/> |
|||
<el-table-column label="操作" align="center" width="100"> |
|||
<template slot-scope="scope"> |
|||
<el-button @click="handelSearchAreaSameEvent(scope.row)" type="text" size="small">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<div> |
|||
<el-pagination |
|||
:current-page.sync="pageNo" |
|||
:page-size="pageSize" |
|||
:page-sizes="[10, 20, 50]" |
|||
:total="total" |
|||
layout="sizes, prev, pager, next, total" |
|||
@size-change="handleSizeChange" |
|||
@current-change="handleCurrentChange"/> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import {requestPost, requestGet} from "@/js/dai/request"; |
|||
import {completeList} from "@/js/columns/constants"; |
|||
|
|||
export default { |
|||
//数据 |
|||
data() { |
|||
return { |
|||
formData: { |
|||
startTime: "", |
|||
endTime: "", |
|||
awoFlag: 1 |
|||
}, |
|||
pageNo: 0, |
|||
pageSize: window.localStorage.getItem('pageSize') || 20, |
|||
total: 0, |
|||
tableData: [], |
|||
mergeObj: {}, |
|||
mergeArr: ['address'], |
|||
}; |
|||
}, |
|||
//创建前 |
|||
created() { |
|||
}, |
|||
async mounted() { |
|||
await this.getTableData() |
|||
}, |
|||
//方法 |
|||
methods: { |
|||
handelSearchAreaSameEvent(row) { |
|||
this.$emit('clickAwoFlagData',row) |
|||
}, |
|||
handleSizeChange(val) { |
|||
console.log(`每页 ${val} 条`); |
|||
this.pageSize = val; |
|||
this.getTableData(); |
|||
}, |
|||
|
|||
handleCurrentChange(val) { |
|||
console.log(`当前页: ${val}`); |
|||
this.pageNo = val; |
|||
this.getTableData(); |
|||
}, |
|||
async getTableData() { |
|||
try { |
|||
const url = "/governance/dwdEvent/list"; |
|||
const {pageSize, pageNo, formData} = this; |
|||
const {data, code, msg} = await requestPost(url, { |
|||
pageSize, |
|||
pageNo, |
|||
...formData, |
|||
}); |
|||
if (code == 0) { |
|||
this.tableData = data.list; |
|||
this.total = data.total; |
|||
} else { |
|||
console.log(err); |
|||
} |
|||
} catch (err) { |
|||
console.log(err); |
|||
} |
|||
}, |
|||
}, |
|||
//子组件注册 |
|||
components: {}, |
|||
//计算 |
|||
computed: {}, |
|||
//监听 |
|||
watch: {}, |
|||
} |
|||
</script> |
|||
<style lang="scss"></style> |
|||
@ -0,0 +1,80 @@ |
|||
<template> |
|||
<el-dialog |
|||
:destroy-on-close="true" |
|||
:modal="true" |
|||
:visible.sync="showDialog" |
|||
width="60%" |
|||
top="5vh" |
|||
@close="handleClose" |
|||
title="追加内容投诉" |
|||
> |
|||
<el-table :data="tableData" :height="500" border class="m-table-item" style="width: 100%"> |
|||
<el-table-column align="center" label="序号" type="index" width="50"/> |
|||
<el-table-column prop="workOrderId" label="工单号" width="200"/> |
|||
<el-table-column prop="addtionalContent" label="追加内容" show-overflow-tooltip/> |
|||
<el-table-column prop="senderName" label="发送人"/> |
|||
<el-table-column prop="senderTime" label="发送时间"/> |
|||
<el-table-column prop="subOrgName" label="下级单位" show-overflow-tooltip/> |
|||
</el-table> |
|||
<div> |
|||
<el-pagination |
|||
:current-page.sync="pageNo" |
|||
:page-size="parseInt(pageSize)" |
|||
:page-sizes="[20, 50, 100, 200]" |
|||
:total="total" |
|||
layout="sizes, prev, pager, next, total" |
|||
@size-change="handleSizeChange" @current-change="handleCurrentChange" |
|||
> |
|||
</el-pagination> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "awoList", |
|||
data() { |
|||
return { |
|||
tableData: [], |
|||
showDialog: false, |
|||
pageSize: 20, |
|||
pageNo: 1, |
|||
total: 0 |
|||
} |
|||
}, |
|||
methods: { |
|||
open({icEventId,eventId}) { |
|||
this.id = icEventId || eventId |
|||
this.showDialog = true |
|||
this.getList() |
|||
}, |
|||
handleClose() { |
|||
this.showDialog = false |
|||
}, |
|||
handleSizeChange(val) { |
|||
this.pageSize = val; |
|||
this.getList(); |
|||
}, |
|||
handleCurrentChange(val) { |
|||
this.pageNo = val; |
|||
this.getList(); |
|||
}, |
|||
|
|||
getList() { |
|||
let params = { |
|||
icEventId: this.id, |
|||
pageSize: this.pageSize, |
|||
pageNo: this.pageNo |
|||
} |
|||
this.$http.get('/governance/icEventAwo/page?' + this.$paramsFormat(params)).then((res) => { |
|||
this.tableData = res.data.data.list |
|||
this.total = res.data.data.total |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
Loading…
Reference in new issue