1111

src/api/stuMan/index.js

@@ -209,3 +209,14 @@ export function queryPlanAppointmentDetail(data) {
     data
   });
 }
+
+/**
+ * 获取学员课消列表
+ */
+export function queryStuLearnChapterStatic(data) {
+  return request({
+    url: '/Scroll/GetStuLearnChapterStatic',
+    method: 'post',
+    data
+  });
+}

src/pages/stuMan/components/cancelClassList.vue

@@ -10,8 +10,7 @@
         </div>
       </div>
       <div class="cancelClassList-right col-xl-21 col-lg-21 col-md-20 col-sm-19 col-xs-19">
-            <div class="cancelClassList-right-box Xscroll fit row no-wrap"
-            :class="{}">
+        <div class="cancelClassList-right-box Xscroll fit row no-wrap" :class="{}">
           <div class="right-box" v-for="item in 25">
             <div class="content-title courseName activeOne">名称</div>
             <div class="content-title teacherName">老师名字</div>
@@ -32,31 +31,20 @@
       </div>
     </div>
   </div>
-  </template>
+</template>
 
-  <script>
+<script>
   export default {
     props: {
-        setMsg: {
-          type: Object,
-          default: null,
-        },
-        tableData: {
+
+      dataList: {
         type: Array,
         default: null,
       },
-        PageCount: {
-          type: Number,
-          default: null,
-        },
-        showCZ: {
-          //是否显示操作栏
-          Type: Boolean,
-          default: true,
-        },
-        loading:{
-          type:Boolean,
-          default:false,
+
+      loading: {
+        type: Boolean,
+        default: false,
       }
     },
     meta: {
@@ -67,15 +55,25 @@
     },
     data() {
       return {
-            titleList:[
-                {name:'课程名称'},
-                {name:'课程老师'},
-                {name:'学员姓名'},
+        titleList: [{
+            name: '课程名称'
+          },
+          {
+            name: '课程老师'
+          },
+          {
+            name: '学员姓名'
+          },
         ],
-            numList:[
-              {name:'1'},
-              {name:'2'},
-              {name:'3'}
+        numList: [{
+            name: '1'
+          },
+          {
+            name: '2'
+          },
+          {
+            name: '3'
+          }
         ]
       };
     },
@@ -89,16 +87,18 @@
 
     },
   };
-  </script>
-  <style lang="scss" scoped>
-    .page-cancelClassList-body{
-        /* border: 1px solid #E5E5E5; */
+</script>
+<style lang="scss" scoped>
+  .page-cancelClassList-body {
+    
     margin-top: 20px;
   }
-    .cancelClassList-left{
+
+  .cancelClassList-left {
     background: #E5E5E5;
   }
-    .left-text{
+
+  .left-text {
     width: 100%;
     padding: 0 20px;
     height: 40px;
@@ -107,51 +107,63 @@
     text-align: center;
     font-size: 14px;
   }
-    .left-text:first-child,.left-text:nth-child(2),
-    .left-text:nth-child(3),.left-text:nth-child(4){
+
+  .left-text:first-child,
+  .left-text:nth-child(2),
+  .left-text:nth-child(3),
+  .left-text:nth-child(4) {
     font-weight: bold;
   }
-    .left-text:last-child{
+
+  .left-text:last-child {
     border-bottom: 0;
   }
-    .cancelClassList-right{
+
+  .cancelClassList-right {
     overflow: hidden;
   }
-    .courseName{
+
+  .courseName {
     background: #F8CBAD;
   }
-    .courseName.activeOne{
+
+  .courseName.activeOne {
     background: #FFD964;
   }
-    .courseName.activeTwo{
+
+  .courseName.activeTwo {
     background: #F4B183;
   }
 
-    .teacherName{
+  .teacherName {
     background: #C4C4F5;
   }
 
-    .traineesName{
+  .traineesName {
     background: #CEF5A5;
   }
-    .traineesName.activeOne{
+
+  .traineesName.activeOne {
     background: #F5AFAF;
   }
-    .cancelClassList-right-box{
 
-    }
-    .Xscroll{
+  .cancelClassList-right-box {}
+
+  .Xscroll {
     overflow-x: scroll;
   }
-    .right-box{
+
+  .right-box {
     display: flex;
     flex-direction: column;
     font-size: 13px;
   }
-    .content-title:first-child{
+
+  .content-title:first-child {
     border-top: 1px solid #DDDEE0;
   }
-    .content-title{
+
+  .content-title {
     width: 100%;
     padding: 0 5px;
     height: 40px;
@@ -161,7 +173,8 @@
     border-bottom: 1px solid #DDDEE0;
     border-right: 1px solid #DDDEE0;
   }
-    .right-content{
+
+  .right-content {
     /* display: flex;
         flex-direction: column; */
     width: 90px;
@@ -171,43 +184,59 @@
     position: relative;
     cursor: pointer;
   }
-    .right-content:last-child{
+
+  .right-content:last-child {
     border-bottom: 0;
   }
-    .content-single,.content-tetx{
+
+  .content-single,
+  .content-tetx {
     flex: 1;
     flex-shrink: 0;
     text-align: center;
     word-break: break-all;
     text-overflow: ellipsis;
-        display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
-        -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-        -webkit-line-clamp: 2; /** 显示的行数 **/
+    display: -webkit-box;
+    /** 对象作为伸缩盒子模型显示 **/
+    -webkit-box-orient: vertical;
+    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
+    -webkit-line-clamp: 2;
+    /** 显示的行数 **/
     overflow: hidden;
     padding: 0 5px;
     display: flex;
     align-items: center;
     justify-content: center;
   }
-    .content-single.activeOne,.content-tetx.activeOne{
+
+  .content-single.activeOne,
+  .content-tetx.activeOne {
     background: #6FE053;
   }
-    .content-tetx.activeTwo,.content-tetx.activeTwo{
+
+  .content-tetx.activeTwo,
+  .content-tetx.activeTwo {
     background: #FA716A;
   }
-    .content-tetx.activeThree,.content-tetx.activeThree{
+
+  .content-tetx.activeThree,
+  .content-tetx.activeThree {
     background: #BDD7EE;
   }
-    .content-tetx{
+
+  .content-tetx {
     border-right: 1px solid #DDDEE0;
   }
-    .content-tetx:last-child{
+
+  .content-tetx:last-child {
     border: 0;
   }
-    .content-multiple{
+
+  .content-multiple {
     display: flex;
   }
-    .content-show{
+
+  .content-show {
     position: absolute;
     top: -60px;
     left: -50px;
@@ -219,7 +248,8 @@
     padding: 10px 19px;
     box-shadow: 5px 5px 20px 5px #ccc;
   }
-    .content-show div{
+
+  .content-show div {
     width: 0px;
     height: 0px;
     border: 8px solid transparent;
@@ -228,7 +258,8 @@
     bottom: -15px;
     right: 20px;
   }
-    .right-content:hover .content-show{
+
+  .right-content:hover .content-show {
     /* display: block; */
   }
-  </style>
\ No newline at end of file
+</style>
\ No newline at end of file