duanliangtao
2 years ago
10 changed files with 1144 additions and 21 deletions
@ -0,0 +1,509 @@ |
|||
<template> |
|||
<div class=''> |
|||
<el-tabs v-model="topTabs" @tab-click="tabClick"> |
|||
<el-tab-pane :label="complainLabel" name="12345"> |
|||
<complain :tableData="complainList" /> |
|||
<el-row type="flex"> |
|||
<el-col :span="12" align="left"> |
|||
<div style="margin-top: 25px;">共{{ complainTotal }}条</div> |
|||
</el-col> |
|||
<el-col :span="12" align="right"> |
|||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|||
:current-page.sync="pageNo" :page-size="pageSize" layout="prev, pager, next, jumper" |
|||
:total="complainTotal"> |
|||
</el-pagination></el-col> |
|||
</el-row> |
|||
</el-tab-pane> |
|||
<el-tab-pane :label="shengLabel" name="sheng"> |
|||
<sheng :tableData="shengList" /> |
|||
<el-row type="flex"> |
|||
<el-col :span="12" align="left"> |
|||
<div style="margin-top: 25px;">共{{ shengTotal }}条</div> |
|||
</el-col> |
|||
<el-col :span="12" align="right"> |
|||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|||
:current-page.sync="pageNo" :page-size="pageSize" layout="prev, pager, next, jumper" |
|||
:total="shengTotal"> |
|||
</el-pagination></el-col> |
|||
</el-row> |
|||
</el-tab-pane> |
|||
<el-tab-pane :label="shequLabel" name="shequ"> |
|||
<shequ :tableData="shequList" /> |
|||
<el-row type="flex"> |
|||
<el-col :span="12" align="left"> |
|||
<div style="margin-top: 25px;">共{{ shequTotal }}条</div> |
|||
</el-col> |
|||
<el-col :span="12" align="right"> |
|||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|||
:current-page.sync="pageNo" :page-size="pageSize" layout="prev, pager, next, jumper" |
|||
:total="shequTotal"> |
|||
</el-pagination></el-col> |
|||
</el-row> |
|||
</el-tab-pane> |
|||
<el-tab-pane :label="shijianLabel" name="shijian"> |
|||
<shijian :tableData="shijianList" /> |
|||
<el-row type="flex"> |
|||
<el-col :span="12" align="left"> |
|||
<div style="margin-top: 25px;">共{{ shijianTotal }}条</div> |
|||
</el-col> |
|||
<el-col :span="12" align="right"> |
|||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|||
:current-page.sync="pageNo" :page-size="pageSize" layout="prev, pager, next, jumper" |
|||
:total="shijianTotal"> |
|||
</el-pagination></el-col> |
|||
</el-row> |
|||
</el-tab-pane> |
|||
<el-tab-pane :label="xuqiuLabel" name="xuqiu"> |
|||
<xuqiu :tableData="xuqiuList" /> |
|||
<el-row type="flex"> |
|||
<el-col :span="12" align="left"> |
|||
<div style="margin-top: 25px;">共{{ xuqiuTotal }}条</div> |
|||
</el-col> |
|||
<el-col :span="12" align="right"> |
|||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|||
:current-page.sync="pageNo" :page-size="pageSize" layout="prev, pager, next, jumper" |
|||
:total="xuqiuTotal"> |
|||
</el-pagination></el-col> |
|||
</el-row> |
|||
</el-tab-pane> |
|||
<el-tab-pane :label="fuwuLabel" name="fuwu"> |
|||
<fuwu :tableData="fuwuList" /> |
|||
<el-row type="flex"> |
|||
<el-col :span="12" align="left"> |
|||
<div style="margin-top: 25px;">共{{ fuwuTotal }}条</div> |
|||
</el-col> |
|||
<el-col :span="12" align="right"> |
|||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|||
:current-page.sync="pageNo" :page-size="pageSize" layout="prev, pager, next, jumper" |
|||
:total="fuwuTotal"> |
|||
</el-pagination></el-col> |
|||
</el-row> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import complain from "./table/complain"; |
|||
import sheng from "./table/sheng"; |
|||
import shequ from "./table/shequ"; |
|||
import shijian from "./table/shijian"; |
|||
import xuqiu from "./table/xuqiu"; |
|||
import fuwu from "./table/fuwu"; |
|||
export default { |
|||
//数据 |
|||
data() { |
|||
return { |
|||
topTabs: '12345', |
|||
|
|||
complainTotal: 0, |
|||
complainList: [], |
|||
complainLabel: '', |
|||
|
|||
shengLabel: '', |
|||
shengList: [], |
|||
shengTotal: 0, |
|||
|
|||
shequLabel: '', |
|||
shequList: [], |
|||
shequTotal: 0, |
|||
|
|||
shijianLabel: '', |
|||
shijianList: [], |
|||
shijianTotal: 0, |
|||
|
|||
xuqiuLabel: '', |
|||
xuqiuList: [], |
|||
xuqiuTotal: 0, |
|||
|
|||
fuwuLabel: '', |
|||
fuwuList: [], |
|||
fuwuTotal: 0, |
|||
|
|||
pageNo: 1, |
|||
pageSize: 20 |
|||
}; |
|||
}, |
|||
//创建前 |
|||
created() { }, |
|||
mounted() { |
|||
this.getComplainList() |
|||
this.getShengList() |
|||
this.getShequList() |
|||
this.getshijianList() |
|||
this.getxuqiuList() |
|||
this.getfuwuList() |
|||
}, |
|||
props: { |
|||
userInfo: { |
|||
type: Object, |
|||
default: { |
|||
resiId: '' |
|||
} |
|||
} |
|||
}, |
|||
//方法 |
|||
methods: { |
|||
tabClick(index) { |
|||
|
|||
}, |
|||
handleSizeChange() { |
|||
|
|||
}, |
|||
handleCurrentChange() { |
|||
|
|||
}, |
|||
getComplainList() { |
|||
let parm = { |
|||
residList: [this.userInfo.resiId], |
|||
pageNo: this.pageNo, |
|||
pageSize: this.pageSize |
|||
} |
|||
// 办理状态(-2：未知，-1：不接受回访，0：接受回访/待回访，1已回访) |
|||
const completeFlags = { |
|||
"-2": "未知", |
|||
"-1": "不接受回访", |
|||
0: "接受回访/待回访", |
|||
1: "已回访", |
|||
}; |
|||
// 省满意度列表 |
|||
this.$http.post("/actual/base/peopleRoomOverview/communitySatisfactionPageList", parm).then(({ data: res }) => { |
|||
this.complainList = [{ |
|||
scope: "服务态度", |
|||
problemDesc: "服务人员态度不好", |
|||
completeFlag: "未办理", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "处理速度", |
|||
problemDesc: "等待时间过长", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}, |
|||
{ |
|||
scope: "设备问题", |
|||
problemDesc: "使用的机器经常故障", |
|||
completeFlag: "办理中", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "其他", |
|||
problemDesc: "场地不够干净", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}, { |
|||
scope: "服务态度", |
|||
problemDesc: "服务人员态度不好", |
|||
completeFlag: "未办理", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "处理速度", |
|||
problemDesc: "等待时间过长", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}, |
|||
{ |
|||
scope: "设备问题", |
|||
problemDesc: "使用的机器经常故障", |
|||
completeFlag: "办理中", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "其他", |
|||
problemDesc: "场地不够干净", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}] |
|||
// this.list = res.data.list.map((item) => { |
|||
// return { |
|||
// ...item, |
|||
// status: item.status ? statusArr[item.status] : null, |
|||
// marktype: marktypes[item.marktype], |
|||
// }; |
|||
// }); |
|||
this.complainTotal = this.complainList.length; |
|||
this.complainLabel = `12345投诉（${this.complainTotal}）` |
|||
}); |
|||
}, |
|||
getShengList() { |
|||
let parm = { |
|||
residList: [this.userInfo.resiId], |
|||
pageNo: this.pageNo, |
|||
pageSize: this.pageSize |
|||
} |
|||
// 办理状态(-2：未知，-1：不接受回访，0：接受回访/待回访，1已回访) |
|||
const completeFlags = { |
|||
"-2": "未知", |
|||
"-1": "不接受回访", |
|||
0: "接受回访/待回访", |
|||
1: "已回访", |
|||
}; |
|||
// 省满意度列表 |
|||
this.$http.post("/actual/base/peopleRoomOverview/provincialSatisfactionPageList", parm).then(({ data: res }) => { |
|||
this.shengList = [{ |
|||
scope: "服务态度", |
|||
problemDesc: "服务员的态度冷淡，没有微笑", |
|||
completeFlag: "未办理", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "处理速度", |
|||
problemDesc: "在前台等待时间超过30分钟", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}, |
|||
{ |
|||
scope: "环境问题", |
|||
problemDesc: "餐厅内部太吵，无法正常交流", |
|||
completeFlag: "办理中", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "食品质量", |
|||
problemDesc: "点的咖啡味道太苦，不如以前", |
|||
completeFlag: "未办理", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "其他", |
|||
problemDesc: "洗手间没有纸巾", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}] |
|||
// this.list = res.data.list.map((item) => { |
|||
// return { |
|||
// ...item, |
|||
// status: item.status ? statusArr[item.status] : null, |
|||
// marktype: marktypes[item.marktype], |
|||
// }; |
|||
// }); |
|||
this.shengTotal = this.shengList.length; |
|||
this.shengLabel = `省满意度调查（${this.shengTotal}）` |
|||
}); |
|||
}, |
|||
getShequList() { |
|||
let parm = { |
|||
residList: [this.userInfo.resiId], |
|||
pageNo: this.pageNo, |
|||
pageSize: this.pageSize |
|||
} |
|||
// 办理状态(-2：未知，-1：不接受回访，0：接受回访/待回访，1已回访) |
|||
const completeFlags = { |
|||
"-2": "未知", |
|||
"-1": "不接受回访", |
|||
0: "接受回访/待回访", |
|||
1: "已回访", |
|||
}; |
|||
this.$http.post("/actual/base/peopleRoomOverview/communitySatisfactionPageList", parm).then(({ data: res }) => { |
|||
this.shequList = [{ |
|||
scope: "服务态度", |
|||
problemDesc: "服务人员态度不好", |
|||
completeFlag: "未办理", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "设备问题", |
|||
problemDesc: "使用的机器经常故障", |
|||
completeFlag: "办理中", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "其他", |
|||
problemDesc: "场地不够干净", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}, { |
|||
scope: "服务态度", |
|||
problemDesc: "服务人员态度不好", |
|||
completeFlag: "未办理", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "处理速度", |
|||
problemDesc: "等待时间过长", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}, |
|||
{ |
|||
scope: "设备问题", |
|||
problemDesc: "使用的机器经常故障", |
|||
completeFlag: "办理中", |
|||
isReturn: "否" |
|||
}] |
|||
// this.list = res.data.list.map((item) => { |
|||
// return { |
|||
// ...item, |
|||
// status: item.status ? statusArr[item.status] : null, |
|||
// marktype: marktypes[item.marktype], |
|||
// }; |
|||
// }); |
|||
this.shequTotal = this.shequList.length; |
|||
this.shequLabel = `社区满意度自查（${this.shequTotal}）` |
|||
}); |
|||
}, |
|||
getshijianList() { |
|||
let parm = { |
|||
residList: [this.userInfo.resiId], |
|||
pageNo: this.pageNo, |
|||
pageSize: this.pageSize |
|||
} |
|||
// 办理状态(-2：未知，-1：不接受回访，0：接受回访/待回访，1已回访) |
|||
const completeFlags = { |
|||
"-2": "未知", |
|||
"-1": "不接受回访", |
|||
0: "接受回访/待回访", |
|||
1: "已回访", |
|||
}; |
|||
this.$http.post("/actual/base/peopleRoomOverview/eventPageList", parm).then(({ data: res }) => { |
|||
this.shijianList = [{ |
|||
categorycode: "设备故障", |
|||
eventcontent: "东侧出入口的闸机无法正常工作", |
|||
status: "处理中", |
|||
happentime: "2023-10-21 14:25:45" |
|||
}, |
|||
{ |
|||
categorycode: "安全事故", |
|||
eventcontent: "西侧楼梯有脚手架工具掉落", |
|||
status: "已完成", |
|||
happentime: "2023-10-20 09:10:32" |
|||
}, |
|||
{ |
|||
categorycode: "投诉", |
|||
eventcontent: "前台服务员态度不佳", |
|||
status: "未处理", |
|||
happentime: "2023-10-19 16:45:30" |
|||
}, |
|||
{ |
|||
categorycode: "环境问题", |
|||
eventcontent: "会议室的空调太冷", |
|||
status: "处理中", |
|||
happentime: "2023-10-18 11:05:25" |
|||
},] |
|||
// this.list = res.data.list.map((item) => { |
|||
// return { |
|||
// ...item, |
|||
// status: item.status ? statusArr[item.status] : null, |
|||
// marktype: marktypes[item.marktype], |
|||
// }; |
|||
// }); |
|||
this.shijianTotal = this.shijianList.length; |
|||
this.shijianLabel = `上报事件（${this.shijianTotal}）` |
|||
}); |
|||
}, |
|||
getxuqiuList() { |
|||
let parm = { |
|||
residList: [this.userInfo.resiId], |
|||
pageNo: this.pageNo, |
|||
pageSize: this.pageSize |
|||
} |
|||
// 办理状态(-2：未知，-1：不接受回访，0：接受回访/待回访，1已回访) |
|||
const completeFlags = { |
|||
"-2": "未知", |
|||
"-1": "不接受回访", |
|||
0: "接受回访/待回访", |
|||
1: "已回访", |
|||
}; |
|||
// 省满意度列表 |
|||
this.$http.post("/actual/base/peopleRoomOverview/demandOfResidentsPageList", parm).then(({ data: res }) => { |
|||
this.xuqiuList = [{ |
|||
categoryName: "软件功能", |
|||
content: "希望增加导出 Excel 的功能", |
|||
status: "评估中", |
|||
reportTime: "2023-10-24 10:15:32" |
|||
}, |
|||
{ |
|||
categoryName: "硬件升级", |
|||
content: "需要更高配置的服务器来支撑业务", |
|||
status: "已批准", |
|||
reportTime: "2023-10-23 14:05:50" |
|||
}, |
|||
{ |
|||
categoryName: "界面优化", |
|||
content: "前台页面加载速度较慢，希望优化", |
|||
status: "处理中", |
|||
reportTime: "2023-10-22 11:30:15" |
|||
}, |
|||
{ |
|||
categoryName: "新功能", |
|||
content: "需要一个新的数据可视化面板", |
|||
status: "未开始", |
|||
reportTime: "2023-10-21 09:45:10" |
|||
}, |
|||
{ |
|||
categoryName: "其他", |
|||
content: "希望增加夜间模式，减少眼睛疲劳", |
|||
status: "评估中", |
|||
reportTime: "2023-10-20 16:20:45" |
|||
}] |
|||
// this.list = res.data.list.map((item) => { |
|||
// return { |
|||
// ...item, |
|||
// status: item.status ? statusArr[item.status] : null, |
|||
// marktype: marktypes[item.marktype], |
|||
// }; |
|||
// }); |
|||
this.xuqiuTotal = this.xuqiuList.length; |
|||
this.xuqiuLabel = `居民需求（${this.xuqiuTotal}）` |
|||
}); |
|||
}, |
|||
getfuwuList() { |
|||
let parm = { |
|||
residList: [this.userInfo.resiId], |
|||
pageNo: this.pageNo, |
|||
pageSize: this.pageSize |
|||
} |
|||
// 办理状态(-2：未知，-1：不接受回访，0：接受回访/待回访，1已回访) |
|||
const completeFlags = { |
|||
"-2": "未知", |
|||
"-1": "不接受回访", |
|||
0: "接受回访/待回访", |
|||
1: "已回访", |
|||
}; |
|||
this.$http.post("/actual/base/peopleRoomOverview/communityServicePageList", parm).then(({ data: res }) => { |
|||
this.fuwuList = [ { |
|||
serviceCategoryKey: "系统故障", |
|||
serviceName: "登录功能无法使用", |
|||
state: "处理中", |
|||
serviceTimeStart: "2023-10-25 09:20:15" |
|||
}, |
|||
{ |
|||
serviceCategoryKey: "新功能请求", |
|||
serviceName: "添加多语言支持", |
|||
state: "已完成", |
|||
serviceTimeStart: "2023-10-24 15:10:45" |
|||
}, |
|||
{ |
|||
serviceCategoryKey: "优化建议", |
|||
serviceName: "改进搜索算法，提高搜索速度", |
|||
state: "未开始", |
|||
serviceTimeStart: "2023-10-23 14:05:20" |
|||
}, |
|||
{ |
|||
serviceCategoryKey: "界面问题", |
|||
serviceName: "移动端页面布局错乱", |
|||
state: "处理中", |
|||
serviceTimeStart: "2023-10-22 10:40:25" |
|||
},] |
|||
// this.list = res.data.list.map((item) => { |
|||
// return { |
|||
// ...item, |
|||
// status: item.status ? statusArr[item.status] : null, |
|||
// marktype: marktypes[item.marktype], |
|||
// }; |
|||
// }); |
|||
this.fuwuTotal = this.fuwuList.length; |
|||
this.fuwuLabel = `社区服务（${this.fuwuTotal}）` |
|||
}); |
|||
}, |
|||
}, |
|||
//子组件注册 |
|||
components: { complain, sheng, fuwu, shijian, xuqiu, shequ }, |
|||
//计算 |
|||
computed: {}, |
|||
//监听 |
|||
watch: {}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="less" scoped></style> |
|||
@ -0,0 +1,153 @@ |
|||
<template> |
|||
<div class="table"> |
|||
<el-table v-if="tableData.length > 0" :data="tableData" 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> |
|||
|
|||
<div v-else style="width: 100%; height: 363px; text-align: center; padding-top: 120px"> |
|||
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" /> |
|||
<div style="color: #fff">暂无数据</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "community", |
|||
components: { |
|||
}, |
|||
data() { |
|||
return { |
|||
queryParams: { |
|||
residList: [], |
|||
}, |
|||
list: [], |
|||
total: 0, |
|||
rowId: null, |
|||
showDialog: false, |
|||
pageNo: 1, |
|||
pageSize: 20 |
|||
}; |
|||
}, |
|||
activated() { |
|||
}, |
|||
watch: { |
|||
|
|||
}, |
|||
mounted() { }, |
|||
props: { |
|||
|
|||
tableData: { |
|||
type: Array, |
|||
default: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
getList() { |
|||
let parm = { |
|||
residList: [this.resiId], |
|||
pageNo: this.pageNo, |
|||
pageSize: this.pageSize |
|||
} |
|||
this.list = []; |
|||
this.total = 0; |
|||
// this.$emit("changeTotal", { name: 2, total: 0 }); |
|||
// 办理状态(-2：未知，-1：不接受回访，0：接受回访/待回访，1已回访) |
|||
const completeFlags = { |
|||
"-2": "未知", |
|||
"-1": "不接受回访", |
|||
0: "接受回访/待回访", |
|||
1: "已回访", |
|||
}; |
|||
// 省满意度列表 |
|||
this.$http.post("/actual/base/peopleRoomOverview/communitySatisfactionPageList", parm).then(({ data: res }) => { |
|||
this.list = [{ |
|||
scope: "服务态度", |
|||
problemDesc: "服务人员态度不好", |
|||
completeFlag: "未办理", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "处理速度", |
|||
problemDesc: "等待时间过长", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}, |
|||
{ |
|||
scope: "设备问题", |
|||
problemDesc: "使用的机器经常故障", |
|||
completeFlag: "办理中", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "其他", |
|||
problemDesc: "场地不够干净", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}, { |
|||
scope: "服务态度", |
|||
problemDesc: "服务人员态度不好", |
|||
completeFlag: "未办理", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "处理速度", |
|||
problemDesc: "等待时间过长", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}, |
|||
{ |
|||
scope: "设备问题", |
|||
problemDesc: "使用的机器经常故障", |
|||
completeFlag: "办理中", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "其他", |
|||
problemDesc: "场地不够干净", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}] |
|||
// this.list = res.data.list.map((item) => { |
|||
// return { |
|||
// ...item, |
|||
// status: item.status ? statusArr[item.status] : null, |
|||
// marktype: marktypes[item.marktype], |
|||
// }; |
|||
// }); |
|||
this.total = this.list.length; |
|||
this.$emit("changeTotal", { name: 2, total: this.total }); |
|||
}); |
|||
}, |
|||
handleView(item) { |
|||
this.rowId = item.id; |
|||
this.showDialog = true; |
|||
}, |
|||
close() { |
|||
this.showDialog = false; |
|||
}, |
|||
handleSizeChange(val) { |
|||
this.pageSize = val; |
|||
this.pageNo = 1; |
|||
this.getList(); |
|||
}, |
|||
handleCurrentChange(val) { |
|||
this.pageNo = val; |
|||
this.getList(); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped lang="scss"></style> |
|||
|
|||
@ -0,0 +1,64 @@ |
|||
<template> |
|||
<div class="table"> |
|||
<el-table v-if="tableData.length > 0" :data="tableData" max-height="363px" height="363px"> |
|||
<el-table-column label="序号" type="index" width="80" /> |
|||
<el-table-column label="需求类型" prop="serviceCategoryKey" width="" /> |
|||
<el-table-column label="事件描述" prop="serviceName" width="" /> |
|||
<el-table-column label="服务情况" prop="state" width="" /> |
|||
<el-table-column label="创建时间" prop="serviceTimeStart" width="180" /> |
|||
<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 v-else style="width: 100%; height: 100%; text-align: center; padding-top: 120px"> |
|||
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" /> |
|||
<div style="color: #fff">暂无数据</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "community", |
|||
components: { |
|||
}, |
|||
data() { |
|||
return { |
|||
queryParams: { |
|||
residList: [], |
|||
}, |
|||
list: [], |
|||
total: 0, |
|||
rowId: null, |
|||
showDialog: false, |
|||
}; |
|||
}, |
|||
activated() { |
|||
}, |
|||
watch: { |
|||
|
|||
}, |
|||
mounted() { }, |
|||
props: { |
|||
tableData: { |
|||
type: Array, |
|||
default: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
|
|||
handleView(item) { |
|||
this.rowId = item.id; |
|||
this.showDialog = true; |
|||
}, |
|||
close() { |
|||
this.showDialog = false; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped lang="scss"></style> |
|||
|
|||
@ -0,0 +1,62 @@ |
|||
<template> |
|||
<div class="table"> |
|||
<el-table v-if="tableData.length > 0" :data="tableData" 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> |
|||
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 120px"> |
|||
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" /> |
|||
<div style="color: #fff">暂无数据</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "community", |
|||
components: { |
|||
}, |
|||
data() { |
|||
return { |
|||
queryParams: { |
|||
residList: [], |
|||
}, |
|||
list: [], |
|||
total: 0, |
|||
rowId: null, |
|||
showDialog: false, |
|||
}; |
|||
}, |
|||
activated() { |
|||
}, |
|||
watch: { |
|||
}, |
|||
mounted() { }, |
|||
props: { |
|||
tableData: { |
|||
type: Array, |
|||
default: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
handleView(item) { |
|||
this.rowId = item.id; |
|||
this.showDialog = true; |
|||
}, |
|||
close() { |
|||
this.showDialog = false; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped lang="scss"></style> |
|||
|
|||
@ -0,0 +1,108 @@ |
|||
<template> |
|||
<div class="table"> |
|||
<el-table v-if="tableData.length > 0" :data="tableData" 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> |
|||
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 120px"> |
|||
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" /> |
|||
<div style="color: #fff">暂无数据</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "community", |
|||
components: { |
|||
}, |
|||
data() { |
|||
return { |
|||
queryParams: { |
|||
residList: [], |
|||
}, |
|||
list: [], |
|||
total: 0, |
|||
rowId: null, |
|||
showDialog: false, |
|||
}; |
|||
}, |
|||
activated() { |
|||
// this.getList(); |
|||
}, |
|||
watch: { |
|||
"$route.query"(newVal, oldVal) { |
|||
// this.getList(); |
|||
}, |
|||
}, |
|||
mounted() { }, |
|||
props: { |
|||
tableData: { |
|||
type: Array, |
|||
default: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
getList() { |
|||
let residList = [this.resiId] |
|||
this.list = []; |
|||
this.total = 0; |
|||
// this.$emit("changeTotal", { name: 2, total: 0 }); |
|||
// 办理状态(-2：未知，-1：不接受回访，0：接受回访/待回访，1已回访) |
|||
const completeFlags = { |
|||
"-2": "未知", |
|||
"-1": "不接受回访", |
|||
0: "接受回访/待回访", |
|||
1: "已回访", |
|||
}; |
|||
// 省满意度列表 |
|||
this.$http.post("/actual/base/peopleRoomOverview/communitySatisfactionPageList", { residList }).then(({ data: res }) => { |
|||
this.list = [{ |
|||
scope: "服务态度", |
|||
problemDesc: "服务人员态度不好", |
|||
completeFlag: "未办理", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "处理速度", |
|||
problemDesc: "等待时间过长", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}, |
|||
{ |
|||
scope: "设备问题", |
|||
problemDesc: "使用的机器经常故障", |
|||
completeFlag: "办理中", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "其他", |
|||
problemDesc: "场地不够干净", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}] |
|||
this.total = res.data.length; |
|||
// this.$emit("changeTotal", { name: 2, total: this.total }); |
|||
}); |
|||
}, |
|||
handleView(item) { |
|||
this.rowId = item.id; |
|||
this.showDialog = true; |
|||
}, |
|||
close() { |
|||
this.showDialog = false; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped lang="scss"></style> |
|||
|
|||
@ -0,0 +1,106 @@ |
|||
<template> |
|||
<div class="table"> |
|||
<el-table v-if="tableData.length > 0" :data="tableData" max-height="363px" height="363px"> |
|||
<el-table-column label="序号" type="index" width="80" /> |
|||
<el-table-column label="事件类型" prop="categorycode" width="" /> |
|||
<el-table-column label="事件描述" prop="eventcontent" width="" /> |
|||
<el-table-column label="办理状态" prop="status" width="" /> |
|||
<el-table-column label="接收时间" prop="happentime" width="180" /> |
|||
<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 v-else style="width: 100%; height: 100%; text-align: center; padding-top: 120px"> |
|||
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" /> |
|||
<div style="color: #fff">暂无数据</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "community", |
|||
components: { |
|||
}, |
|||
data() { |
|||
return { |
|||
queryParams: { |
|||
residList: [], |
|||
}, |
|||
list: [], |
|||
total: 0, |
|||
rowId: null, |
|||
showDialog: false, |
|||
}; |
|||
}, |
|||
activated() { |
|||
}, |
|||
mounted() { }, |
|||
props: { |
|||
resiId: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
tableData: { |
|||
type: Array, |
|||
default: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
getList() { |
|||
let residList = [this.resiId] |
|||
this.list = []; |
|||
this.total = 0; |
|||
// this.$emit("changeTotal", { name: 2, total: 0 }); |
|||
// 办理状态(-2：未知，-1：不接受回访，0：接受回访/待回访，1已回访) |
|||
const completeFlags = { |
|||
"-2": "未知", |
|||
"-1": "不接受回访", |
|||
0: "接受回访/待回访", |
|||
1: "已回访", |
|||
}; |
|||
// 省满意度列表 |
|||
this.$http.post("/actual/base/peopleRoomOverview/communitySatisfactionPageList", { residList }).then(({ data: res }) => { |
|||
this.list = [{ |
|||
scope: "服务态度", |
|||
problemDesc: "服务人员态度不好", |
|||
completeFlag: "未办理", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "处理速度", |
|||
problemDesc: "等待时间过长", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}, |
|||
{ |
|||
scope: "设备问题", |
|||
problemDesc: "使用的机器经常故障", |
|||
completeFlag: "办理中", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "其他", |
|||
problemDesc: "场地不够干净", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}] |
|||
this.total = res.data.length; |
|||
// this.$emit("changeTotal", { name: 2, total: this.total }); |
|||
}); |
|||
}, |
|||
handleView(item) { |
|||
this.rowId = item.id; |
|||
this.showDialog = true; |
|||
}, |
|||
close() { |
|||
this.showDialog = false; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped lang="scss"></style> |
|||
|
|||
@ -0,0 +1,103 @@ |
|||
<template> |
|||
<div class="table"> |
|||
<el-table v-if="tableData.length > 0" :data="tableData" max-height="363px" height="363px"> |
|||
<el-table-column label="序号" type="index" width="80" /> |
|||
<el-table-column label="需求类型" prop="categoryName" width="" /> |
|||
<el-table-column label="需求描述" prop="content" width="" /> |
|||
<el-table-column label="办理情况" prop="status" width="" /> |
|||
<el-table-column label="上报时间" prop="reportTime" width="180" /> |
|||
<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 v-else style="width: 100%; height: 100%; text-align: center; padding-top: 120px"> |
|||
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" /> |
|||
<div style="color: #fff">暂无数据</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "community", |
|||
components: { |
|||
}, |
|||
data() { |
|||
return { |
|||
queryParams: { |
|||
residList: [], |
|||
}, |
|||
list: [], |
|||
total: 0, |
|||
rowId: null, |
|||
showDialog: false, |
|||
}; |
|||
}, |
|||
activated() { |
|||
}, |
|||
|
|||
mounted() { }, |
|||
props: { |
|||
tableData: { |
|||
type: Array, |
|||
default: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
getList() { |
|||
let residList = [this.resiId] |
|||
this.list = []; |
|||
this.total = 0; |
|||
// this.$emit("changeTotal", { name: 2, total: 0 }); |
|||
// 办理状态(-2：未知，-1：不接受回访，0：接受回访/待回访，1已回访) |
|||
const completeFlags = { |
|||
"-2": "未知", |
|||
"-1": "不接受回访", |
|||
0: "接受回访/待回访", |
|||
1: "已回访", |
|||
}; |
|||
// 省满意度列表 |
|||
this.$http.post("/actual/base/peopleRoomOverview/communitySatisfactionPageList", { residList }).then(({ data: res }) => { |
|||
this.list = [{ |
|||
scope: "服务态度", |
|||
problemDesc: "服务人员态度不好", |
|||
completeFlag: "未办理", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "处理速度", |
|||
problemDesc: "等待时间过长", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}, |
|||
{ |
|||
scope: "设备问题", |
|||
problemDesc: "使用的机器经常故障", |
|||
completeFlag: "办理中", |
|||
isReturn: "否" |
|||
}, |
|||
{ |
|||
scope: "其他", |
|||
problemDesc: "场地不够干净", |
|||
completeFlag: "已办理", |
|||
isReturn: "是" |
|||
}] |
|||
this.total = res.data.length; |
|||
// this.$emit("changeTotal", { name: 2, total: this.total }); |
|||
}); |
|||
}, |
|||
handleView(item) { |
|||
this.rowId = item.id; |
|||
this.showDialog = true; |
|||
}, |
|||
close() { |
|||
this.showDialog = false; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped lang="scss"></style> |
|||
|
|||
Loading…
Reference in new issue