feat:学习路径添加关卡循环渲染生成的组件单独添加方法和样式

src/views/courselibrary/CoursewareManage.vue

@@ -4557,7 +4557,6 @@ export default defineComponent({
                 justify-content: center;
                 text-align: center;
                 margin: 77px auto 109px auto;
-                cursor: pointer;
                 position: relative;
                 .smallleft {
                   position: absolute;

src/views/learningpath/LevelAddDetail.vue

@@ -8,12 +8,19 @@
           <div class="btnText" @click="showModal">添加关卡</div>
         </div>
         <div class="maincon" style="background-color: #fff">
-          <div
+          <!-- <div
             class="items"
             :class="{ active: isActive == true }"
             @click="changebgc"
             v-for="item in level"
             :key="item.id"
+          > -->
+          <div
+            class="items"
+            :class=" isactive == index ? 'active' : '' "
+            @click="changebgc(index)"
+            v-for="( item , index ) in level"
+            :key="item.id"
           >
             <div class="items1">
               <div class="boxs_left">
@@ -798,7 +805,7 @@ export default {
       selectedRowKeys: [],
       isActive: false,
       gqxy_hs: true,
-
+      isactive: -1,
       projectChecked: null, //项目单选框
     });
     const showDrawer = () => {
@@ -1126,7 +1133,8 @@ export default {
       document.getElementsByTagName("main")[0].style.boxShadow =
         "0px 1px 35px 0px rgba(118, 136, 166, 0.07)";
     });
-    const changebgc = () => {
+    const changebgc = (index) => {
+      state.isactive = index;
       state.isActive = !state.isActive;
     };
     const gqxy_hShow = () => {