zhangjy
4 years ago
20 changed files with 307 additions and 52 deletions
@ -0,0 +1,10 @@
|
||||
import request from '@/router/axios' |
||||
|
||||
// 查询列表(意见反馈)
|
||||
export function feedBackList(param) { |
||||
return request({ |
||||
url: '/api/feedback/page', |
||||
method: 'get', |
||||
params: param |
||||
}) |
||||
} |
||||
@ -0,0 +1,15 @@
|
||||
<template> |
||||
<div> |
||||
5555 |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "feedBack" |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
</style> |
||||
@ -1,14 +1,206 @@
|
||||
<template> |
||||
<div class="flat"> |
||||
开发中 |
||||
</div> |
||||
<div class="normal_page"> |
||||
<div class="page_search"> |
||||
<div> |
||||
<el-form :inline="true" :model="searchForm" class="demo-form-inline"> |
||||
<el-form-item label="联系人："> |
||||
<el-input |
||||
v-model="searchForm.contact" |
||||
placeholder="请输入" |
||||
></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="联系方式："> |
||||
<el-input |
||||
v-model="searchForm.contactDetail" |
||||
placeholder="请输入" |
||||
></el-input> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button type="primary" @click="onSubmit">查询</el-button> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button @click="onReset">重置</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</div> |
||||
</div> |
||||
<div class="page_content"> |
||||
<div class="page_content_head"> |
||||
<div style="display: flex; justify-content: space-between"> |
||||
<div class="page_content_head_left"> |
||||
<div>意见反馈</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="page_content_table"> |
||||
<el-table |
||||
:data="tableData" |
||||
border |
||||
style="width: 100%" |
||||
v-loading="loading" |
||||
> |
||||
<el-table-column |
||||
v-for="(item, index) in cols" |
||||
:key="index" |
||||
:prop="item.prop" |
||||
:label="item.label" |
||||
:width="item.width" |
||||
:fixed="item.fixed" |
||||
show-overflow-tooltip |
||||
> |
||||
</el-table-column> |
||||
</el-table> |
||||
<div class="page_page"> |
||||
<el-pagination |
||||
@size-change="handleSizeChange" |
||||
@current-change="handleCurrentChange" |
||||
:current-page="page.currentPage" |
||||
:page-sizes="[10, 20, 30, 40]" |
||||
:page-size="page.pageSize" |
||||
layout="total, sizes, prev, pager, next, jumper" |
||||
:total="page.total" |
||||
> |
||||
</el-pagination> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: 'MessageCenter' |
||||
}; |
||||
|
||||
<script> |
||||
import {feedBackList} from "./api/api"; |
||||
|
||||
export default { |
||||
name: "BigData", |
||||
data() { |
||||
return { |
||||
searchForm: { |
||||
// 公告序号 |
||||
contact: "", |
||||
// 地块编号 |
||||
contactDetail: "", |
||||
}, |
||||
tableData: [], |
||||
// 列 |
||||
cols: [ |
||||
{ |
||||
label: "序号", |
||||
prop: "feedbackId", |
||||
width: 150, |
||||
fixed: true, |
||||
}, |
||||
{ |
||||
label: "联系人", |
||||
prop: "contact", |
||||
width: 150, |
||||
fixed: true, |
||||
}, |
||||
{ |
||||
label: "联系方式", |
||||
prop: "contactDetail", |
||||
width: 150, |
||||
fixed: true, |
||||
}, |
||||
{ |
||||
label: "反馈意见", |
||||
prop: "suggestion", |
||||
}, |
||||
{ |
||||
label: "附件", |
||||
prop: "attachment", |
||||
width: 150, |
||||
}, |
||||
], |
||||
// 表格加载 |
||||
loading: true, |
||||
// 选中的数据 |
||||
selectedData: [], |
||||
page: { |
||||
total: 0, // 总页数 |
||||
currentPage: 1, // 当前页数 |
||||
pageSize: 10, // 每页显示多少条 |
||||
}, |
||||
// 只读 |
||||
readOnly: true, |
||||
// 有选中数据 |
||||
hasSelectData: false, |
||||
// 编辑或新增窗口 |
||||
dialogFormVisible: false, |
||||
dialogTitle: "新增数据", |
||||
// 编辑Form |
||||
editForm: {}, |
||||
}; |
||||
}, |
||||
methods: { |
||||
|
||||
// 查询 |
||||
onSubmit() { |
||||
this.loading = true; |
||||
let param = Object.assign( |
||||
{ |
||||
current: this.page.currentPage, |
||||
size: this.page.pageSize, |
||||
}, |
||||
this.searchForm |
||||
); |
||||
feedBackList(param).then((response) => { |
||||
this.tableData = response.data.data.records; |
||||
this.page.total = response.data.data.total; |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
|
||||
// 重置 |
||||
onReset() { |
||||
for (let item in this.searchForm) { |
||||
this.searchForm[item] = ""; |
||||
} |
||||
}, |
||||
|
||||
handleSizeChange(val) { |
||||
this.page.pageSize = val; |
||||
this.onSubmit() |
||||
}, |
||||
|
||||
handleCurrentChange(val) { |
||||
this.page.currentPage = val; |
||||
this.onSubmit() |
||||
}, |
||||
|
||||
// 新建 |
||||
newItem() { |
||||
this.$router.push({path:'/company/auction/insert',query:{readOnly:'false',isEditOr:'false',}}); |
||||
}, |
||||
|
||||
// 编辑 |
||||
editItem(row) { |
||||
let data=JSON.stringify(row) |
||||
this.$router.push({path:'/company/auction/insert',query:{readOnly:'false',isEditOr:'true',data:data}}); |
||||
}, |
||||
|
||||
// 删除单个 |
||||
delItem(row) { |
||||
delData(row.data_id).then((res) => { |
||||
console.debug(res); |
||||
}); |
||||
}, |
||||
|
||||
// 查看 |
||||
viewItem(row) { |
||||
let data=JSON.stringify(row) |
||||
this.$router.push({path:'/company/auction/insert',query:{readOnly:'true',isEditOr:'false',data:data}}); |
||||
}, |
||||
|
||||
}, |
||||
mounted() { |
||||
this.onSubmit(); |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style> |
||||
<style lang="scss" scoped> |
||||
// 公共样式 |
||||
@import "@/styles/public.scss"; |
||||
/deep/ .el-input { |
||||
width: 90%; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue