From 18b1a8fdddb872f147509b0b8631260cb08f4c3d Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Tue, 9 Aug 2022 11:23:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F(=E8=BF=9B?=
 =?UTF-8?q?=E5=BA=A6=E8=AE=A1=E5=88=92)=EF=BC=9A=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E7=94=98=E7=89=B9=E5=9B=BE=E5=86=85=E5=B1=82=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E5=B1=95=E5=BC=80=E5=85=B3=E9=97=AD=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jlw/planProgress/centerTop.vue            | 27 ++++++++++++++-----
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/views/projectAdmin/jlw/planProgress/centerTop.vue b/src/views/projectAdmin/jlw/planProgress/centerTop.vue
index 1e2a955d..d135be09 100644
--- a/src/views/projectAdmin/jlw/planProgress/centerTop.vue
+++ b/src/views/projectAdmin/jlw/planProgress/centerTop.vue
@@ -20,9 +20,9 @@
           </div>
         </div>
         <div class="tbody">
-          <div class="row-groups open" v-for="p in projects" :key="p.pName">
+          <div class="row-groups" :class="{ open: openedIndex === i }" v-for="(p, i) in projects" :key="p.pName">
             <div class="row">
-              <div class="td">{{ p.pName }}</div>
+              <div class="td" @click="handleOpen(i)">{{ p.pName }}</div>
               <div class="td">{{ p.startTime }}</div>
               <div class="td">{{ p.endTime }}</div>
               <div class="td" v-for="date in dates" :key="date + 'grid-date'">
@@ -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;