折叠

src/views/projectLib/projectPlan/childViewPlanDetail.vue

@@ -33,21 +33,21 @@
     </el-row>
     <el-row>
       <el-col :span="24">
-        <el-steps finish-status="success" :active="activities.status">
+        <el-steps finish-status="success" :active="activities.status" >
           <el-step
             v-for="(item, index) in activities"
             :key="index"
             :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

@@ -33,21 +33,21 @@
     </el-row>
     <el-row>
       <el-col :span="24">
-        <el-steps finish-status="success" :active="activities.status">
+        <el-steps finish-status="success" :active="activities.status" >
           <el-step
             v-for="(item, index) in activities"
             :key="index"
             :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 });