折叠

src/views/projectLib/projectPlan/childViewPlanDetail.vue

@@ -40,14 +40,14 @@
             :status="item.isfinish == 2 ? 'success' : 'wait'"
           >
             <template #title>
-              <div>
+              <div @click="item.showChildren=!item.showChildren" style="cursor:pointer">
                 {{ item.taskName }}
               </div>
-              <div>
+              <div @click="item.showChildren=!item.showChildren" style="cursor:pointer">
                 {{ item.scheduledStartTime + '--' + item.scheduledEndTime }}
               </div>
             </template>
-            <template #description>
+            <template #description v-if="item.showChildren">
               <childElstepchild v-if="item.children != null" :child="item.children"></childElstepchild>
             </template>
             <template #icon>
@@ -154,6 +154,9 @@
       projectid: dataTo.projectId,
     }).then((res) => {
       activities.value = res;
+      activities.value.forEach((i:any)=>{
+        i.showChildren  = false
+      })
       console.log('activities', activities);
     });
     console.log('projectid1111111111', activities, dataTo.projectId);

src/views/projectLib/projectPlan/viewPlanDetail.vue

@@ -40,14 +40,14 @@
             :status="item.isfinish == 2 ? 'success' : 'wait'"
           >
             <template #title>
-              <div>
+              <div @click="item.showChildren=!item.showChildren" style="cursor:pointer">
                 {{ item.taskName }}
               </div>
-              <div>
+              <div @click="item.showChildren=!item.showChildren" style="cursor:pointer">
                 {{ item.scheduledStartTime + '--' + item.scheduledEndTime }}
               </div>
             </template>
-            <template #description>
+            <template #description v-if="item.showChildren">
               <elstepchild v-if="item.children != null" :child="item.children"></elstepchild>
             </template>
             <template #icon>
@@ -167,6 +167,9 @@
       projectid: dataTo.projectId,
     }).then((res) => {
       activities.value = res;
+      activities.value.forEach((i:any)=>{
+        i.showChildren  = false
+      })
       console.log('activities', activities);
     });
     let res = await queryHasSubProject({ projectid: dataTo.projectId });