张若晨
2 years ago
28 changed files with 486 additions and 723 deletions
|
After Width: | Height: | Size: 40 KiB |
@ -1,119 +0,0 @@ |
|||||
<template> |
|
||||
<div class="table"> |
|
||||
<el-table :data="list" max-height="363px" height="363px"> |
|
||||
<el-table-column label="序号" type="index" width="80" /> |
|
||||
<el-table-column label="不满意事项类型" prop="scope" width="190" /> |
|
||||
<el-table-column label="不满意事项描述" prop="problemDesc" width="" /> |
|
||||
<el-table-column label="办理状态" prop="completeFlag" width="120" /> |
|
||||
<el-table-column label="是否回访" prop="isReturn" width="120" /> |
|
||||
<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> |
|
||||
<smyd :showDialog="showDialog" :id="rowId" @close="close" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import smyd from "@/views/dataBoard/cpts/details/smyd.vue"; |
|
||||
export default { |
|
||||
name: "economize", |
|
||||
components: { |
|
||||
smyd, |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
queryParams: { |
|
||||
residList: [], |
|
||||
}, |
|
||||
list: [], |
|
||||
total: 0, |
|
||||
rowId: null, |
|
||||
showDialog: false, |
|
||||
}; |
|
||||
}, |
|
||||
created() {}, |
|
||||
mounted() { |
|
||||
const query = this.$route.query; |
|
||||
this.queryParams.residList[0] = query.user_id; |
|
||||
this.getList(); |
|
||||
}, |
|
||||
methods: { |
|
||||
handleView(row) { |
|
||||
this.rowId = row.id; |
|
||||
this.showDialog = true; |
|
||||
}, |
|
||||
close() { |
|
||||
this.showDialog = false; |
|
||||
}, |
|
||||
getList() { |
|
||||
// 省满意度列表 |
|
||||
this.$http |
|
||||
.post("/actual/base/peopleRoomOverview/provincialSatisfactionPageList", this.queryParams) |
|
||||
.then(({ data: res }) => { |
|
||||
this.list = res.data; |
|
||||
this.total = res.data.length; |
|
||||
this.$emit("changeTotal", { name: 1, total: this.total }); |
|
||||
}); |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
</script> |
|
||||
|
|
||||
<style scoped lang="scss"> |
|
||||
.business-records { |
|
||||
margin-bottom: 25px; |
|
||||
} |
|
||||
.table { |
|
||||
/deep/ .el-table td, |
|
||||
/deep/ .el-table th, |
|
||||
/deep/ .el-table tr { |
|
||||
padding: 14px !important; |
|
||||
border: none !important; |
|
||||
min-height: 52px; |
|
||||
} |
|
||||
/deep/ .el-table td, |
|
||||
/deep/ .el-table th { |
|
||||
background: none !important; |
|
||||
} |
|
||||
/deep/ .el-table td { |
|
||||
font-size: 14px; |
|
||||
font-weight: 400; |
|
||||
color: #ffffff; |
|
||||
text-shadow: 1px 2px 4px rgba(10, 32, 60, 0.51); |
|
||||
} |
|
||||
|
|
||||
/deep/ .el-table tr { |
|
||||
background: none; |
|
||||
&:hover { |
|
||||
background-color: rgba(26, 149, 255, 0.3) !important; |
|
||||
} |
|
||||
} |
|
||||
/deep/ .el-table__body-wrapper tr:nth-of-type(odd) { |
|
||||
background: rgba(14, 56, 115, 0.4); |
|
||||
} |
|
||||
|
|
||||
/deep/ .el-table { |
|
||||
background: none !important; |
|
||||
|
|
||||
&:before { |
|
||||
background: none; |
|
||||
} |
|
||||
} |
|
||||
/deep/ .el-table__header-wrapper tr { |
|
||||
color: #a3b9da !important; |
|
||||
font-size: 14px; |
|
||||
font-weight: 400; |
|
||||
opacity: 0.76; |
|
||||
background: none; |
|
||||
&:hover { |
|
||||
background: none !important; |
|
||||
} |
|
||||
} |
|
||||
/deep/ .el-table__header-wrapper { |
|
||||
background: none !important; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
Loading…
Reference in new issue