|
@@ -1,18 +1,10 @@
|
|
<template>
|
|
<template>
|
|
<!-- 现在用的页面 -->
|
|
<!-- 现在用的页面 -->
|
|
<div class="courselist-view">
|
|
<div class="courselist-view">
|
|
- <!-- <loading :active.sync="isLoad"
|
|
|
|
- :is-full-page="true"
|
|
|
|
- background-color="#000"
|
|
|
|
- :opacity="0.6">
|
|
|
|
- <template slot="default">
|
|
|
|
- <svg-icon icon-class="loader" class="loader-icon" />
|
|
|
|
- </template>
|
|
|
|
- </loading> -->
|
|
|
|
<Loading v-show="isLoad" bgColor="rgba(0, 0, 0, 0.3)"></Loading>
|
|
<Loading v-show="isLoad" bgColor="rgba(0, 0, 0, 0.3)"></Loading>
|
|
<!-- 列表 -->
|
|
<!-- 列表 -->
|
|
<div class="course-list"
|
|
<div class="course-list"
|
|
- :class="{ courselistEn: getCurrentLaguage == 'en-us' }"
|
|
|
|
|
|
+ :class="{ courselistEn: getCurrentLaguage == 'en-us', 'hide-sidebar': !getSidebarisOpen}"
|
|
>
|
|
>
|
|
<!--課程加入成功-->
|
|
<!--課程加入成功-->
|
|
<div class="warmMessage"
|
|
<div class="warmMessage"
|
|
@@ -85,10 +77,10 @@
|
|
<!-- 周一 -->
|
|
<!-- 周一 -->
|
|
<template slot-scope="{ row }" slot="Mon">
|
|
<template slot-scope="{ row }" slot="Mon">
|
|
<div v-for="(item, index) in row.fixList" :key="index">
|
|
<div v-for="(item, index) in row.fixList" :key="index">
|
|
- <div v-if="item.timeWeek == 'MON'"
|
|
|
|
|
|
+ <div v-if="item.timeWeek === 'MON'"
|
|
class="table-item"
|
|
class="table-item"
|
|
@click="clickCell(row, index)"
|
|
@click="clickCell(row, index)"
|
|
- :class="{'table-item-selected': unique == item.unique }"
|
|
|
|
|
|
+ :class="{'table-item-selected': unique === item.unique }"
|
|
>
|
|
>
|
|
<p class="list-name">{{ item.name}}</p>
|
|
<p class="list-name">{{ item.name}}</p>
|
|
<p>({{ item.teaName}})</p>
|
|
<p>({{ item.teaName}})</p>
|
|
@@ -181,7 +173,7 @@
|
|
<li
|
|
<li
|
|
class="list-item"
|
|
class="list-item"
|
|
v-for="(person, num) in personList"
|
|
v-for="(person, num) in personList"
|
|
- :class="{'list-item-selected': unique == person.unique}"
|
|
|
|
|
|
+ :class="{'list-item-selected': unique === person.unique}"
|
|
@click="clickCell(person, num, 'list')"
|
|
@click="clickCell(person, num, 'list')"
|
|
:key="`j+${num}`"
|
|
:key="`j+${num}`"
|
|
>
|
|
>
|
|
@@ -206,21 +198,29 @@
|
|
</div>
|
|
</div>
|
|
<!-- 基本信息 -->
|
|
<!-- 基本信息 -->
|
|
<div class="course-content"
|
|
<div class="course-content"
|
|
- :class="{ courseContentEn: getCurrentLaguage == 'en-us' }"
|
|
|
|
|
|
+ :class="{ courseContentEn: getCurrentLaguage == 'en-us', 'course-content-span': !getSidebarisOpen }"
|
|
v-if="showInfo"
|
|
v-if="showInfo"
|
|
>
|
|
>
|
|
<h2>{{ courseNow.name }}</h2>
|
|
<h2>{{ courseNow.name }}</h2>
|
|
|
|
+ <p class="info-icon">
|
|
|
|
+ <span>{{ courseNow.teaName }}</span>
|
|
|
|
+ <span>
|
|
|
|
+ <Icon type="ios-paper-outline" :title="$t('studentWeb.courseContent.baseInfo')" size="20" @click="showBasicInfo = true" />
|
|
|
|
+ <!-- <Icon type="ios-book-outline" title="课件" size="20" /> -->
|
|
|
|
+ <Icon type="ios-contacts-outline" :title="$t('studentWeb.courseContent.nameList')" size="20" @click="showStuList = true" />
|
|
|
|
+ </span>
|
|
|
|
+ </p>
|
|
<!-- <h3 class="course-subject">國中/二年級/{{courseNow.courseSubject}}</h3> -->
|
|
<!-- <h3 class="course-subject">國中/二年級/{{courseNow.courseSubject}}</h3> -->
|
|
<div @click="changeGroupView()"
|
|
<div @click="changeGroupView()"
|
|
:class="{ 'group-on': isChangeGroupView }"
|
|
:class="{ 'group-on': isChangeGroupView }"
|
|
- v-if="name == 'tab3'"
|
|
|
|
|
|
+ v-if="name === 'tab3'"
|
|
>
|
|
>
|
|
<svg-icon icon-class="group" class="group-btn" />
|
|
<svg-icon icon-class="group" class="group-btn" />
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<Tabs v-model="name">
|
|
<Tabs v-model="name">
|
|
<!-- 基本资讯 -->
|
|
<!-- 基本资讯 -->
|
|
- <TabPane :label="$t('studentWeb.courseContent.baseInfo')" name="tab1">
|
|
|
|
|
|
+ <!-- <TabPane :label="$t('studentWeb.courseContent.baseInfo')" name="tab1">
|
|
<Row :gutter="30">
|
|
<Row :gutter="30">
|
|
<i-col :xs="24" :sm="24" :md="8" :lg="8">
|
|
<i-col :xs="24" :sm="24" :md="8" :lg="8">
|
|
<h4 class="basic-title">{{ $t("studentWeb.courseContent.classID") }}</h4>
|
|
<h4 class="basic-title">{{ $t("studentWeb.courseContent.classID") }}</h4>
|
|
@@ -235,7 +235,7 @@
|
|
<h4 class="basic-title">{{ $t("studentWeb.courseContent.teacher") }}</h4>
|
|
<h4 class="basic-title">{{ $t("studentWeb.courseContent.teacher") }}</h4>
|
|
<h4 class="basic-data">{{ courseNow.teaName }}</h4>
|
|
<h4 class="basic-data">{{ courseNow.teaName }}</h4>
|
|
|
|
|
|
- <h4 class="basic-title">{{ $t("studentWeb.courseContent.co-teacher") }}</h4>
|
|
|
|
|
|
+ <h4 class="basic-title">{{ $t("studentWeb.courseContent.co-teacher") }}</h4> -->
|
|
<!-- <span class="basic-data"
|
|
<!-- <span class="basic-data"
|
|
v-for="(teacher, index) in courseNow.assistantTeachers"
|
|
v-for="(teacher, index) in courseNow.assistantTeachers"
|
|
:key="index"
|
|
:key="index"
|
|
@@ -244,7 +244,7 @@
|
|
<span v-if="index < courseNow.assistantTeachers.length - 1">、</span>
|
|
<span v-if="index < courseNow.assistantTeachers.length - 1">、</span>
|
|
</span> -->
|
|
</span> -->
|
|
|
|
|
|
- <h4 class="basic-title">{{ $t("studentWeb.courseContent.addedTime") }}</h4>
|
|
|
|
|
|
+ <!-- <h4 class="basic-title">{{ $t("studentWeb.courseContent.addedTime") }}</h4>
|
|
<h4 class="basic-data">{{ courseNow.courseAddDate }}</h4>
|
|
<h4 class="basic-data">{{ courseNow.courseAddDate }}</h4>
|
|
</i-col>
|
|
</i-col>
|
|
<i-col :xs="24" :sm="24" :md="16" :lg="16">
|
|
<i-col :xs="24" :sm="24" :md="16" :lg="16">
|
|
@@ -252,9 +252,9 @@
|
|
<img src="mockqrcode.jpg" width="30%" style='margin-left: -12px'>
|
|
<img src="mockqrcode.jpg" width="30%" style='margin-left: -12px'>
|
|
</i-col>
|
|
</i-col>
|
|
</Row>
|
|
</Row>
|
|
- </TabPane>
|
|
|
|
|
|
+ </TabPane> -->
|
|
<!-- 课程概述 -->
|
|
<!-- 课程概述 -->
|
|
- <TabPane :label="$t('studentWeb.courseContent.description')" name="tab2">
|
|
|
|
|
|
+ <!-- <TabPane :label="$t('studentWeb.courseContent.description')" name="tab2">
|
|
{{ courseNow.notice }}
|
|
{{ courseNow.notice }}
|
|
<h3 style="margin-top: 30px; margin-bottom: 10px">{{ $t("studentWeb.courseContent.syllabus") }}</h3>
|
|
<h3 style="margin-top: 30px; margin-bottom: 10px">{{ $t("studentWeb.courseContent.syllabus") }}</h3>
|
|
<Collapse simple>
|
|
<Collapse simple>
|
|
@@ -299,9 +299,118 @@
|
|
</p>
|
|
</p>
|
|
</Panel>
|
|
</Panel>
|
|
</Collapse>
|
|
</Collapse>
|
|
- </TabPane>
|
|
|
|
|
|
+ </TabPane> -->
|
|
<!-- 同学名单 -->
|
|
<!-- 同学名单 -->
|
|
- <TabPane :label="$t('studentWeb.courseContent.classmates')" name="tab3">
|
|
|
|
|
|
+ <!-- <TabPane :label="$t('studentWeb.courseContent.classmates')" name="tab3"> -->
|
|
|
|
+ <!-- <div v-show="!isChangeGroupView">
|
|
|
|
+ <Table :columns="stuCol" :data="stuList">
|
|
|
|
+ <template slot-scope="{ row }" slot="no">
|
|
|
|
+ <p :class="{'my-name': row.id == userInfo.sub}">
|
|
|
|
+ {{row.no}}
|
|
|
|
+ </p>
|
|
|
|
+ </template>
|
|
|
|
+ <template slot-scope="{ row }" slot="id">
|
|
|
|
+ <p :class="{'my-name': row.id == userInfo.sub}">
|
|
|
|
+ {{row.id}}
|
|
|
|
+ </p>
|
|
|
|
+ </template>
|
|
|
|
+ <template slot-scope="{ row }" slot="name">
|
|
|
|
+ <p :class="{'my-name': row.id == userInfo.sub}">
|
|
|
|
+ {{row.name}}
|
|
|
|
+ </p>
|
|
|
|
+ </template>
|
|
|
|
+ <template slot-scope="{ row }" slot="groupName">
|
|
|
|
+ <p :class="{'my-name': row.id == userInfo.sub}">
|
|
|
|
+ {{row.groupName ? row.groupName : $t("studentWeb.courseContent.noGroup")}}
|
|
|
|
+ </p>
|
|
|
|
+ </template>
|
|
|
|
+ </Table>
|
|
|
|
+ </div> -->
|
|
|
|
+ <!--小組模式-->
|
|
|
|
+ <!-- <div v-show="isChangeGroupView">
|
|
|
|
+ <Card class="group-student"
|
|
|
|
+ v-for="(group, gIndex) in stuGroup"
|
|
|
|
+ :key="gIndex">
|
|
|
|
+ <h3 class="group-title" v-if="group.name">
|
|
|
|
+ {{ group.name }}
|
|
|
|
+ </h3>
|
|
|
|
+ <h3 class="group-title" v-else>{{ $t("studentWeb.courseContent.noGroup") }}</h3>
|
|
|
|
+ <table>
|
|
|
|
+ <tr v-for="(item, index) in group.info"
|
|
|
|
+ :key="`a${index}`"
|
|
|
|
+ >
|
|
|
|
+ <td class="student-no" :class="{ 'my-name': item.id == userInfo.sub }">
|
|
|
|
+ {{ item.no }}
|
|
|
|
+ </td>
|
|
|
|
+ <td class="student-name" :class="{ 'my-name': item.id == userInfo.sub }">
|
|
|
|
+ {{ item.name }}
|
|
|
|
+ <span v-if="item.id == userInfo.sub">({{ $t("studentWeb.courseContent.me") }})</span>
|
|
|
|
+ </td>
|
|
|
|
+ </tr>
|
|
|
|
+ </table>
|
|
|
|
+ </Card>
|
|
|
|
+ </div> -->
|
|
|
|
+ <!-- </TabPane> -->
|
|
|
|
+ <!-- 醍摩豆 -->
|
|
|
|
+ <!-- <TabPane :label="$t('studentWeb.courseContent.classmates1')" name="tab4" v-if="tmdList.length > 0 || userInfo.scope === 'tmduser'">
|
|
|
|
+ <Table :columns="tmdCol" :data="tmdList">
|
|
|
|
+ <template slot-scope="{ row }" slot="id">
|
|
|
|
+ <p :class="{'my-name': row.id == userInfo.sub}">
|
|
|
|
+ {{row.id}}
|
|
|
|
+ </p>
|
|
|
|
+ </template>
|
|
|
|
+ <template slot-scope="{ row }" slot="name">
|
|
|
|
+ <p :class="{'my-name': row.id == userInfo.sub}">
|
|
|
|
+ {{row.name}}
|
|
|
|
+ </p>
|
|
|
|
+ </template>
|
|
|
|
+ </Table>
|
|
|
|
+ </TabPane> -->
|
|
|
|
+ <!-- 课堂记录 -->
|
|
|
|
+ <TabPane :label="$t('studentWeb.courseContent.classRecord')" name="tab5">
|
|
|
|
+ <div class="list-block-box">
|
|
|
|
+ <vuescroll>
|
|
|
|
+ <div v-for="(item, index) in recordList" :key="index" @click="toClassRecord(item, index)"
|
|
|
|
+ :class="['list-item', ]">
|
|
|
|
+ <ul>
|
|
|
|
+ <!-- <li class="list-item-icon">
|
|
|
|
+ <svg-icon icon-class="hiteach" />
|
|
|
|
+ </li> -->
|
|
|
|
+ <li class="list-item-info">
|
|
|
|
+ <p class="list-item-title">
|
|
|
|
+ <span>{{ item.name }}</span>
|
|
|
|
+ <!-- <span style="margin-left: 20px">老师:{{ item.teacher }}</span> -->
|
|
|
|
+ </p>
|
|
|
|
+ <p class="list-item-time">
|
|
|
|
+ <span>{{ item.startTime }}</span>
|
|
|
|
+ <span>{{ $t('studentWeb.baseInfo.duration') }}:{{ item.time }}</span>
|
|
|
|
+ </p>
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
|
|
+ </div>
|
|
|
|
+ </vuescroll>
|
|
|
|
+ </div>
|
|
|
|
+ </TabPane>
|
|
|
|
+ </Tabs>
|
|
|
|
+ </div>
|
|
|
|
+ <Modal v-model="showBasicInfo" :title="$t('studentWeb.courseContent.baseInfo')">
|
|
|
|
+ <p style="margin-bottom: 10px; font-weight: bold;">{{ $t("studentWeb.courseContent.classID") }}:{{ courseNow.no }}</p>
|
|
|
|
+
|
|
|
|
+ <p style="margin-bottom: 10px; font-weight: bold;">{{ $t("studentWeb.courseContent.classTime") }}:{{ courseNow.classTime }}</p>
|
|
|
|
+
|
|
|
|
+ <p style="margin-bottom: 10px; font-weight: bold;">{{ $t("studentWeb.courseContent.classroom") }}:{{ courseNow.roomName }}</p>
|
|
|
|
+
|
|
|
|
+ <p style="margin-bottom: 10px; font-weight: bold;">{{ $t("studentWeb.courseContent.teacher") }}:{{ courseNow.teaName }}</p>
|
|
|
|
+
|
|
|
|
+ <!-- <h4 class="basic-title">{{ $t("studentWeb.courseContent.co-teacher") }}</h4> -->
|
|
|
|
+ <p style="margin-bottom: 10px; font-weight: bold;">{{ $t("studentWeb.courseContent.addedTime") }}:{{ courseNow.courseAddDate }}</p>
|
|
|
|
+ </Modal>
|
|
|
|
+ <Modal v-model="showStuList" :title="$t('studentWeb.courseContent.nameList')">
|
|
|
|
+ <div @click="changeGroupView()" :class="{ 'group-on': isChangeGroupView }" v-if="list === 'stuList'">
|
|
|
|
+ <svg-icon icon-class="group" class="group-btn" />
|
|
|
|
+ </div>
|
|
|
|
+ <Tabs v-model="list">
|
|
|
|
+ <TabPane :label="$t('studentWeb.courseContent.classmates')" name="stuList">
|
|
<div v-show="!isChangeGroupView">
|
|
<div v-show="!isChangeGroupView">
|
|
<Table :columns="stuCol" :data="stuList">
|
|
<Table :columns="stuCol" :data="stuList">
|
|
<template slot-scope="{ row }" slot="no">
|
|
<template slot-scope="{ row }" slot="no">
|
|
@@ -351,8 +460,7 @@
|
|
</Card>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
</TabPane>
|
|
</TabPane>
|
|
- <!-- 醍摩豆 -->
|
|
|
|
- <TabPane :label="$t('studentWeb.courseContent.classmates1')" name="tab4" v-if="tmdList.length > 0 || userInfo.scope === 'tmduser'">
|
|
|
|
|
|
+ <TabPane :label="$t('studentWeb.courseContent.classmates1')" name="tmdList" v-if="tmdList.length > 0 || userInfo.scope === 'tmduser'">
|
|
<Table :columns="tmdCol" :data="tmdList">
|
|
<Table :columns="tmdCol" :data="tmdList">
|
|
<template slot-scope="{ row }" slot="id">
|
|
<template slot-scope="{ row }" slot="id">
|
|
<p :class="{'my-name': row.id == userInfo.sub}">
|
|
<p :class="{'my-name': row.id == userInfo.sub}">
|
|
@@ -367,24 +475,26 @@
|
|
</Table>
|
|
</Table>
|
|
</TabPane>
|
|
</TabPane>
|
|
</Tabs>
|
|
</Tabs>
|
|
- </div>
|
|
|
|
|
|
+ </Modal>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
/* import Loading from "vue-loading-overlay";
|
|
/* import Loading from "vue-loading-overlay";
|
|
import "vue-loading-overlay/dist/vue-loading.css"; */
|
|
import "vue-loading-overlay/dist/vue-loading.css"; */
|
|
-import Loading from '@/common/Loading.vue'
|
|
|
|
|
|
+import Loading from '@/common/Loading.vue';
|
|
|
|
+import ClassRecord from './../ClassRecord/ClassRecord';
|
|
import { mapGetters, mapState } from 'vuex';
|
|
import { mapGetters, mapState } from 'vuex';
|
|
|
|
|
|
export default {
|
|
export default {
|
|
name: "CourseListView",
|
|
name: "CourseListView",
|
|
components: {
|
|
components: {
|
|
- Loading
|
|
|
|
|
|
+ Loading,
|
|
|
|
+ ClassRecord,
|
|
},
|
|
},
|
|
data(vm) {
|
|
data(vm) {
|
|
return {
|
|
return {
|
|
- MyNo: "",
|
|
|
|
|
|
+ MyNo: "2",
|
|
MyName: this.$t('studentWeb.courseList-title'),
|
|
MyName: this.$t('studentWeb.courseList-title'),
|
|
isShow: false,
|
|
isShow: false,
|
|
period: [], //年级列表
|
|
period: [], //年级列表
|
|
@@ -440,7 +550,7 @@ export default {
|
|
courseNow: {},
|
|
courseNow: {},
|
|
showInfo: false,
|
|
showInfo: false,
|
|
isChangeGroupView: false, //控制名单样式
|
|
isChangeGroupView: false, //控制名单样式
|
|
- name: "tab1",
|
|
|
|
|
|
+ name: "",
|
|
week: [
|
|
week: [
|
|
{
|
|
{
|
|
name: "MON",
|
|
name: "MON",
|
|
@@ -490,6 +600,11 @@ export default {
|
|
stuGroup: [], //学生——小组名单
|
|
stuGroup: [], //学生——小组名单
|
|
stuList: [], //学生——table
|
|
stuList: [], //学生——table
|
|
tmdList: [], //醍摩豆列表
|
|
tmdList: [], //醍摩豆列表
|
|
|
|
+ recordList: [],
|
|
|
|
+ nowIndex: 0,
|
|
|
|
+ showBasicInfo: false,
|
|
|
|
+ showStuList: false,
|
|
|
|
+ list: "stuList",
|
|
};
|
|
};
|
|
},
|
|
},
|
|
|
|
|
|
@@ -642,6 +757,7 @@ export default {
|
|
delete data.schedule
|
|
delete data.schedule
|
|
data.school = subject.stuCourse.school
|
|
data.school = subject.stuCourse.school
|
|
data.scope = subject.stuCourse.scope
|
|
data.scope = subject.stuCourse.scope
|
|
|
|
+ data.courseAddDate = this.dateFormat(subject.stuCourse.createTime)
|
|
data.classId = schedule.classId
|
|
data.classId = schedule.classId
|
|
// data.roomId = schedule.room
|
|
// data.roomId = schedule.room
|
|
// data.teacherId = schedule.teacherId
|
|
// data.teacherId = schedule.teacherId
|
|
@@ -741,6 +857,7 @@ export default {
|
|
type:传'list'就是临时课程,不传就是表定课程
|
|
type:传'list'就是临时课程,不传就是表定课程
|
|
*/
|
|
*/
|
|
clickCell(row, index, type) {
|
|
clickCell(row, index, type) {
|
|
|
|
+ this.name = "tab5"
|
|
let nowClassInfor = undefined
|
|
let nowClassInfor = undefined
|
|
if(type) {
|
|
if(type) {
|
|
nowClassInfor = this._.cloneDeep(row)
|
|
nowClassInfor = this._.cloneDeep(row)
|
|
@@ -762,6 +879,7 @@ export default {
|
|
// this.findPersonInfo(this.courseNow)
|
|
// this.findPersonInfo(this.courseNow)
|
|
this.findStuInfor(this.courseNow)
|
|
this.findStuInfor(this.courseNow)
|
|
}
|
|
}
|
|
|
|
+ this.getRecordList()
|
|
// 螢幕寬度<767px時,直接關掉sidebar
|
|
// 螢幕寬度<767px時,直接關掉sidebar
|
|
if (window.innerWidth <= 991) {
|
|
if (window.innerWidth <= 991) {
|
|
this.$store.commit("ToggleSidebar", false);
|
|
this.$store.commit("ToggleSidebar", false);
|
|
@@ -771,6 +889,79 @@ export default {
|
|
changeView(type) {
|
|
changeView(type) {
|
|
this.currentView = type
|
|
this.currentView = type
|
|
},
|
|
},
|
|
|
|
+ dateFormat(timestamp) {
|
|
|
|
+ var date = new Date(timestamp)
|
|
|
|
+ var Y = date.getFullYear() + '-'
|
|
|
|
+ var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
|
|
|
|
+ var D = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate()) + ' '
|
|
|
|
+ var H = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ":"
|
|
|
|
+ var Min = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes())
|
|
|
|
+ var S = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()) + " "
|
|
|
|
+ return Y + M + D + H + Min;
|
|
|
|
+ },
|
|
|
|
+ getRecordList() {
|
|
|
|
+ this.recordList = [
|
|
|
|
+ {
|
|
|
|
+ "id": "256246355239899136",
|
|
|
|
+ "tmdid": "教师醍摩豆id",
|
|
|
|
+ "scope": "private/school",
|
|
|
|
+ "school": "学校id",
|
|
|
|
+ "name": "语文第一节",
|
|
|
|
+ "poster": "视频封面地址",
|
|
|
|
+ "startTime": 1607435663434, //开始时间(时间戳),
|
|
|
|
+ "duration": 5612, //"上课时长",
|
|
|
|
+ "tScore": 95, //"t分,科技应用",
|
|
|
|
+ "pScore": 95, //"p分,教法应用",
|
|
|
|
+ "courseId": "关联的课程id,同时可以拿到,学段id,科目id",
|
|
|
|
+ "groupIds": ["选用了IES5固定名单的id,通过名单id也可以拿到学段,年级"],
|
|
|
|
+ "periodId": "学段id",
|
|
|
|
+ "subject": "科目id",
|
|
|
|
+ "grade": ["1,年级"],
|
|
|
|
+ "like": 10, //"点赞数",
|
|
|
|
+ "share": 10, //"分享转发数",
|
|
|
|
+ "mCount": 50, //"参加本次课堂学生人数"
|
|
|
|
+ "discuss": 100, //"议课次数,大于1则是优课",
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ "id": "256246355239899136",
|
|
|
|
+ "tmdid": "教师醍摩豆id",
|
|
|
|
+ "scope": "private/school",
|
|
|
|
+ "school": "学校id",
|
|
|
|
+ "name": "英语听力",
|
|
|
|
+ "poster": "视频封面地址",
|
|
|
|
+ "startTime": 1608433140434, //开始时间(时间戳),
|
|
|
|
+ "duration": 974, //"上课时长",
|
|
|
|
+ "tScore": 95, //"t分,科技应用",
|
|
|
|
+ "pScore": 95, //"p分,教法应用",
|
|
|
|
+ "courseId": "关联的课程id,同时可以拿到,学段id,科目id",
|
|
|
|
+ "groupIds": ["选用了IES5固定名单的id,通过名单id也可以拿到学段,年级"],
|
|
|
|
+ "periodId": "学段id",
|
|
|
|
+ "subject": "科目id",
|
|
|
|
+ "grade": ["1,年级"],
|
|
|
|
+ "like": 10, //"点赞数",
|
|
|
|
+ "share": 10, //"分享转发数",
|
|
|
|
+ "mCount": 50, //"参加本次课堂学生人数"
|
|
|
|
+ "discuss": 100, //"议课次数,大于1则是优课",
|
|
|
|
+ },
|
|
|
|
+ ]
|
|
|
|
+ this.recordList.forEach(item => {
|
|
|
|
+ item.startTime = this.dateFormat(item.startTime)
|
|
|
|
+ let sec = item.duration % 60
|
|
|
|
+ let min = parseInt(item.duration / 60)
|
|
|
|
+ let mins = min >= 60 ? min % 60 : min
|
|
|
|
+ let hour = parseInt(min / 60)
|
|
|
|
+ item.time = `${hour < 10 ? ('0' + hour) : hour}:${mins < 10 ? ('0' + mins) : mins}:${sec < 10 ? ('0' + sec) : sec}`
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ toClassRecord(item, index) {
|
|
|
|
+ this.nowIndex = index
|
|
|
|
+ this.$router.push({
|
|
|
|
+ path: "stuClassRec",
|
|
|
|
+ query: {
|
|
|
|
+ id: item.id
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
},
|
|
},
|
|
|
|
|
|
created() {
|
|
created() {
|
|
@@ -794,9 +985,20 @@ export default {
|
|
...mapGetters([
|
|
...mapGetters([
|
|
"getCurrentLaguage",
|
|
"getCurrentLaguage",
|
|
"getMycID",
|
|
"getMycID",
|
|
- ""
|
|
|
|
|
|
+ "getSidebarisOpen",
|
|
])
|
|
])
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ watch: {
|
|
|
|
+ /* name: {
|
|
|
|
+ handler(n, o) {
|
|
|
|
+ if(n === "tab5") {
|
|
|
|
+ this.$store.commit("ToggleSidebar", false);
|
|
|
|
+ } else {
|
|
|
|
+ this.$store.commit("ToggleSidebar", true);
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ }, */
|
|
|
|
+ },
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
|
|
@@ -806,22 +1008,29 @@ export default {
|
|
</style>
|
|
</style>
|
|
|
|
|
|
<style scoped>
|
|
<style scoped>
|
|
-.courselist-view{
|
|
|
|
- overflow: hidden;
|
|
|
|
-}
|
|
|
|
|
|
|
|
.hide-sidebar * {
|
|
.hide-sidebar * {
|
|
width: 0px !important;
|
|
width: 0px !important;
|
|
transition: ease-out 0.3s;
|
|
transition: ease-out 0.3s;
|
|
}
|
|
}
|
|
.course-content-span{
|
|
.course-content-span{
|
|
- padding: 2% 15%;
|
|
|
|
- width: 100% !important;
|
|
|
|
- transition: 0.5s;
|
|
|
|
|
|
+ padding: 2%;
|
|
|
|
+ width: 100% !important;
|
|
|
|
+ transition: 0.5s;
|
|
}
|
|
}
|
|
|
|
+
|
|
</style>
|
|
</style>
|
|
|
|
|
|
<style lang="less">
|
|
<style lang="less">
|
|
|
|
+.courselist-view{
|
|
|
|
+ overflow: hidden;
|
|
|
|
+
|
|
|
|
+ .ivu-modal-body > p{
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+
|
|
/* iview样式修改 */
|
|
/* iview样式修改 */
|
|
.course-content {
|
|
.course-content {
|
|
//分頁組件
|
|
//分頁組件
|
|
@@ -900,7 +1109,7 @@ export default {
|
|
}
|
|
}
|
|
&:last-child {
|
|
&:last-child {
|
|
margin-top: -16px;
|
|
margin-top: -16px;
|
|
- padding-top: 10px;
|
|
|
|
|
|
+ // padding-top: 10px;
|
|
height: auto;
|
|
height: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -913,6 +1122,12 @@ export default {
|
|
font-weight: bolder;
|
|
font-weight: bolder;
|
|
color: #24b880;
|
|
color: #24b880;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ .info-icon .ivu-icon{
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ margin-right: 10px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
.list-block{
|
|
.list-block{
|