{"version":3,"sources":["webpack:///./src/api/student-course.js","webpack:///./src/components/Pagination.vue?7924","webpack:///src/components/Pagination.vue","webpack:///./src/components/Pagination.vue?23e0","webpack:///./src/components/Pagination.vue","webpack:///./src/components/Pagination.vue?2df2","webpack:///./src/assets/img/course-cover.png","webpack:///./src/views/course/cpns/CourseItem.vue?df61","webpack:///src/views/course/cpns/CourseItem.vue","webpack:///./src/views/course/cpns/CourseItem.vue?7836","webpack:///./src/views/course/cpns/CourseItem.vue","webpack:///./src/views/personCenter/my-course/my-course.vue?43f3","webpack:///./src/views/personCenter/my-course/config.js","webpack:///src/views/personCenter/my-course/my-course.vue","webpack:///./src/views/personCenter/my-course/my-course.vue?a631","webpack:///./src/views/personCenter/my-course/my-course.vue","webpack:///./src/views/personCenter/my-course/my-course.vue?babc","webpack:///./src/views/course/cpns/CourseItem.vue?f0eb"],"names":["getCourseList","params","total","otherProps","post","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","pageNo","pageSizes","pSize","on","handleSizeChange","handleCurrentChange","staticRenderFns","component","module","exports","course","ConverImg","_v","_s","SourceName","Content","StartTime","EndTime","_e","RateOfProgress","IsMy","IsLearnTime","$event","stopPropagation","startStudy","Credit","class","parseInt","undefined","model","value","callback","$$v","currentTab","expression","_l","tab","key","slot","label","courses","Id","onStartStudy","paginationMap","pageSize","pageIndex","$set","length","TABS_LIST","Object","freeze","enName","getInitCourseList","reduce","preVal","curVal","getInitPagination","mergeObj","pagination","isObj","assign"],"mappings":"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","file":"js/chunk-7841086e.75bbae9c.js","sourcesContent":["/**\r\n * @Author: 左建\r\n * @Date: 2022/8/30 15:11\r\n * @LastEditTime: 2022/8/30 15:11\r\n * @Description: 课程相关接口\r\n*/\r\nimport {\r\n    post,\r\n    get,\r\n    postFormData,\r\n    requestData\r\n} from \"@/utils/request\";\r\n\r\nimport { clearObjEmptyStr } from \"@/utils\"\r\n// 获取课程列表\r\nexport function getCourseList (params) {\r\n    const { total, ...otherProps } = params\r\n    return post(\"/Manage/CustomSource/GetListForWeb\", otherProps, true, otherProps)\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"my-pagination xy-center\"},[_c('el-pagination',{staticStyle:{\"padding\":\"60px 0\"},attrs:{\"hide-on-single-page\":\"\",\"background\":\"\",\"current-page\":_vm.pageNo,\"page-sizes\":_vm.pageSizes,\"page-size\":_vm.pSize,\"layout\":\"total, sizes, prev, pager, next, jumper\",\"total\":_vm.total},on:{\"size-change\":_vm.handleSizeChange,\"current-change\":_vm.handleCurrentChange}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"my-pagination xy-center\">\r\n        <el-pagination\r\n            hide-on-single-page\r\n            background\r\n            style=\"padding: 60px 0\"\r\n            @size-change=\"handleSizeChange\"\r\n            @current-change=\"handleCurrentChange\"\r\n            :current-page=\"pageNo\"\r\n            :page-sizes=\"pageSizes\"\r\n            :page-size=\"pSize\"\r\n            layout=\"total, sizes, prev, pager, next, jumper\"\r\n            :total=\"total\">\r\n        </el-pagination>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"pagination\",\r\n    props: {\r\n        pSize: {\r\n            type: Number,\r\n            default: 10\r\n        },\r\n        total: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        pageNo: {\r\n            type: Number,\r\n            default: 1\r\n        },\r\n        pageSizes: {\r\n            type: Array,\r\n            default () {\r\n                return [10, 20, 30, 50, 100]\r\n            }\r\n        }\r\n    },\r\n    methods: {\r\n        handleSizeChange(val) {\r\n            this.$emit(\"update:pSize\", val)\r\n            this.$emit(\"change\")\r\n        },\r\n        handleCurrentChange(val) {\r\n            this.$emit(\"update:pageNo\", val)\r\n            this.$emit(\"change\")\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\">\r\n.my-pagination {\r\n\r\n    .el-pagination {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 20px;\r\n\r\n        .el-pagination__sizes {\r\n            height: 32px;\r\n        }\r\n\r\n        .el-pagination__sizes .el-input__inner {\r\n            background: #FFFFFF;\r\n            border-radius: 4px;\r\n            border: 1px solid #DDDDDD;\r\n            height: 32px;\r\n        }\r\n    }\r\n\r\n    .el-pagination.is-background .btn-next,\r\n    .el-pagination.is-background .btn-prev,\r\n    .el-pagination.is-background .el-pager li {\r\n        background: white;\r\n        height: 32px;\r\n        border: 1px solid #DDDDDD;\r\n        min-width: 32px;\r\n        border-radius: 6px;\r\n    }\r\n    .el-pagination.is-background .el-pager li.el-icon-more {\r\n        background: unset;\r\n        border: unset;\r\n    }\r\n    .el-pagination__jump {\r\n        .el-input__inner {\r\n            height: 32px;\r\n            min-width: 32px;\r\n        }\r\n    }\r\n    .el-pagination__editor.el-input .el-input__inner {\r\n        height: 32px;\r\n        min-width: 32px;\r\n    }\r\n    .el-pagination button, .el-pagination span:not([class*=suffix]) {\r\n        height: unset;\r\n    }\r\n    .el-pagination.is-background .el-pager li:not(.disabled).active {\r\n        background: #1677FF;\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Pagination.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Pagination.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Pagination.vue?vue&type=template&id=616cadaa&\"\nimport script from \"./Pagination.vue?vue&type=script&lang=js&\"\nexport * from \"./Pagination.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Pagination.vue?vue&type=style&index=0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Pagination.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Pagination.vue?vue&type=style&index=0&lang=less&\"","module.exports = __webpack_public_path__ + \"img/course-cover.3aee40de.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"course-container\"},[_c('el-row',{staticClass:\"course\",attrs:{\"type\":\"flex\"}},[(_vm.course.ConverImg)?_c('img',{staticStyle:{\"width\":\"290px\",\"height\":\"170px\"},attrs:{\"src\":_vm.course.ConverImg,\"alt\":\"course-cover-default\"}}):_c('img',{staticStyle:{\"width\":\"290px\",\"height\":\"170px\"},attrs:{\"src\":require(\"@/assets/img/course-cover.png\"),\"alt\":\"course-cover-default\"}}),_c('div',{staticClass:\"courseInfo\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.course.SourceName))]),_c('div',{staticClass:\"desc\"},[_vm._v(_vm._s(_vm.course.Content))]),(_vm.course.StartTime && _vm.course.EndTime)?_c('div',{staticClass:\"time\"},[_vm._v(_vm._s(_vm.course.StartTime)+\" - \"+_vm._s(_vm.course.EndTime))]):_vm._e(),(_vm.course.RateOfProgress != null)?[_c('el-row',{staticStyle:{\"margin-top\":\"20px\"},attrs:{\"type\":\"flex\",\"justify\":\"space-between\",\"align\":\"middle\"}},[_c('el-progress',{staticStyle:{\"flex\":\"1\"},attrs:{\"percentage\":_vm.course.RateOfProgress,\"stroke-width\":10,\"color\":\"#FFB351\",\"show-text\":false}}),_c('span',{staticClass:\"font-size14\",staticStyle:{\"color\":\"#FFB351\",\"margin-left\":\"10px\"}},[_vm._v(\"已学习 \"+_vm._s(_vm.course.RateOfProgress)+\"%\")])],1)]:_vm._e()],2),(_vm.course.IsMy && _vm.course.IsLearnTime)?_c('button',{staticClass:\"btn-reset study-btn\",on:{\"click\":function($event){$event.stopPropagation();return _vm.startStudy($event)}}},[_vm._v(_vm._s(_vm.course.RateOfProgress > 0 ? \"继续学习\" : \"开始学习\"))]):_vm._e(),(_vm.course.Credit != null)?_c('div',{staticClass:\"questionnaire-status\",class:parseInt(_vm.course.RateOfProgress) === 100 ? 'is-complete' : undefined},[_vm._v(\" \"+_vm._s(_vm.course.Credit)+\"分 \")]):_vm._e()]),_c('div',{staticClass:\"border-line\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"course-container\">\r\n        <el-row class=\"course\" type=\"flex\">\r\n            <img :src=\"course.ConverImg\"\r\n                 alt=\"course-cover-default\"\r\n                 v-if=\"course.ConverImg\"\r\n                 style=\"width: 290px; height: 170px\"/>\r\n            <img src=\"@/assets/img/course-cover.png\"\r\n                 alt=\"course-cover-default\"\r\n                 v-else\r\n                 style=\"width: 290px; height: 170px\"/>\r\n            <div class=\"courseInfo\">\r\n                <div class=\"title\">{{course.SourceName}}</div>\r\n                <div class=\"desc\">{{course.Content}}</div>\r\n                <div class=\"time\" v-if=\"course.StartTime && course.EndTime\">{{course.StartTime}} - {{course.EndTime}}</div>\r\n                <template v-if=\"course.RateOfProgress != null\">\r\n                    <el-row type=\"flex\" justify=\"space-between\" style=\"margin-top: 20px\" align=\"middle\">\r\n                        <el-progress :percentage=\"course.RateOfProgress\"\r\n                                     :stroke-width=\"10\"\r\n                                     style=\"flex: 1\"\r\n                                     color=\"#FFB351\"\r\n                                     :show-text=\"false\">\r\n                        </el-progress>\r\n                        <span style=\"color: #FFB351; margin-left: 10px\"\r\n                              class=\"font-size14\">已学习 {{course.RateOfProgress}}%</span>\r\n                    </el-row>\r\n                </template>\r\n            </div>\r\n            <button class=\"btn-reset study-btn\"\r\n                    v-if=\"course.IsMy && course.IsLearnTime\"\r\n                    @click.stop=\"startStudy\">{{course.RateOfProgress > 0 ? \"继续学习\" : \"开始学习\"}}</button>\r\n<!--            <button v-if=\"course.IsMy && !course.IsLearnTime\" class=\"btn-reset noStudy\" disabled>-->\r\n<!--                课程还未开始-->\r\n<!--            </button>-->\r\n            <div class=\"questionnaire-status\"\r\n                 :class=\"parseInt(course.RateOfProgress) === 100 ? 'is-complete' : undefined\"\r\n                 v-if=\"course.Credit != null\">\r\n                {{course.Credit}}分\r\n            </div>\r\n        </el-row>\r\n        <div class=\"border-line\"></div>\r\n    </div>\r\n    <!-- 课程列表 -->\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"CourseItem\",\r\n    props: {\r\n        course: {\r\n            type: Object,\r\n            default () {\r\n                return {}\r\n            }\r\n        },\r\n        index: {\r\n            type: Number,\r\n            default () {\r\n                return 0\r\n            }\r\n        }\r\n    },\r\n    methods: {\r\n        startStudy () {\r\n            this.$emit(\"start-study\", this.course)\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n.course-container {\r\n    padding: 20px 10px;\r\n    box-sizing: border-box;\r\n}\r\n.course {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    position: relative;\r\n    .courseInfo {\r\n        margin-left: 40px;\r\n        margin-right: 20px;\r\n        flex: 1;\r\n        .title {\r\n            font-weight: 600;\r\n            font-size: 18px;\r\n            margin-bottom: 10px;\r\n        }\r\n        .desc {\r\n            font-size: 14px;\r\n            margin-bottom: 20px;\r\n            color: #72777F;\r\n        }\r\n        .time {\r\n            font-size: 14px;\r\n            color: #C4C9D7;\r\n        }\r\n    }\r\n    .study-btn {\r\n        background-image: linear-gradient(270deg, #4987FF 0%, #4CA5FA 100%);\r\n        border-radius: 18px;\r\n        color: #fff;\r\n        margin-left: auto;\r\n        align-self: center;\r\n    }\r\n}\r\n.border-line {\r\n    height: 8px;\r\n    box-sizing: border-box;\r\n    background-color: #F1F2F6;\r\n    width: 100%;\r\n    margin-top: 20px;\r\n}\r\n.questionnaire-status {\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 0;\r\n    padding: 6px 26px;\r\n    border-radius: 0 16px 16px 0;\r\n    background-color: #BABFCB;\r\n    color: #fff;\r\n    font-size: 14px;\r\n    &.is-complete {\r\n        background-image: linear-gradient(270deg, #4987FF 0%, #4CA5FA 100%);\r\n    }\r\n}\r\n.noStudy {\r\n    color: #fff;\r\n    background-color: #c0c4cc;\r\n    border-radius: 18px;\r\n    margin-left: auto;\r\n    align-self: center;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CourseItem.vue?vue&type=template&id=2904bf28&scoped=true&\"\nimport script from \"./CourseItem.vue?vue&type=script&lang=js&\"\nexport * from \"./CourseItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CourseItem.vue?vue&type=style&index=0&id=2904bf28&scoped=true&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2904bf28\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"app-body\"},[_c('page-header'),_c('div',{staticClass:\"allContain\"},[_c('nav-bar'),_c('div',{staticClass:\"accountSet\"},[_c('h3',{staticClass:\"title\"},[_vm._v(\"我的课程\")]),_c('el-tabs',{staticClass:\"course-tabs\",model:{value:(_vm.currentTab),callback:function ($$v) {_vm.currentTab=$$v},expression:\"currentTab\"}},_vm._l((_vm.TABS_LIST),function(tab){return _c('el-tab-pane',{key:tab.value,attrs:{\"name\":tab.value}},[_c('span',{staticClass:\"font-size16\",attrs:{\"slot\":\"label\"},slot:\"label\"},[_vm._v(_vm._s(tab.label))]),_vm._l((_vm.courses[_vm.currentTab]),function(course){return _c('course-item',{key:course.Id,staticStyle:{\"padding\":\"0 30px 30px 30px\"},attrs:{\"course\":course},on:{\"start-study\":_vm.onStartStudy}})}),_c('pagination',{attrs:{\"p-size\":_vm.paginationMap[_vm.currentTab].pageSize,\"page-no\":_vm.paginationMap[_vm.currentTab].pageIndex,\"total\":_vm.paginationMap[_vm.currentTab].total},on:{\"update:pSize\":function($event){return _vm.$set(_vm.paginationMap[_vm.currentTab], \"pageSize\", $event)},\"update:p-size\":function($event){return _vm.$set(_vm.paginationMap[_vm.currentTab], \"pageSize\", $event)},\"update:pageNo\":function($event){return _vm.$set(_vm.paginationMap[_vm.currentTab], \"pageIndex\", $event)},\"update:page-no\":function($event){return _vm.$set(_vm.paginationMap[_vm.currentTab], \"pageIndex\", $event)},\"change\":_vm.getCourseList}}),(_vm.courses[_vm.currentTab].length === 0)?_c('el-empty',{attrs:{\"description\":\"暂无课程\"}}):_vm._e()],2)}),1)],1)],1)],1),_c('bottom-ground')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/**\r\n * @Author: 左建\r\n * @Date: 2022/9/14 19:50\r\n * @LastEditors: 左建\r\n * @LastEditTime: 2022/9/14 19:50\r\n * @Description: 我的课程一些配置\r\n*/\r\n\r\nexport const TABS_LIST = Object.freeze([\r\n    {\r\n        label: \"已学习\",\r\n        value: \"2\",\r\n        enName: \"studied\"\r\n    },\r\n    {\r\n        label: \"待学习\",\r\n        value: \"1\",\r\n        enName: \"study\"\r\n    },\r\n])\r\n// 获取初始化课程列表\r\nexport function getInitCourseList() {\r\n    return TABS_LIST.reduce((preVal, curVal) => {\r\n        preVal[curVal.value] = []\r\n        return preVal\r\n    }, {})\r\n}\r\n\r\n// 获取初始化pagination\r\nexport function getInitPagination(mergeObj) {\r\n    return TABS_LIST.reduce((preVal, curVal) => {\r\n        const pagination = {\r\n            pageIndex: 1,\r\n            pageSize: 10,\r\n            total: 10\r\n        }\r\n        preVal[curVal.value] = Object.isObj(mergeObj) ? Object.assign(pagination, mergeObj) : pagination\r\n        return preVal\r\n    }, {})\r\n}\r\n","<template>\r\n    <div>\r\n        <div class=\"app-body\">\r\n            <page-header></page-header>\r\n            <div class=\"allContain\">\r\n                <nav-bar/>\r\n                <div class=\"accountSet\">\r\n                    <h3 class=\"title\">我的课程</h3>\r\n                    <el-tabs v-model=\"currentTab\" class=\"course-tabs\">\r\n                        <el-tab-pane :name=\"tab.value\" v-for=\"tab in TABS_LIST\" :key=\"tab.value\">\r\n                            <span slot=\"label\" class=\"font-size16\">{{tab.label}}</span>\r\n                            <course-item :course=\"course\"\r\n                                         style=\"padding: 0 30px 30px 30px\"\r\n                                         v-for=\"course in courses[currentTab]\"\r\n                                         @start-study=\"onStartStudy\"\r\n                                         :key=\"course.Id\"/>\r\n                            <pagination :p-size.sync=\"paginationMap[currentTab].pageSize\"\r\n                                        :page-no.sync=\"paginationMap[currentTab].pageIndex\"\r\n                                        @change=\"getCourseList\"\r\n                                        :total=\"paginationMap[currentTab].total\"/>\r\n                            <el-empty description=\"暂无课程\" v-if=\"courses[currentTab].length === 0\"/>\r\n                        </el-tab-pane>\r\n                    </el-tabs>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <bottom-ground></bottom-ground>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport BottomGround from \"@/components/bottomnav\";\r\nimport PageHeader from \"@/components/header\";\r\nimport NavBar from \"@/components/personCenter/nav\";\r\nimport CourseItem from \"@/views/course/cpns/CourseItem\";\r\nimport pagination from \"@/components/Pagination\";\r\nimport { getCourseList } from \"@/api/student-course\"\r\nimport { TABS_LIST, getInitCourseList, getInitPagination } from \"./config\"\r\nexport default {\r\n    components: {\r\n        BottomGround,\r\n        PageHeader,\r\n        NavBar,\r\n        CourseItem,\r\n        pagination\r\n    },\r\n    created() {\r\n        TABS_LIST.forEach(item => {\r\n            getCourseList({\r\n                IsMy: 1,\r\n                LeanState: parseInt(item.value),\r\n                ...this.paginationMap[item.value],\r\n                total: undefined\r\n            }).then(res => {\r\n                this.courses[item.value] = res.data\r\n                this.paginationMap[item.value].total = res.count\r\n            })\r\n        })\r\n    },\r\n    data() {\r\n        return {\r\n            pageIndex: 1,\r\n            pageSize: 10,\r\n            total: 10,\r\n            courses: getInitCourseList(),\r\n            paginationMap: getInitPagination(),\r\n            currentTab: \"2\",\r\n            TABS_LIST\r\n        };\r\n    },\r\n    methods: {\r\n        // 获取问卷列表\r\n        getCourseList() {\r\n            const { pageSize, pageIndex } = this.paginationMap[this.currentTab]\r\n            getCourseList({\r\n                pageSize,\r\n                pageIndex,\r\n                IsMy: 1,\r\n                LeanState: parseInt(this.currentTab)\r\n            }).then(res => {\r\n                this.courses[this.currentTab] = res.data\r\n                this.paginationMap[this.currentTab].total = res.count\r\n            })\r\n        },\r\n        // 监听开始学习\r\n        // 开始学习\r\n        onStartStudy(course) {\r\n            this.$router.push({\r\n                path: \"/course-play\",\r\n                query: {\r\n                    SourceId: course.SourceId,\r\n                    TimeNum: course.TimeNum\r\n                }\r\n            })\r\n        }\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n::v-deep .questionnaire-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    grid-template-rows: auto;\r\n    padding: 0 30px 30px;\r\n    // 间隙\r\n    grid-gap: 30px;\r\n}\r\n\r\n.allContain {\r\n    width: 100%;\r\n    margin: 20px auto 30px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n\r\n    .accountSet {\r\n        width: 940px;\r\n        min-height: 830px;\r\n        background-color: #fff;\r\n        border-radius: 16px;\r\n    }\r\n}\r\n\r\n.title {\r\n    margin: 0;\r\n    padding: 0 30px;\r\n    height: 80px;\r\n    line-height: 80px;\r\n    font-size: 16px;\r\n}\r\n.course-tabs {\r\n    padding: 0 30px;\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-course.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-course.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./my-course.vue?vue&type=template&id=700f8f9d&scoped=true&\"\nimport script from \"./my-course.vue?vue&type=script&lang=js&\"\nexport * from \"./my-course.vue?vue&type=script&lang=js&\"\nimport style0 from \"./my-course.vue?vue&type=style&index=0&id=700f8f9d&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"700f8f9d\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-course.vue?vue&type=style&index=0&id=700f8f9d&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-course.vue?vue&type=style&index=0&id=700f8f9d&lang=less&scoped=true&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseItem.vue?vue&type=style&index=0&id=2904bf28&scoped=true&lang=less&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseItem.vue?vue&type=style&index=0&id=2904bf28&scoped=true&lang=less&\""],"sourceRoot":""}