Ver Fonte

fix:营期课程页面添加分页

caoliqin há 1 semana atrás
pai
commit
fbd2d6c2dd

+ 49 - 40
src/views/course/userCoursePeriod/index.vue

@@ -524,6 +524,14 @@
               </template>
             </el-table-column>
           </el-table>
+            <pagination
+              v-show="course.total > 0"
+              :total="course.total"
+              :page.sync="course.queryParams.pageNum"
+              :limit.sync="course.queryParams.pageSize"
+              @pagination="getCourseList"
+              style="height: 40px"
+            />
         </el-tab-pane>
         <el-tab-pane label="公司列表" name="company">
           <red-packet
@@ -617,6 +625,7 @@ export default {
       },
       // 表单参数
       form: {},
+      // 课程相关数据
       course: {
         open: false,
         row:{},
@@ -1263,25 +1272,25 @@ export default {
       const [year, month, day] = dateStr.split('-').map(Number);
       return new Date(Date.UTC(year, month - 1, day)); // 月份从0开始
     },
-    handleCourse(row){
-      this.course = {
-        open: false,
-        row:{},
-        list:[],
-        queryParams: {
-          pageNum: 1,
-          pageSize: 9999,
-        },
-        loading: true,
-        total: 0,
-        addOpen: false,
-        form: {},
-      };
-      this.course.open = true;
-      this.course.row = row;
-      this.course.queryParams.periodId = row.periodId;
-      this.getCourseList();
-    },
+    // handleCourse(row){
+    //   this.course = {
+    //     open: false,
+    //     row:{},
+    //     list:[],
+    //     queryParams: {
+    //       pageNum: 1,
+    //       pageSize: 3,  // 修改为每页显示3条
+    //     },
+    //     loading: true,
+    //     total: 0,
+    //     addOpen: false,
+    //     form: {},
+    //   };
+    //   this.course.open = true;
+    //   this.course.row = row;
+    //   this.course.queryParams.periodId = row.periodId;
+    //   this.getCourseList();
+    // },
     getCourseList(){
       this.course.loading = true;
       getDays(this.course.queryParams).then(e => {
@@ -1427,27 +1436,27 @@ export default {
         }
       });
     },
-    updateDate(){
-      updateCourseDate(this.form).then(response => {
-          this.$message.success('修改成功');
-          this.updateDateOpen = false;
-          // 重新加载训练营列表
-          this.getCourseList();
-        });
-    },
-    saveCourseData(){
-      updateListCourseData(this.course.list).then(response => {
-        this.$message.success('保存成功');
-        this.getCourseList();
-      });
-    },
-    setRedPacket(row) {
-      this.currentRedPacketData = {
-        periodId: row.periodId
-        // videoId: row.videoId
-      };
-      this.redPacketVisible = true;
-    },
+    // updateDate(){
+    //   updateCourseDate(this.form).then(response => {
+    //       this.$message.success('修改成功');
+    //       this.updateDateOpen = false;
+    //       // 重新加载训练营列表
+    //       this.getCourseList();
+    //     });
+    // },
+    // saveCourseData(){
+    //   updateListCourseData(this.course.list).then(response => {
+    //     this.$message.success('保存成功');
+    //     this.getCourseList();
+    //   });
+    // },
+    // setRedPacket(row) {
+    //   this.currentRedPacketData = {
+    //     periodId: row.periodId
+    //     // videoId: row.videoId
+    //   };
+    //   this.redPacketVisible = true;
+    // },
     handleRedPacketSuccess() {
       this.getCourseList();
     },

+ 1 - 1
src/views/course/userCoursePeriod/redPacket.vue

@@ -52,7 +52,7 @@
 </template>
 
 <script>
-import { getPeriodCompanyList, getDays, batchSaveRedPacket, getPeriodRedPacketList } from "@/api/course/userCoursePeriod";
+import { getPeriodCompanyList, batchSaveRedPacket, getPeriodRedPacketList } from "@/api/course/userCoursePeriod";
 import redPacket from "@/views/course/userCoursePeriod/redPacket.vue";
 
 export default {