feat:项目基础信息创建任务左侧样式和学习路径任务添加任务左侧样式

src/views/learningpath/LevelAddDetail.vue

@@ -17,7 +17,7 @@
           > -->
           <div
             class="items"
-            :class=" isactive == index ? 'active' : '' "
+            :class=" isactive == index && isActive == true ? 'active' : '' "
             @click="changebgc(index)"
             v-for="( item , index ) in level"
             :key="item.id"
@@ -803,9 +803,9 @@ export default {
       value1: "",
       value2: "",
       selectedRowKeys: [],
-      isActive: false,
       gqxy_hs: true,
       isactive: -1,
+      isActive: false,
       projectChecked: null, //项目单选框
     });
     const showDrawer = () => {
@@ -1507,6 +1507,7 @@ export default {
         }
         .active {
           opacity: 1;
+          transition:all .5s;
         }
       }
     }

src/views/projectcenter/TaskAdd.vue

@@ -15,7 +15,7 @@
           <div class="btnText">添加阶段</div>
         </div>
         <div class="maincon" style="background-color: #fff">
-          <div class="item" v-for="item in level" :key="item.id">
+          <div class="item" :class="isactive == index && isActive == true ? 'bgcactive' : '' " v-for="(item , index ) in level" @click="changebgc(index)" :key="item.id">
             <div class="itemle">
               <div class="tit">{{ item.tit }}</div>
               <div class="name">{{ item.name }}</div>
@@ -840,6 +840,8 @@ export default {
       cC: false,
       cancelModal: false, //确认取消阶段弹窗
       deleteModal: false, //确认删除弹窗
+      isactive: -1,
+      isActive:false,
     });
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
@@ -1061,6 +1063,10 @@ export default {
     const closeDelete = () => {
       state.deleteModal = false;
     };
+    const changebgc = (index) => {
+      state.isactive = index;
+      state.isActive = !state.isActive;
+    }
     return {
       ...toRefs(state),
       selectProjectName,
@@ -1090,6 +1096,7 @@ export default {
       closeCancel,
       showDelete,
       closeDelete,
+      changebgc,
     };
   },
 };
@@ -1520,6 +1527,10 @@ export default {
             right: 16px;
           }
         }
+        .bgcactive{
+          opacity:1;
+          transition:all .5s;
+        }
       }
     }
   }