dai
3 years ago
7 changed files with 408 additions and 234 deletions
@ -0,0 +1,154 @@ |
|||||
|
<template> |
||||
|
<div class="" style="padding: 0 20px 10px"> |
||||
|
<h2>项目评价</h2> |
||||
|
<el-table |
||||
|
:data="tableData" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
class="resi-table" |
||||
|
:height="maxTableHeight" |
||||
|
> |
||||
|
<el-table-column |
||||
|
label="序号" |
||||
|
fixed="left" |
||||
|
type="index" |
||||
|
align="center" |
||||
|
width="50" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
prop="evaluationUser" |
||||
|
align="center" |
||||
|
label="评价人" |
||||
|
:show-overflow-tooltip="true" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
prop="time" |
||||
|
label="评价时间" |
||||
|
align="center" |
||||
|
:show-overflow-tooltip="true" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
prop="content" |
||||
|
align="center" |
||||
|
label="评价内容 " |
||||
|
:show-overflow-tooltip="true" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<div> |
||||
|
<el-pagination |
||||
|
@size-change="handleSizeChange" |
||||
|
@current-change="handleCurrentChange" |
||||
|
:current-page.sync="pageNo" |
||||
|
:page-sizes="[20, 50, 100, 200]" |
||||
|
:page-size="parseInt(pageSize)" |
||||
|
layout="sizes, prev, pager, next, total" |
||||
|
:total="total" |
||||
|
> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
import dateFormat from "dai-js/tools/dateFormat"; |
||||
|
|
||||
|
function iniData() { |
||||
|
return { |
||||
|
pageNo: 1, |
||||
|
pageSize: window.localStorage.getItem("pageSize") || 20, |
||||
|
total: 1, |
||||
|
tableData: [], |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
export default { |
||||
|
name: "projectEvaluation", |
||||
|
props: { |
||||
|
projectId: { |
||||
|
type: String, |
||||
|
default: "64502a8f1048a7240295527a9b32e513", |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
components: {}, |
||||
|
|
||||
|
data: iniData, |
||||
|
|
||||
|
computed: {}, |
||||
|
|
||||
|
watch: { |
||||
|
projectId() { |
||||
|
let data = iniData(); |
||||
|
Object.keys(data).forEach((k) => { |
||||
|
this[k] = data[k]; |
||||
|
}); |
||||
|
this.getApiData(); |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
this.getApiData(); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
watchImg(src) { |
||||
|
window.open(src); |
||||
|
}, |
||||
|
|
||||
|
handleClose() { |
||||
|
this.$emit("close"); |
||||
|
}, |
||||
|
|
||||
|
handleSizeChange(val) { |
||||
|
console.log(`每页 ${val} 条`); |
||||
|
this.pageSize = val; |
||||
|
window.localStorage.setItem("pageSize", val); |
||||
|
this.getTableData(); |
||||
|
}, |
||||
|
handleCurrentChange(val) { |
||||
|
console.log(`当前页: ${val}`); |
||||
|
this.pageNo = val; |
||||
|
this.getTableData(); |
||||
|
}, |
||||
|
|
||||
|
async getApiData() { |
||||
|
await this.getTableData(); |
||||
|
}, |
||||
|
|
||||
|
async getTableData() { |
||||
|
// const url = "/gov/project/project/satisfaction-evaluation-list"; |
||||
|
const url = |
||||
|
"http://yapi.elinkservice.cn/mock/245/gov/project/project/satisfaction-evaluation-list"; |
||||
|
const { pageSize, pageNo, fmData } = this; |
||||
|
const { data, code, msg } = await requestPost(url, { |
||||
|
pageSize, |
||||
|
pageNo, |
||||
|
...fmData, |
||||
|
}); |
||||
|
if (code === 0) { |
||||
|
console.log("列表请求成功！！！！！！！！！！！！！！"); |
||||
|
this.total = data.total || 0; |
||||
|
this.tableData = data.list |
||||
|
? data.list.map((item) => { |
||||
|
return item; |
||||
|
}) |
||||
|
: []; |
||||
|
} else { |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style |
||||
|
lang="scss" |
||||
|
src="@/assets/scss/modules/shequzhili/project-info.scss" |
||||
|
scoped |
||||
|
></style> |
||||
@ -0,0 +1,154 @@ |
|||||
|
<template> |
||||
|
<div class="" style="padding: 0 20px 10px"> |
||||
|
<h2>项目评价</h2> |
||||
|
<el-table |
||||
|
:data="tableData" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
class="resi-table" |
||||
|
:height="maxTableHeight" |
||||
|
> |
||||
|
<el-table-column |
||||
|
label="序号" |
||||
|
fixed="left" |
||||
|
type="index" |
||||
|
align="center" |
||||
|
width="50" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
prop="evaluationUser" |
||||
|
align="center" |
||||
|
label="评价人" |
||||
|
:show-overflow-tooltip="true" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
prop="time" |
||||
|
label="评价时间" |
||||
|
align="center" |
||||
|
:show-overflow-tooltip="true" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
prop="content" |
||||
|
align="center" |
||||
|
label="评价内容 " |
||||
|
:show-overflow-tooltip="true" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<div> |
||||
|
<el-pagination |
||||
|
@size-change="handleSizeChange" |
||||
|
@current-change="handleCurrentChange" |
||||
|
:current-page.sync="pageNo" |
||||
|
:page-sizes="[20, 50, 100, 200]" |
||||
|
:page-size="parseInt(pageSize)" |
||||
|
layout="sizes, prev, pager, next, total" |
||||
|
:total="total" |
||||
|
> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
import dateFormat from "dai-js/tools/dateFormat"; |
||||
|
|
||||
|
function iniData() { |
||||
|
return { |
||||
|
pageNo: 1, |
||||
|
pageSize: window.localStorage.getItem("pageSize") || 20, |
||||
|
total: 1, |
||||
|
tableData: [], |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
export default { |
||||
|
name: "projectEvaluation", |
||||
|
props: { |
||||
|
projectId: { |
||||
|
type: String, |
||||
|
default: "64502a8f1048a7240295527a9b32e513", |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
components: {}, |
||||
|
|
||||
|
data: iniData, |
||||
|
|
||||
|
computed: {}, |
||||
|
|
||||
|
watch: { |
||||
|
projectId() { |
||||
|
let data = iniData(); |
||||
|
Object.keys(data).forEach((k) => { |
||||
|
this[k] = data[k]; |
||||
|
}); |
||||
|
this.getApiData(); |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
this.getApiData(); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
watchImg(src) { |
||||
|
window.open(src); |
||||
|
}, |
||||
|
|
||||
|
handleClose() { |
||||
|
this.$emit("close"); |
||||
|
}, |
||||
|
|
||||
|
handleSizeChange(val) { |
||||
|
console.log(`每页 ${val} 条`); |
||||
|
this.pageSize = val; |
||||
|
window.localStorage.setItem("pageSize", val); |
||||
|
this.getTableData(); |
||||
|
}, |
||||
|
handleCurrentChange(val) { |
||||
|
console.log(`当前页: ${val}`); |
||||
|
this.pageNo = val; |
||||
|
this.getTableData(); |
||||
|
}, |
||||
|
|
||||
|
async getApiData() { |
||||
|
await this.getTableData(); |
||||
|
}, |
||||
|
|
||||
|
async getTableData() { |
||||
|
// const url = "/gov/project/project/satisfaction-evaluation-list"; |
||||
|
const url = |
||||
|
"http://yapi.elinkservice.cn/mock/245/gov/project/project/satisfaction-evaluation-list"; |
||||
|
const { pageSize, pageNo, fmData } = this; |
||||
|
const { data, code, msg } = await requestPost(url, { |
||||
|
pageSize, |
||||
|
pageNo, |
||||
|
...fmData, |
||||
|
}); |
||||
|
if (code === 0) { |
||||
|
console.log("列表请求成功！！！！！！！！！！！！！！"); |
||||
|
this.total = data.total || 0; |
||||
|
this.tableData = data.list |
||||
|
? data.list.map((item) => { |
||||
|
return item; |
||||
|
}) |
||||
|
: []; |
||||
|
} else { |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style |
||||
|
lang="scss" |
||||
|
src="@/assets/scss/modules/shequzhili/project-info.scss" |
||||
|
scoped |
||||
|
></style> |
||||
Loading…
Reference in new issue