feat:学习路径图-无数据,修改授权名单

src/components/drawers/PowerList.vue

@@ -48,7 +48,7 @@
             :loading="tableDataTotal === -1 ? true : false"
             expandRowByClick="true"
             @expand="expandTable"
-            :scroll="{ x: 900, y: 400 }"
+            :scroll="{ x: 900}"
             :pagination="false"
             :row-selection="{
               columnWidth: 30,
@@ -481,13 +481,13 @@ export default {
       width: 100%;
       // height: 100%;
       // background-color: #bfa;
-      // overflow-y: auto;
+      overflow-y: auto;
       .search {
         width: 100%;
         display: flex;
         flex-wrap: wrap;
         margin-top: 10px;
-        justify-content: space-between;
+        //justify-content: space-between;
         .leftchoose {
           display: flex;
           margin-right: 20px;
@@ -538,15 +538,15 @@ export default {
           }
 
           .btn1 {
-            background: #388be1;
+            background: #409EFF;
 
             color: #ffffff;
           }
           .btn2 {
             background: #ffffff;
 
-            color: #388be1;
-            border: 1px solid #388be1;
+            color: #409EFF;
+            border: 1px solid #409EFF;
           }
         }
       }
@@ -599,6 +599,12 @@ export default {
         // position: absolute;
         // bottom: 20px;
         // margin-bottom: 20px;
+        .ant-pagination-prev, .ant-pagination-next,.ant-pagination-options {
+          margin-bottom: 10px;
+        }
+        .ant-pagination-item {
+          margin-bottom: 10px;
+        }
       }
       // .tab {
       //   .ant-table-thead > tr > th {

src/views/learningpath/LearningPath.vue

@@ -67,6 +67,17 @@
       </div>
     </div>
     <!-- 搜索框及按钮 -->
+    <!-- 无数据 -->
+    <div class="datanull" style="display: none">
+        <div class="nodata_box">
+            <div class="left"><img src="../../assets/images/taskpage/left1.png"/></div>
+            <div class="center"><img src="../../assets/images/leveladd/picture.png"/></div>
+            <div class="text1">无数据</div>
+            <div class="text2">请添加路径</div>
+            <div class="right"><img src="../../assets/images/leveladd/right.png"/></div>
+        </div>
+    </div>
+    <!-- 无数据 -->
     <!-- 表格 -->
     <div class="tableBox" style="padding-bottom: 160px; position: relative">
       <a-table
@@ -1571,6 +1582,56 @@ export default {
   flex-direction: column;
   position: relative;
   // position: relative;
+  .datanull {
+    display: flex;
+    flex: 1;
+    width: 100%;
+    //background: red;
+    justify-content: center;
+    align-items: center;
+    .nodata_box {
+      width: 412px;
+      height: 212px;
+      position: relative;
+      background: linear-gradient(
+              180deg,
+              #FEF3DD,
+             #FFFAF0
+            );
+      border-radius: 10px;
+      .left {
+        position: absolute;
+        top: 18px;
+        left: 0;
+      }
+      .center {
+        position: absolute;
+        top: 32px;
+        left: 170px;
+      }
+      .text1 {
+        position: absolute;
+        top: 128px;
+        left: 178px;
+        font-size: 20px;
+        color: #FFB64E;
+        font-weight: 500;
+      }
+      .text2 {
+        position: absolute;
+        bottom: 32px;
+        left: 174px;
+        font-size: 14px;
+        color: #878B92;
+        font-weight: 500;
+      }
+      .right {
+        position: absolute;
+        bottom: 18px;
+        right: 0;
+      }
+    }
+  }
   .filter {
     margin-left: 38px;
     margin-right: 38px;

src/views/learningpath/LevelAdd.vue

@@ -592,10 +592,10 @@
                         <span class="yulan2">学员可预览第</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"/>
+                            <a-input-number v-model:value="nubvalue2" 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"/>
+                            <a-input-number v-model:value="nubvalue3" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
                         <span>关内容</span>
                     </div>
                   </div>
@@ -1021,6 +1021,8 @@ export default {
       activeKey: ref("1"),
       value: ref(" "),
       nubvalue: ref("1"),
+      nubvalue2: ref("1"),
+      nubvalue3: ref("4"),
       nubvalue1: ref("4"),
       checked2: false,
       currentPage: 1,