-
{{ p.pName }}
+
{{ p.pName }}
{{ p.startTime }}
{{ p.endTime }}
@@ -78,7 +78,8 @@ export default {
},
{ pName: '主体结构', startTime: '2020/03', endTime: '2020/06' },
{ pName: '建筑装饰装修', startTime: '2020/04', endTime: '2020/07' }
- ]
+ ],
+ openedIndex: 9999
}
},
methods: {
@@ -113,6 +114,13 @@ export default {
}
return days
})()
+ },
+ handleOpen(index) {
+ if (index === this.openedIndex) {
+ this.openedIndex = 9999
+ } else {
+ this.openedIndex = index
+ }
}
}
}
@@ -174,11 +182,17 @@ export default {
border-bottom: 4px solid transparent;
border-left: 4px solid #5be1f4;
}
- &.open::before {
- border-left-color: transparent;
- border-top-color: #5be1f4;
+ &.open {
+ &::before {
+ border-left-color: transparent;
+ border-top-color: #5be1f4;
+ }
+ .children {
+ display: block;
+ }
}
> .row .td:first-child {
+ user-select: none;
cursor: pointer;
}
.row {
@@ -215,6 +229,7 @@ export default {
}
}
.children {
+ display: none;
.td {
height: 38px;
line-height: 38px;