From 91c01ec36e321f899ac893f32e6fb81d03482bb3 Mon Sep 17 00:00:00 2001 From: mk <2403457699@qq.com> Date: Wed, 25 Oct 2023 18:19:22 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B1=85=E6=B0=91=E7=94=BB=E5=83=8F=E5=89=A9?= =?UTF-8?q?=E4=BD=99=E6=9F=A5=E7=9C=8B=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../scss/modules/management/list-main.scss | 4 +- src/assets/scss/pages/huaxiang.scss | 4 +- src/views/modules/jumin/cpts/pointsRecord.vue | 104 ++++ src/views/modules/jumin/cpts/rightBto.vue | 26 + src/views/modules/jumin/cpts/rightTop.vue | 499 ++++++++---------- .../modules/jumin/cpts/table/complain.vue | 31 +- src/views/modules/jumin/cpts/table/shequ.vue | 50 +- .../modules/jumin/cpts/xiangshoufuwu.vue | 139 +++++ src/views/modules/jumin/huaxiang.vue | 24 +- 9 files changed, 542 insertions(+), 339 deletions(-) create mode 100644 src/views/modules/jumin/cpts/pointsRecord.vue create mode 100644 src/views/modules/jumin/cpts/rightBto.vue create mode 100644 src/views/modules/jumin/cpts/xiangshoufuwu.vue diff --git a/src/assets/scss/modules/management/list-main.scss b/src/assets/scss/modules/management/list-main.scss index 26cde2db0..6bdce451d 100644 --- a/src/assets/scss/modules/management/list-main.scss +++ b/src/assets/scss/modules/management/list-main.scss @@ -130,7 +130,9 @@ flex-flow: column; overflow: hidden; } - +.f-w50 { + width: 50% !important; +} .f-flex1 { flex: 1; } diff --git a/src/assets/scss/pages/huaxiang.scss b/src/assets/scss/pages/huaxiang.scss index ea06beea6..491efea2a 100644 --- a/src/assets/scss/pages/huaxiang.scss +++ b/src/assets/scss/pages/huaxiang.scss @@ -17,7 +17,6 @@ .right{ flex: 1; overflow-y: scroll; - } } .bottom{ @@ -34,7 +33,8 @@ .right{ flex: 1; overflow-y: scroll; - + display: flex; + justify-content: space-between; } } diff --git a/src/views/modules/jumin/cpts/pointsRecord.vue b/src/views/modules/jumin/cpts/pointsRecord.vue new file mode 100644 index 000000000..72db14b07 --- /dev/null +++ b/src/views/modules/jumin/cpts/pointsRecord.vue @@ -0,0 +1,104 @@ + + + + diff --git a/src/views/modules/jumin/cpts/rightBto.vue b/src/views/modules/jumin/cpts/rightBto.vue new file mode 100644 index 000000000..9338a3e49 --- /dev/null +++ b/src/views/modules/jumin/cpts/rightBto.vue @@ -0,0 +1,26 @@ + + + + + diff --git a/src/views/modules/jumin/cpts/rightTop.vue b/src/views/modules/jumin/cpts/rightTop.vue index cbf3695ce..72d19773a 100644 --- a/src/views/modules/jumin/cpts/rightTop.vue +++ b/src/views/modules/jumin/cpts/rightTop.vue @@ -160,69 +160,70 @@ export default { pageSize: this.pageSize } // 办理状态(-2：未知，-1：不接受回访，0：接受回访/待回访，1已回访) - const completeFlags = { - "-2": "未知", - "-1": "不接受回访", - 0: "接受回访/待回访", - 1: "已回访", + const statusArr = { + processing: "处理中", + closed_case: "已办结", }; + const marktypes = ["普通事件", "难点读点", "矛盾纠纷", "自身问题"]; + // 省满意度列表 - 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.$http.post("/actual/base/peopleRoomOverview/eventPageList", 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.complainList = res.data.list.map((item) => { + return { + ...item, + status: item.status ? statusArr[item.status] : null, + marktype: marktypes[item.marktype], + }; + }); + this.complainTotal = res.data.total; + this.complainLabel = `12345投诉（${this.complainTotal}）` }); }, @@ -232,53 +233,40 @@ export default { 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.shengList = [{ + // scope: "服务态度", + // problemDesc: "服务员的态度冷淡，没有微笑", + // completeFlag: "未办理", + // isReturn: "否" + // }, + // { + // scope: "处理速度", + // problemDesc: "在前台等待时间超过30分钟", + // completeFlag: "已办理", + // isReturn: "是" + // }, + // { + // scope: "环境问题", + // problemDesc: "餐厅内部太吵，无法正常交流", + // completeFlag: "办理中", + // isReturn: "否" + // }, + // { + // scope: "食品质量", + // problemDesc: "点的咖啡味道太苦，不如以前", + // completeFlag: "未办理", + // isReturn: "否" + // }, + // { + // scope: "其他", + // problemDesc: "洗手间没有纸巾", + // completeFlag: "已办理", + // isReturn: "是" + // }] + this.shengList = res.data; + this.shengTotal = res.data.length; this.shengLabel = `省满意度调查（${this.shengTotal}）` }); }, @@ -296,48 +284,47 @@ export default { 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.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.shequList = res.data.map((item) => { + return { + ...item, + completeFlag: completeFlags[item.completeFlag], + }; + }); this.shequTotal = this.shequList.length; this.shequLabel = `社区满意度自查（${this.shequTotal}）` }); @@ -348,45 +335,39 @@ export default { pageNo: this.pageNo, pageSize: this.pageSize } - // 办理状态(-2：未知，-1：不接受回访，0：接受回访/待回访，1已回访) - const completeFlags = { - "-2": "未知", - "-1": "不接受回访", - 0: "接受回访/待回访", - 1: "已回访", - }; + const marktypes = ["普通事件", "难点读点", "矛盾纠纷", "自身问题"]; 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.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.shijianList = 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}）` }); @@ -397,52 +378,43 @@ export default { 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.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.xuqiuList = res.data.map((item) => { + return { + ...item, + }; + }); this.xuqiuTotal = this.xuqiuList.length; this.xuqiuLabel = `居民需求（${this.xuqiuTotal}）` }); @@ -453,45 +425,36 @@ export default { 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.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.fuwuList = res.data.map((item) => { + return { + ...item, + }; + }); this.fuwuTotal = this.fuwuList.length; this.fuwuLabel = `社区服务（${this.fuwuTotal}）` }); diff --git a/src/views/modules/jumin/cpts/table/complain.vue b/src/views/modules/jumin/cpts/table/complain.vue index 5f7c45961..9840a8180 100644 --- a/src/views/modules/jumin/cpts/table/complain.vue +++ b/src/views/modules/jumin/cpts/table/complain.vue @@ -2,10 +2,11 @@
- - - - + + + + + @@ -42,11 +43,11 @@ export default { activated() { }, watch: { - + }, mounted() { }, props: { - + tableData: { type: Array, default: [] @@ -118,15 +119,15 @@ export default { completeFlag: "已办理", isReturn: "是" }] - // this.list = res.data.list.map((item) => { - // return { - // ...item, - // status: item.status ? statusArr[item.status] : null, - // marktype: marktypes[item.marktype], - // }; - // }); + // 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 }); + this.$emit("changeTotal", { name: 2, total: this.total }); }); }, handleView(item) { diff --git a/src/views/modules/jumin/cpts/table/shequ.vue b/src/views/modules/jumin/cpts/table/shequ.vue index 740a28d35..03af24b33 100644 --- a/src/views/modules/jumin/cpts/table/shequ.vue +++ b/src/views/modules/jumin/cpts/table/shequ.vue @@ -26,9 +26,6 @@ export default { }, data() { return { - queryParams: { - residList: [], - }, list: [], total: 0, rowId: null, @@ -36,12 +33,9 @@ export default { }; }, activated() { - // this.getList(); }, watch: { - "$route.query"(newVal, oldVal) { - // this.getList(); - }, + }, mounted() { }, props: { @@ -51,48 +45,6 @@ export 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; diff --git a/src/views/modules/jumin/cpts/xiangshoufuwu.vue b/src/views/modules/jumin/cpts/xiangshoufuwu.vue new file mode 100644 index 000000000..a157b029f --- /dev/null +++ b/src/views/modules/jumin/cpts/xiangshoufuwu.vue @@ -0,0 +1,139 @@ + + + + \ No newline at end of file diff --git a/src/views/modules/jumin/huaxiang.vue b/src/views/modules/jumin/huaxiang.vue index d44bfb346..b1b3a83aa 100644 --- a/src/views/modules/jumin/huaxiang.vue +++ b/src/views/modules/jumin/huaxiang.vue @@ -36,8 +36,21 @@
-
-
+
+
+
享受服务次数统计
+
+
+ +
+
+
+
+
积分记录
+
+
+ +
@@ -49,8 +62,11 @@ import { requestPost, requestGet } from '@/js/dai/request' import leftTop from "./cpts/leftTop"; import leftBto from "./cpts/leftBto"; import rightTop from "./cpts/rightTop"; +import rightBto from "./cpts/rightBto"; import resiInfo from "@/views/modules/cpts/resi/info"; import nextTick from "dai-js/tools/nextTick"; +import pointsRecord from "./cpts/pointsRecord"; +import xiangshoufuwu from "./cpts/xiangshoufuwu"; export default { @@ -59,7 +75,7 @@ export default { return { userInfo: {}, showedResiInfo: false, - + }; }, //创建前 @@ -92,7 +108,7 @@ export default { }, }, //子组件注册 - components: { leftTop, leftBto, resiInfo,rightTop }, + components: { leftTop, leftBto, resiInfo, rightTop, pointsRecord, rightBto, xiangshoufuwu }, //计算 computed: {}, //监听