{"version":3,"sources":["webpack:///./src/views/personal/myCourse.vue?a849","webpack:///src/views/personal/myCourse.vue","webpack:///./src/views/personal/myCourse.vue?6079","webpack:///./src/views/personal/myCourse.vue","webpack:///./src/views/personal/myCourse.vue?8e51"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","lt","i","key","class","listTopIndex","id","on","$event","listTopClick","_v","_s","name","list","length","li","playClick","directives","rawName","value","expression","attrs","CourseName","_f","ValidityDateStart","ValidityDateEnd","TeacherName","CourseType","OpenStatus","percentage","customColor","_e","page","pageSize","total","handleSizeChange","handleCurrentChange","dialogVisible","getClose","postStudentCompareFace","staticRenderFns","data","Imghost","GLOBAL","hostUrl","list_top","userInfo","JSON","parse","localStorage","getItem","courseType","play","components","camera","noData","created","mounted","postCourseQueryUserCourse","methods","console","log","val","obj","dateEnd","time","dateStart","$message","info","route","$router","push","component"],"mappings":"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","file":"static/js/chunk-484ef57a.3060b574.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"myCourse\"},[_c('div',{staticClass:\"personal_top\"},_vm._l((_vm.list_top),function(lt,i){return _c('span',{key:i,class:_vm.listTopIndex == lt.id ? 'active' : '',on:{\"click\":function($event){return _vm.listTopClick(lt)}}},[_vm._v(_vm._s(lt.name))])}),0),(_vm.list.length > 0)?_c('ul',{staticClass:\"cont\"},[_vm._l((_vm.list),function(li,i){return _c('li',{key:i,on:{\"click\":function($event){return _vm.playClick(li)}}},[_c('div',{staticClass:\"li_left\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(li.CoverImg),expression:\"li.CoverImg\"}],attrs:{\"alt\":\"\"}}),_c('div',{staticClass:\"del\"},[_c('p',[_vm._v(_vm._s(li.CourseName))]),_c('p',[_vm._v(\" 有效时间：\"+_vm._s(_vm._f(\"dataYMD\")(li.ValidityDateStart))+\" ~ \"+_vm._s(_vm._f(\"dataYMD\")(li.ValidityDateEnd))+\" \")]),_c('p',[_vm._v(\"授课教师： \"+_vm._s(li.TeacherName))])])]),_c('div',{staticClass:\"li_right\"},[(li.CourseType == 0 && li.OpenStatus == 1)?_c('div',[_c('el-button',{staticClass:\"zbz\"},[_vm._v(\"直播中\")])],1):(li.CourseType == 0 && li.OpenStatus == 0)?_c('div',[_c('el-button',{staticClass:\"wks\"},[_vm._v(\"未开始\")])],1):(li.CourseType == 1)?_c('div',[_c('el-button',{staticClass:\"ksxx\"},[_vm._v(\"开始学习\")]),_c('el-progress',{attrs:{\"percentage\":li.percentage,\"color\":_vm.customColor}})],1):_vm._e()])])}),_c('el-pagination',{attrs:{\"background\":\"\",\"current-page\":_vm.page,\"page-size\":_vm.pageSize,\"layout\":\"prev, pager, next, jumper\",\"total\":_vm.total},on:{\"size-change\":_vm.handleSizeChange,\"current-change\":_vm.handleCurrentChange,\"update:currentPage\":function($event){_vm.page=$event},\"update:current-page\":function($event){_vm.page=$event}}})],2):_c('div',{staticClass:\"cont\"},[_c('no-data')],1),(_vm.dialogVisible)?_c('camera',{attrs:{\"dialogVisible\":_vm.dialogVisible},on:{\"close\":function($event){return _vm.getClose()},\"studentface\":_vm.postStudentCompareFace}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*\r\n * @Author: liuzhixiang \r\n * @Date: 2021-02-06 15:16:24 \r\n * @Last Modified by: liuzhixiang\r\n * @Last Modified time: 2021-11-We 09:51:12\r\n */\r\n<template>\r\n  <div class=\"myCourse\">\r\n    <div class=\"personal_top\">\r\n      <span\r\n        v-for=\"(lt, i) in list_top\"\r\n        :key=\"i\"\r\n        :class=\"listTopIndex == lt.id ? 'active' : ''\"\r\n        @click=\"listTopClick(lt)\"\r\n        >{{ lt.name }}</span\r\n      >\r\n    </div>\r\n    <ul class=\"cont\" v-if=\"list.length > 0\">\r\n      <li v-for=\"(li, i) in list\" :key=\"i\" @click=\"playClick(li)\">\r\n        <div class=\"li_left\">\r\n          <img v-lazy=\"li.CoverImg\" alt=\"\" />\r\n          <div class=\"del\">\r\n            <p>{{ li.CourseName }}</p>\r\n            <p>\r\n              有效时间：{{ li.ValidityDateStart | dataYMD }} ~\r\n              {{ li.ValidityDateEnd | dataYMD }}\r\n            </p>\r\n            <p>授课教师： {{ li.TeacherName }}</p>\r\n          </div>\r\n        </div>\r\n        <div class=\"li_right\">\r\n          <div v-if=\"li.CourseType == 0 && li.OpenStatus == 1\">\r\n            <el-button class=\"zbz\">直播中</el-button>\r\n          </div>\r\n          <div v-else-if=\"li.CourseType == 0 && li.OpenStatus == 0\">\r\n            <el-button class=\"wks\">未开始</el-button>\r\n          </div>\r\n          <!-- <div>\r\n            <el-button class=\"jxxx\">继续学习</el-button>\r\n            <el-progress :percentage=\"50\" :color=\"customColor\"></el-progress>\r\n          </div> -->\r\n          <div v-else-if=\"li.CourseType == 1\">\r\n            <el-button class=\"ksxx\">开始学习</el-button>\r\n            <el-progress\r\n              :percentage=\"li.percentage\"\r\n              :color=\"customColor\"\r\n            ></el-progress>\r\n          </div>\r\n        </div>\r\n      </li>\r\n      <el-pagination\r\n        background\r\n        @size-change=\"handleSizeChange\"\r\n        @current-change=\"handleCurrentChange\"\r\n        :current-page.sync=\"page\"\r\n        :page-size=\"pageSize\"\r\n        layout=\"prev, pager, next, jumper\"\r\n        :total=\"total\"\r\n      >\r\n      </el-pagination>\r\n    </ul>\r\n    <div class=\"cont\" v-else>\r\n      <no-data></no-data>\r\n    </div>\r\n    <camera\r\n      v-if=\"dialogVisible\"\r\n      :dialogVisible=\"dialogVisible\"\r\n      @close=\"getClose()\"\r\n      @studentface=\"postStudentCompareFace\"\r\n    ></camera>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { courseQueryUserCourse, courseQueryVideoCourse } from \"@/api/personal\";\r\nimport { studentCompareFace } from \"@/api/api\";\r\nimport camera from \"@/components/canvasCamera.vue\";\r\nimport noData from \"@/components/noData\";\r\nexport default {\r\n  data () {\r\n    return {\r\n      Imghost: this.GLOBAL.hostUrl,\r\n      list_top: [\r\n        { name: \"我的直播\", id: 0 },\r\n        { name: \"我的点播\", id: 1 },\r\n        { name: \"我的面授\", id: 2 },\r\n      ],\r\n      listTopIndex: 0,\r\n      customColor: \"#FA9722\",\r\n      userInfo: JSON.parse(localStorage.getItem(\"userInfo\")),\r\n      courseType: 0, //点播/直播，0直播，1点播\r\n      list: [],\r\n      page: 1, //页码\r\n      pageSize: 5, //每页条数\r\n      total: 0,\r\n      dialogVisible: false,\r\n      play: {},\r\n    };\r\n  },\r\n  components: {\r\n    camera,\r\n    noData,\r\n  },\r\n  created () { },\r\n  mounted () {\r\n    this.postCourseQueryUserCourse();\r\n  },\r\n  methods: {\r\n    getClose () {\r\n      this.dialogVisible = false;\r\n    },\r\n    //分页\r\n    handleSizeChange (val) {\r\n      console.log(`每页 ${val} 条`);\r\n    },\r\n    handleCurrentChange (val) {\r\n      this.page = val;\r\n      this.postCourseQueryUserCourse();\r\n    },\r\n    //直播、点播跳转\r\n    playClick (obj) {\r\n      if (obj.CourseType == 2) return false\r\n      // 获取当前系统时间戳\r\n      let time = parseInt(new Date().getTime() / 1000);\r\n      // 有效时间转时间戳\r\n      let dateEnd = Math.round(new Date(obj.ValidityDateEnd).getTime() / 1000);\r\n      let dateStart = Math.round(\r\n        new Date(obj.ValidityDateStart).getTime() / 1000\r\n      );\r\n      if (dateEnd < time || dateStart > time) {\r\n        this.$message.info(\"未在有效时间内\");\r\n        return false;\r\n      }\r\n      this.play.obj = obj;\r\n      if (this.courseType == 0) {\r\n        this.dialogVisible = true;\r\n        this.play.route = \"/liveBroadcast\";\r\n        // this.$router.push({ path: this.play.route, query: this.play.obj });\r\n      } else {\r\n        // //是否收费IsCharge\r\n        // if (obj.IsCharge == true) {\r\n        //   this.dialogVisible = true;\r\n        //   this.play.route = \"/onDemand\";\r\n        //   return false;\r\n        // }\r\n        this.$router.push({ path: \"/onDemand\", query: obj });\r\n      }\r\n    },\r\n    // 人脸识别\r\n    async postStudentCompareFace (flag) {\r\n      console.log(flag);\r\n      // const formData = new FormData();\r\n      // formData.append(\"file\", file);\r\n      // const res = await studentCompareFace(formData);\r\n      if (flag == true) {\r\n        // this.$message.success(res.msg);\r\n        this.$router.push({ path: this.play.route, query: this.play.obj });\r\n      } else {\r\n        this.$message.error(\"识别失败\");\r\n        this.dialogVisible = false;\r\n      }\r\n    },\r\n    //切换\r\n    listTopClick (obj) {\r\n      this.courseType = obj.id;\r\n      // if (obj.id == 1) {\r\n      //   this.courseType = 0;\r\n      // } else {\r\n      //   this.courseType = 1;\r\n      // }\r\n      this.listTopIndex = obj.id;\r\n      this.page = 1;\r\n      this.list = [];\r\n      this.postCourseQueryUserCourse();\r\n    },\r\n    //列表数据\r\n    async postCourseQueryUserCourse () {\r\n      let parm = {\r\n        studentId: this.userInfo.Id,\r\n        courseType: this.courseType,\r\n        pageIndex: this.page,\r\n        pageSize: this.pageSize,\r\n      };\r\n      const res =\r\n        this.courseType == 1\r\n          ? await courseQueryVideoCourse(parm)\r\n          : await courseQueryUserCourse(parm);\r\n\r\n      if (res.success == true) {\r\n        this.list = res.response.data;\r\n        this.list.forEach((item) => {\r\n          let per = isFinite(\r\n            Math.ceil((item.StudentId / item.AllDuration) * 100)\r\n          )\r\n            ? Math.ceil((item.StudentId / item.AllDuration) * 100)\r\n            : 0;\r\n          this.$set(item, \"percentage\", per);\r\n        });\r\n        this.total = res.response.dataCount;\r\n      } else {\r\n        this.$message.error(res.msg);\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.myCourse {\r\n  .cont {\r\n    padding: 40px 30px;\r\n    li {\r\n      margin-bottom: 30px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      .li_left {\r\n        display: flex;\r\n        img {\r\n          width: 215px;\r\n          height: 120px;\r\n        }\r\n        .del {\r\n          margin-left: 30px;\r\n          flex: 1;\r\n          p {\r\n            font-size: 16px;\r\n            color: #666666;\r\n            line-height: 42px;\r\n            &:nth-child(1) {\r\n              font-size: 20px;\r\n              color: #333333;\r\n              line-height: 34px;\r\n            }\r\n            &:nth-child(2) {\r\n              // margin-top: 12px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .li_right {\r\n        .el-button {\r\n          width: 140px;\r\n          height: 60px;\r\n          font-size: 18px;\r\n          border-radius: 10px;\r\n          color: #ffffff;\r\n        }\r\n        .zbz {\r\n          background: #ec2f53;\r\n        }\r\n        .wks {\r\n          color: #7c7c7c;\r\n          background: #d8d9d9;\r\n        }\r\n        .jxxx {\r\n          background: #fa9722;\r\n        }\r\n        .ksxx {\r\n          background: #1288f4;\r\n        }\r\n        .el-progress {\r\n          margin-top: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","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!./myCourse.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!./myCourse.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./myCourse.vue?vue&type=template&id=d4926d56&scoped=true&\"\nimport script from \"./myCourse.vue?vue&type=script&lang=js&\"\nexport * from \"./myCourse.vue?vue&type=script&lang=js&\"\nimport style0 from \"./myCourse.vue?vue&type=style&index=0&id=d4926d56&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  \"d4926d56\",\n  null\n  \n)\n\nexport default component.exports","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!./myCourse.vue?vue&type=style&index=0&id=d4926d56&lang=less&scoped=true&\""],"sourceRoot":""}