From 07b8028c6d69e21c3f14c8b09fcf7a7ff8aca6b5 Mon Sep 17 00:00:00 2001 From: 13176889840 <13176889840@163.com> Date: Mon, 13 Dec 2021 09:39:41 +0800 Subject: [PATCH] =?UTF-8?q?=E7=A0=94=E5=88=A4=E5=88=86=E6=9E=90=E7=BB=84?= =?UTF-8?q?=E4=BB=B6111?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../visual/communityParty/dialogInfo.vue | 208 +++++++++++- src/views/modules/visual/cpts/analyse.vue | 319 ++++++------------ 2 files changed, 309 insertions(+), 218 deletions(-) diff --git a/src/views/modules/visual/communityParty/dialogInfo.vue b/src/views/modules/visual/communityParty/dialogInfo.vue index de24cdb1..736a092e 100644 --- a/src/views/modules/visual/communityParty/dialogInfo.vue +++ b/src/views/modules/visual/communityParty/dialogInfo.vue @@ -92,7 +92,11 @@ - +
+ +
+ @@ -135,6 +139,208 @@ export default { louList: [], danyuanList: [], homeList: [], + demandList: [ + { + categoryName: '辨明服务', + categoryCode: '1', + showItem: false, + projectList: [ + { + title: '不知道写了什么哈哈哈', + status: 'closed', + projectId: '1' + }, + { + title: '罗里吧嗦写了什么哈哈哈', + status: 'closed', + projectId: '2' + }, + { + title: '胡说八道写了什么哈哈哈', + status: 'closed', + projectId: '1=3' + }, + { + title: '费眼飞鱼不知道写了什么哈哈哈', + status: 'closed', + projectId: '1=4' + }, + { + title: '狗屁不通不知道写了什么哈哈哈', + status: 'closed', + projectId: '5' + }, + { + title: '啦啦啦不知道写了什么哈哈哈', + status: 'closed', + projectId: '6' + } + ] + }, + { + categoryName: '辨明服务', + categoryCode: '1', + showItem: false, + projectList: [ + { + title: '不知道写了什么哈哈哈', + status: 'closed', + projectId: '1' + }, + { + title: '罗里吧嗦写了什么哈哈哈', + status: 'closed', + projectId: '2' + }, + { + title: '胡说八道写了什么哈哈哈', + status: 'closed', + projectId: '1=3' + }, + { + title: '费眼飞鱼不知道写了什么哈哈哈', + status: 'closed', + projectId: '1=4' + }, + { + title: '狗屁不通不知道写了什么哈哈哈', + status: 'closed', + projectId: '5' + }, + { + title: '啦啦啦不知道写了什么哈哈哈', + status: 'closed', + projectId: '6' + } + ] + }, + { + categoryName: '辨明服务', + categoryCode: '1', + showItem: false, + projectList: [ + { + title: '不知道写了什么哈哈哈', + status: 'closed', + projectId: '1' + }, + { + title: '罗里吧嗦写了什么哈哈哈', + status: 'closed', + projectId: '2' + }, + { + title: '胡说八道写了什么哈哈哈', + status: 'closed', + projectId: '1=3' + }, + { + title: '费眼飞鱼不知道写了什么哈哈哈', + status: 'closed', + projectId: '1=4' + }, + { + title: '狗屁不通不知道写了什么哈哈哈', + status: 'closed', + projectId: '5' + }, + { + title: '啦啦啦不知道写了什么哈哈哈', + status: 'closed', + projectId: '6' + } + ] + } + ], + userLists: [ + { + homeId: '1', + icUserId: '1', + icUserName: '沾上干' + }, + { + homeId: '2', + icUserId: '2', + icUserName: '李四' + }, + { + homeId: '3', + icUserId: '3', + icUserName: '王五哈哈' + } + ], + userName: '王亚男哈', + eventList: [ + { + categoryName: '辨明服务', + categoryCode: '1', + projectList: [ + { + title: '不知道写了什么哈哈哈', + status: 'closed', + projectId: '1' + }, + { + title: '罗里吧嗦写了什么哈哈哈', + status: 'closed', + projectId: '2' + }, + { + title: '胡说八道写了什么哈哈哈', + status: 'closed', + projectId: '1=3' + }, + { + title: '费眼飞鱼不知道写了什么哈哈哈', + status: 'closed', + projectId: '1=4' + }, + { + title: '狗屁不通不知道写了什么哈哈哈', + status: 'closed', + projectId: '5' + }, + { + title: '啦啦啦不知道写了什么哈哈哈', + status: 'closed', + projectId: '6' + } + ] + }, + { + categoryName: '水煮鱼辨明服务辨明服务', + categoryCode: '4', + projectList: [ + { + title: '熟煮雨不知道写了什么哈哈哈', + status: 'pending', + projectId: '4' + } + ] + }, + { + categoryName: '开心麻花', + categoryCode: '2', + projectList: [ + { + title: '不知道开心麻花写了什么哈哈哈', + status: 'closed', + projectId: '1' + } + ] + }, + { + categoryName: '酸菜鱼', + categoryCode: '3', + projectList: [ + { + title: '不知道酸菜鱼写了什么哈哈哈', + status: 'pending', + projectId: '3' + } + ] + } + ], }; }, diff --git a/src/views/modules/visual/cpts/analyse.vue b/src/views/modules/visual/cpts/analyse.vue index 4c3ed117..c7e9f541 100644 --- a/src/views/modules/visual/cpts/analyse.vue +++ b/src/views/modules/visual/cpts/analyse.vue @@ -36,7 +36,7 @@
-
楼院小组
+
{{ singleTitle }}
(反应渠道)
@@ -54,7 +54,7 @@
-
事件上报
+
{{ moreTitle }}
(反应渠道)
@@ -71,7 +71,7 @@
-
+
@@ -79,25 +79,29 @@
{{item.categoryName}}
(同类案件)
-
+
- +
+ +
-
-
-
-
{{filterStatus(n.status)}}
-
{{n.title}}
+
+
+
+
+
{{filterStatus(n.status)}}
+
{{n.title}}
+
+ +
- -
@@ -115,91 +119,56 @@
-
楼院小组
+
{{ singleTitle }}
(反应渠道)
-
+
- - - + + +
-
-
+
+
{{item.categoryName}}
(同类案件)
-
+
- - - -
-
-
-
{{filterStatus(n.status)}}
-
{{n.title}}
-
- - -
+
+
-
- +
+
- - -
-
-
-
已结案
-
合肥路与安宁路交合肥路与安宁路交
-
-
-
已结案
-
合肥路与安宁路交合肥路与安宁路交
-
-
-
已结案
-
合肥路与安宁路交合肥路与安宁路交
-
-
-
已结案
-
合肥路与安宁路交合肥路与安宁路交
-
-
-
已结案
-
合肥路与安宁路交合肥路与安宁路交
-
-
-
- -
--> +
@@ -216,151 +185,25 @@ export default { hasEvent: { type: Boolean, default: false - } + }, + singleTitle: { + type: String, + default: '楼院小组' + }, + moreTitle: String, + userList: Array, + userName: String, + singleList: Array, + moreList: Array }, data () { return { sourceTab: 'group', - userList: [ - { - homeId: '1', - icUserId: '1', - icUserName: '沾上干' - }, - { - homeId: '2', - icUserId: '2', - icUserName: '李四' - }, - { - homeId: '3', - icUserId: '3', - icUserName: '王五哈哈' - } - ], - userName: '王亚男哈', - groupList: [ - { - categoryName: '哈哈哈', - categoryCode: '1', - projectList: [ - { - title: '我也不知道该谢谢什么啊啊啊', - status: 'pending', - projectId: '10' - } - ] - }, - { - categoryName: '啊啊啊啊', - categoryCode: '2', - projectList: [ - { - title: '我也不知道该谢谢什么啊啊啊', - status: 'pending', - projectId: '12' - } - ] - }, - { - categoryName: '啦啦啦', - categoryCode: '3', - projectList: [ - { - title: '我也不知道该谢谢什么啊啊啊', - status: 'closed', - projectId: '13' - } - ] - }, - { - categoryName: '为民服务', - categoryCode: '4', - projectList: [ - { - title: '我也不知道该谢谢什么啊啊啊', - status: 'pending', - projectId: '14' - } - ] - } - ], - eventList: [ - { - categoryName: '辨明服务', - categoryCode: '1', - projectList: [ - { - title: '不知道写了什么哈哈哈', - status: 'closed', - projectId: '1' - }, - { - title: '罗里吧嗦写了什么哈哈哈', - status: 'closed', - projectId: '2' - }, - { - title: '胡说八道写了什么哈哈哈', - status: 'closed', - projectId: '1=3' - }, - { - title: '费眼飞鱼不知道写了什么哈哈哈', - status: 'closed', - projectId: '1=4' - }, - { - title: '狗屁不通不知道写了什么哈哈哈', - status: 'closed', - projectId: '5' - }, - { - title: '啦啦啦不知道写了什么哈哈哈', - status: 'closed', - projectId: '6' - } - ] - }, - { - categoryName: '水煮鱼辨明服务辨明服务', - categoryCode: '4', - projectList: [ - { - title: '熟煮雨不知道写了什么哈哈哈', - status: 'pending', - projectId: '4' - } - ] - }, - { - categoryName: '开心麻花', - categoryCode: '2', - projectList: [ - { - title: '不知道开心麻花写了什么哈哈哈', - status: 'closed', - projectId: '1' - } - ] - }, - { - categoryName: '酸菜鱼', - categoryCode: '3', - projectList: [ - { - title: '不知道酸菜鱼写了什么哈哈哈', - status: 'pending', - projectId: '3' - } - ] - } - ], tempList: [] } }, created() { - this.tempList = [...this.groupList] + this.tempList = [...this.singleList] }, methods: { filterStatus(status) { @@ -371,8 +214,8 @@ export default { return statusObj[status] }, handleTabs(type) { - if (type === 'group') this.tempList = [ ...this.groupList ] - else if (type === 'event') this.tempList = [ ...this.eventList ] + if (type === 'group') this.tempList = [ ...this.singleList ] + else if (type === 'event') this.tempList = [ ...this.moreList ] this.sourceTab = type const _dom = document.getElementById('scroll-wr') _dom.scrollTop = 0 @@ -382,6 +225,9 @@ export default { }, handleUser(item) { this.$emit('user', item) + }, + handleShow(item) { + item.showItem = !item.showItem } } } @@ -393,7 +239,7 @@ export default { display: flex; align-items: center; width: 100%; - height: 560px; + max-height: 560px; box-sizing: border-box; overflow: auto; @@ -506,6 +352,37 @@ export default { align-items: center; margin-bottom: 20px; // margin-top: 0; + .cate-col-arrow { + width: 32px; + height: 18px; + // box-sizing: border-box; + margin: 0 6px; + .analys-arrow { + display: block; + width: 32px; + height: 100%; + box-sizing: border-box; + margin: 0 auto; + } + } + .cate-col-w100 { + width: 230px; + .cate-list-w0 { + width: 0; + transition: width .2s; + overflow: hidden; + // border: 0; + // padding: 0; + } + .cate-list-w100 { + width: 230px; + // padding: 4px 14px 10px; + // // background: rgba(255, 255, 255, 0); + // border: 1px solid #1257C9; + // overflow: auto; + transition: width .2s; + } + } } } .cate-list-more { @@ -571,6 +448,14 @@ export default { padding-right: 30px; overflow: auto; } + .analys-col-more { + height: 560px; + } + .analys-single { + .list { + height: 235px; + } + } .analys-col-posi { // .analys-up, .analys-down { // position: absolute; @@ -578,7 +463,7 @@ export default { .analys-up { // top: -200px; // left: -30px; - // margin-bottom: 160px; + // margin-bottom: 160px; } .analys-down { // margin-top: 160px;