-
@@ -54,7 +54,7 @@
楼院小组
+ {{ singleTitle }}
(反应渠道)
@@ -54,7 +54,7 @@
-
@@ -71,7 +71,7 @@
-
事件上报
+ {{ moreTitle }}
(反应渠道)
@@ -71,7 +71,7 @@
+
@@ -79,25 +79,29 @@
- 
+
{{item.categoryName}}
(同类案件)
-
+
+
+
+
-
+
-
-
-
@@ -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;
{{filterStatus(n.status)}}
- {{n.title}}
+
+
@@ -115,91 +119,56 @@
+
+
-
-
+
+
+
{{filterStatus(n.status)}}
+ {{n.title}}
+
-
楼院小组
+ {{ singleTitle }}
(反应渠道)
-
+
- 
-
- 
+
+
+
-
-
-
+
+
+
-
+
+
-
-
-
-
+
-
-
-
-->
+ {{item.categoryName}}
(同类案件)
-
+
-
-
-
-
+
-
+
-
-
-
- {{filterStatus(n.status)}}
- {{n.title}}
-
+
-
-
-
-
-
-
-
-
-
- 已结案
- 合肥路与安宁路交合肥路与安宁路交
-
-
- 已结案
- 合肥路与安宁路交合肥路与安宁路交
-
-
- 已结案
- 合肥路与安宁路交合肥路与安宁路交
-
-
- 已结案
- 合肥路与安宁路交合肥路与安宁路交
-
-
- 已结案
- 合肥路与安宁路交合肥路与安宁路交
-