feat:学习路径图设置,取消授权

src/components/drawers/PowerList.vue

@@ -92,7 +92,7 @@
       v-model:visible="cancelModal"
       :footer="null"
       :closable="closeCancel"
-      wrapClassName="CopyModal"
+      wrapClassName="copyModal"
       centered="true"
     >
       <div class="delete">
@@ -104,7 +104,7 @@
             <div class="close_exit" @click="closeCancelModal"></div>
           </div>
           <div class="body">
-            <span>是否取消当前用户对此数据的权限</span>
+            <span>您确定要取消该用户的授权吗</span>
           </div>
           <div class="del_btnbox">
             <div class="del_btn btn1">
@@ -332,7 +332,117 @@ export default {
     padding: 0px;
   }
 }
+.copyModal {
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
+    .ant-modal-content {
+      width: 424px !important;
+      height: 258px !important;
+      .ant-modal-body {
+        width: 424px !important;
+        height: 258px !important;
+        padding: 0 !important;
+        .delete {
+          z-index: 999;
+          width: 424px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .del_main {
+            width: 100%;
+            position: relative;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/notice.png);
+                background-size: 100% 100%;
+              }
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
 
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 .powerList {
   // width: 80%;
   .ant-drawer-content-wrapper {

src/views/learningpath/LearningPath.vue

@@ -40,14 +40,17 @@
             :placeholder="['      开始时间', '        结束时间']"
           />
         </div>
-        <div class="btn btn1">
+        <div style="display: flex;margin-bottom: 20px">
-          <div class="search"></div>
+          <div class="btn btn1">
-          <div class="btnText">搜索</div>
+            <div class="search"></div>
-        </div>
+            <div class="btnText">搜索</div>
-        <div class="btnn btn2">
+          </div>
-          <div class="search"></div>
+          <div class="btnn btn2">
-          <div class="btnText">重置</div>
+            <div class="search"></div>
+            <div class="btnText">重置</div>
+          </div>
         </div>
+        
       </div>
       <div class="btns">
         
@@ -1475,7 +1478,7 @@ export default {
           .del_header {
             position: absolute;
             width: calc(100%);
-            height: 40px;
+            height: 68px;
             background: linear-gradient(
               rgba(78, 166, 255, 0.2) 0%,
               rgba(78, 166, 255, 0) 100%
@@ -1494,7 +1497,7 @@ export default {
                 width: 16px;
                 height: 16px;
                 margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-image: url(@/assets/images/taskpage/gan.png);
                 background-size: 100% 100%;
               }
               .close_exit {

src/views/learningpath/LevelAdd.vue

@@ -258,7 +258,11 @@
                 <div class="headone">
                   <div class="box"></div>
                   <div class="onetitle">关卡内容可见可学设置</div>
-                  <div class="oneedi">编辑</div>
+                  <div class="oneedi" @click="showbtn" v-show="twobtn">编辑</div>
+                  <div v-show="twobtnn" class="twobtn">
+                    <div class="btnone" @click="closebtn">取消</div>
+                    <div class="btntwo" @click="closebtn">确定</div>
+                  </div>
                 </div>
                 <div class="onemain clearfix">
                   <div class="checkcon">
@@ -270,9 +274,17 @@
                     />
                     <span class="yulan">预览其他关卡</span><br />
                     <div style="width: 10px; height: 4px"></div>
-                    <span class="yulan2">学员可预览第</span
+                    <div style="display: flex;align-items: center;">
-                    ><span style="color: #4ea6ff">1</span><span>关-第</span
+                        <span class="yulan2">学员可预览第</span
-                    ><span style="color: #4ea6ff">4</span><span>关内容</span>
+                          >
+                            <span style="color: #4ea6ff" v-show="number">1</span>
+                            <a-input-number v-model:value="nubvalue" v-show="inputbox" :controls="false" :autofocus="true" :min="1" />
+                            <span>关-第</span
+                          ><span style="color: #4ea6ff" v-show="number">4</span>
+                            <a-input-number v-model:value="nubvalue1" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
+                        <span>关内容</span>
+                    </div>
+                    
                   </div>
                   <div class="checkcon" style="margin-top: 20px">
                     <input
@@ -283,9 +295,16 @@
                     />
                     <span class="yulan">学习其他关卡</span><br />
                     <div style="width: 10px; height: 4px"></div>
-                    <span class="yulan2">学员可预览第</span
+                    <div style="display: flex;align-items: center;">
-                    ><span style="color: #4ea6ff">1</span><span>关-第</span
+                        <span class="yulan2">学员可预览第</span
-                    ><span style="color: #4ea6ff">4</span><span>关内容</span>
+                          >
+                            <span style="color: #4ea6ff" v-show="number">1</span>
+                            <a-input-number v-model:value="nubvalue" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
+                            <span>关-第</span
+                          ><span style="color: #4ea6ff" v-show="number">4</span>
+                            <a-input-number v-model:value="nubvalue1" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
+                        <span>关内容</span>
+                    </div>
                   </div>
                   <br />
                 </div>
@@ -464,6 +483,10 @@ export default {
       AddSvisible: false, //添加学员抽屉
       AddImpStuvisible: false, //导入学员抽屉
       CheckStuvisible: false, //学员管理的查看抽屉
+      twobtn: true,
+      number: true,
+      twobtnn: false,
+      inputbox: false,
       projectNameListt: [
         {
           id: 1,
@@ -544,6 +567,8 @@ export default {
       ],
       activeKey: ref("1"),
       value: ref(" "),
+      nubvalue: ref("1"),
+      nubvalue1: ref("4"),
       checked2: false,
       currentPage: 1,
       tableDataTotal: 100,
@@ -799,6 +824,18 @@ export default {
     const showCheckStu = () => {
       state.CheckStuvisible = true;
     };
+    const showbtn = () => {
+      state.twobtn = false;
+      state.twobtnn = true;
+      state.number = false;
+      state.inputbox = true;
+    }
+    const closebtn = () => {
+      state.twobtnn = false;
+      state.twobtn = true;
+      state.number = true;
+      state.inputbox = false;
+    }
     return {
       ...toRefs(state),
       selectProjectName,
@@ -814,6 +851,8 @@ export default {
       showAddStu,
       showImpStu,
       showCheckStu,
+      showbtn, //设置-编辑
+      closebtn,
     };
   },
 };
@@ -1708,6 +1747,28 @@ export default {
             color: #4ea6ff;
             cursor: pointer;
           }
+          .twobtn {
+            display: flex;
+            .btnone {
+              width: 42px;
+              height: 24px;
+              border: 1px solid rgba(64, 158, 255, 1);
+              border-radius: 4px;
+              color: rgba(64, 158, 255, 1);
+              margin-left: 20px;
+              cursor: pointer;
+            }
+            .btntwo {
+              width: 42px;
+              height: 24px;
+              border: 1px solid rgba(64, 158, 255, 1);
+              border-radius: 4px;
+              color: #FFFFFF;
+              margin-left: 20px;
+              background: #409EFF;
+              cursor: pointer;
+            }
+          }
         }
         .onemain {
           margin-top: 20px;
@@ -1730,6 +1791,21 @@ export default {
             .yulan2 {
               margin-left: 22px;
             }
+            .ant-input-number {
+              height: 24px;
+              width: 24px;
+              margin: 10px;
+              border-radius: 4px;
+              border: 1px solid #6D7584;
+              .ant-input-number-input {
+                width: 100%;
+                height: 100%;
+                font-size: 14px;
+                padding: 0;
+                color: #409EFF;
+                text-align: center;
+              }
+            }
           }
         }
         .twomain {