|
|
@@ -1,161 +1,266 @@
|
|
|
<template>
|
|
|
- <div class="pb_content" style="height: auto; width: 94%; margin: 10px auto;background: unset;box-sizing: border-box;" :class="[gotype ? 'liyuan' :'']" >
|
|
|
- <backPage style="padding: 40px 0 0;" v-if="gotype" tit="协同建构"></backPage>
|
|
|
-
|
|
|
- <div style="width:100%;padding:0 21px;background:#fff;border-radius: 5px;box-sizing: border-box;">
|
|
|
- <div class="pb_head top">
|
|
|
- <div style="
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-">
|
|
|
- <span>协同建构</span>
|
|
|
- </div>
|
|
|
- <div class="student_button">
|
|
|
- <button class="r_pub_button_course" @mouseenter="btnDisplay = true" @mouseleave="btnDisplay = false">
|
|
|
- <span>创建协同建构</span>
|
|
|
- <div v-show="btnDisplay" class="buttonBox">
|
|
|
- <div type="primary" @click="goToCourse3()">标准创建</div>
|
|
|
- <div type="primary" @click="goToCourseSimple()">快速创建</div>
|
|
|
+ <div style="width: 100%;height: 100vh;">
|
|
|
+ <div v-if="!futureClassurl" class="pb_content" style="height: auto; width: 94%; margin: 10px auto;background: unset;box-sizing: border-box;" :class="[gotype ? 'liyuan' :'']" >
|
|
|
+ <backPage style="padding: 40px 0 0;" v-if="gotype" tit="协同建构"></backPage>
|
|
|
+
|
|
|
+ <div style="width:100%;padding:0 21px;background:#fff;border-radius: 5px;box-sizing: border-box;">
|
|
|
+ <div class="pb_head top">
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ ">
|
|
|
+ <span>协同建构</span>
|
|
|
</div>
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="reBox">
|
|
|
- <div class="reTop">
|
|
|
- <!-- <div>分类筛选</div> -->
|
|
|
- <div class="reTopCh">
|
|
|
- <el-select v-model="groupA" @change="search" v-if="false">
|
|
|
- <el-option value="4" label="全部"></el-option>
|
|
|
- <el-option value="2" label="我的课程"></el-option>
|
|
|
- <el-option value="3" label="协同课程"></el-option>
|
|
|
- <el-option value="1" label="他人课程"></el-option>
|
|
|
- </el-select>
|
|
|
- <el-select v-model="groupA" @change="search" v-if="false">
|
|
|
- <el-option value="0" label="全部"></el-option>
|
|
|
- <el-option value="2" label="我的课程"></el-option>
|
|
|
- <el-option value="3" label="协同课程"></el-option>
|
|
|
- </el-select>
|
|
|
- <div class="searchI" style="margin: 0;">
|
|
|
- <div class="search">
|
|
|
- <img src="../../../assets/icon/search.png" alt="" />
|
|
|
- </div>
|
|
|
- <input class="sInput" type="text" placeholder="请输入关键字" v-model="courseName" @change="getCourse()" @input="getCourse()" />
|
|
|
+ <div class="student_button">
|
|
|
+ <button class="r_pub_button_course" @mouseenter="btnDisplay = true" @mouseleave="btnDisplay = false">
|
|
|
+ <span>创建协同建构</span>
|
|
|
+ <div v-show="btnDisplay" class="buttonBox">
|
|
|
+ <div type="primary" @click="goToCourse3()">标准创建</div>
|
|
|
+ <div type="primary" @click="goToCourseSimple()">快速创建</div>
|
|
|
+ </div>
|
|
|
+ </button>
|
|
|
</div>
|
|
|
- <el-button type="primary" class="bgColor" style="margin-left: 10px;" @click="reset">重置</el-button>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
|
|
|
- <span><span>类型</span></span>
|
|
|
- <el-radio-group v-model="pTypeCheckName" style="display: flex; align-items: center">
|
|
|
- <div class="all_choose" style="width: 100px" v-for="(item, index) in CourseType2" :key="index">
|
|
|
- <el-radio :label="item.name" @click.native.prevent="CourseType2Click(item.name)">{{ item.name }}</el-radio>
|
|
|
- </div>
|
|
|
- </el-radio-group>
|
|
|
- </div>
|
|
|
- <div class="choose">
|
|
|
- <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index"
|
|
|
- :style="{ margin: !CourseTypeJson[item.id].length && 0 }">
|
|
|
- <span v-if="CourseTypeJson[item.id].length &&
|
|
|
- (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
|
|
|
- ? pTypeCheck.indexOf(item.id) != -1
|
|
|
- : true)
|
|
|
- "><span>{{ item.name }}</span></span>
|
|
|
- <div class="typeCss" v-if="CourseTypeJson[item.id].length &&
|
|
|
- (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
|
|
|
- ? pTypeCheck.indexOf(item.id) != -1
|
|
|
- : true)
|
|
|
- ">
|
|
|
- <div class="cName" @click="getCourse2(item.name, '', item.id, 1)"
|
|
|
- :class="typeE.indexOf(item.id) != -1 ? 'isCType' : ''">
|
|
|
- 全部
|
|
|
+ <div class="reBox">
|
|
|
+ <div class="reTop">
|
|
|
+ <!-- <div>分类筛选</div> -->
|
|
|
+ <div class="reTopCh">
|
|
|
+ <el-select v-model="groupA" @change="search" v-if="false">
|
|
|
+ <el-option value="4" label="全部"></el-option>
|
|
|
+ <el-option value="2" label="我的课程"></el-option>
|
|
|
+ <el-option value="3" label="协同课程"></el-option>
|
|
|
+ <el-option value="1" label="他人课程"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-select v-model="groupA" @change="search" v-if="false">
|
|
|
+ <el-option value="0" label="全部"></el-option>
|
|
|
+ <el-option value="2" label="我的课程"></el-option>
|
|
|
+ <el-option value="3" label="协同课程"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <div class="searchI" style="margin: 0;">
|
|
|
+ <div class="search">
|
|
|
+ <img src="../../../assets/icon/search.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <input class="sInput" type="text" placeholder="请输入关键字" v-model="courseName" @change="getCourse()" @input="getCourse()" />
|
|
|
+ </div>
|
|
|
+ <el-button type="primary" class="bgColor" style="margin-left: 10px;" @click="reset">重置</el-button>
|
|
|
</div>
|
|
|
- <div v-for="(item1, index1) in CourseTypeJson[item.id]" :key="index + '-' + index1" :label="item1.id"
|
|
|
- @click="getCourse2(item.name, item.id, item1.id, 2)">
|
|
|
- <div class="cName" :class="typea == item1.id || typeb == item1.id || typed == item1.id
|
|
|
- ? 'isCType'
|
|
|
- : ''
|
|
|
+ </div>
|
|
|
+ <div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
|
|
|
+ <span><span>类型</span></span>
|
|
|
+ <el-radio-group v-model="pTypeCheckName" style="display: flex; align-items: center">
|
|
|
+ <div class="all_choose" style="width: 100px" v-for="(item, index) in CourseType2" :key="index">
|
|
|
+ <el-radio :label="item.name" @click.native.prevent="CourseType2Click(item.name)">{{ item.name }}</el-radio>
|
|
|
+ </div>
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
+ <div class="choose">
|
|
|
+ <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index"
|
|
|
+ :style="{ margin: !CourseTypeJson[item.id].length && 0 }">
|
|
|
+ <span v-if="CourseTypeJson[item.id].length &&
|
|
|
+ (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
|
|
|
+ ? pTypeCheck.indexOf(item.id) != -1
|
|
|
+ : true)
|
|
|
+ "><span>{{ item.name }}</span></span>
|
|
|
+ <div class="typeCss" v-if="CourseTypeJson[item.id].length &&
|
|
|
+ (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
|
|
|
+ ? pTypeCheck.indexOf(item.id) != -1
|
|
|
+ : true)
|
|
|
">
|
|
|
- {{ item1.name }}
|
|
|
+ <div class="cName" @click="getCourse2(item.name, '', item.id, 1)"
|
|
|
+ :class="typeE.indexOf(item.id) != -1 ? 'isCType' : ''">
|
|
|
+ 全部
|
|
|
+ </div>
|
|
|
+ <div v-for="(item1, index1) in CourseTypeJson[item.id]" :key="index + '-' + index1" :label="item1.id"
|
|
|
+ @click="getCourse2(item.name, item.id, item1.id, 2)">
|
|
|
+ <div class="cName" :class="typea == item1.id || typeb == item1.id || typed == item1.id
|
|
|
+ ? 'isCType'
|
|
|
+ : ''
|
|
|
+ ">
|
|
|
+ {{ item1.name }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="all_choose" v-if="false">
|
|
|
+ <span><span>所有者</span></span>
|
|
|
+ <div class="typeCss">
|
|
|
+ <div class="cName" :class="groupA == '4' ? 'isCType' : ''" @click="groupA = '4'; search();">
|
|
|
+ 全部
|
|
|
+ </div>
|
|
|
+ <div class="cName" :class="groupA == '2' ? 'isCType' : ''" @click="groupA = '2'; search();">
|
|
|
+ 我的课程
|
|
|
+ </div>
|
|
|
+ <div class="cName" :class="groupA == '3' ? 'isCType' : ''" @click="groupA = '3'; search();">
|
|
|
+ 协同课程
|
|
|
+ </div>
|
|
|
+ <div class="cName" :class="groupA == '1' ? 'isCType' : ''" @click="groupA = '1'; search();">
|
|
|
+ 他人课程
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="all_choose" v-if="false">
|
|
|
+ <span><span>所有者</span></span>
|
|
|
+ <div class="typeCss">
|
|
|
+ <div class="cName" :class="groupA == '0' ? 'isCType' : ''" @click="groupA = '0'; search();">
|
|
|
+ 全部
|
|
|
+ </div>
|
|
|
+ <div class="cName" :class="groupA == '2' ? 'isCType' : ''" @click="groupA = '2'; search();">
|
|
|
+ 我的课程
|
|
|
+ </div>
|
|
|
+ <div class="cName" :class="groupA == '3' ? 'isCType' : ''" @click="groupA = '3'; search();">
|
|
|
+ 协同课程
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="all_choose" v-if="false">
|
|
|
- <span><span>所有者</span></span>
|
|
|
- <div class="typeCss">
|
|
|
- <div class="cName" :class="groupA == '4' ? 'isCType' : ''" @click="groupA = '4'; search();">
|
|
|
- 全部
|
|
|
- </div>
|
|
|
- <div class="cName" :class="groupA == '2' ? 'isCType' : ''" @click="groupA = '2'; search();">
|
|
|
- 我的课程
|
|
|
+ </div>
|
|
|
+ <div class="line"></div>
|
|
|
+ <div class="pb_content_body" style="height: 100%;width: 100%;background: #e6eaf0;margin: 0 auto;">
|
|
|
+ <div class="student_head" v-if="false">
|
|
|
+ <div class="choose">
|
|
|
+ <div class="student_search">
|
|
|
+ <span>课程筛选</span>
|
|
|
+ <el-select v-model="groupA" @change="search">
|
|
|
+ <el-option value="0" label="我的课程"></el-option>
|
|
|
+ <el-option value="1" label="他人课程"></el-option>
|
|
|
+ </el-select>
|
|
|
</div>
|
|
|
- <div class="cName" :class="groupA == '3' ? 'isCType' : ''" @click="groupA = '3'; search();">
|
|
|
- 协同课程
|
|
|
+ <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index">
|
|
|
+ <span v-if="CourseTypeJson[item.id].length">{{ item.name }}</span>
|
|
|
+ <el-select v-if="CourseTypeJson[item.id].length" v-model="courseTypeId[item.id]" placeholder="请选择"
|
|
|
+ @change="getTypeName">
|
|
|
+ <el-option label="全部" value="1">全部</el-option>
|
|
|
+ <el-option v-for="item1 in CourseTypeJson[item.id]" :key="item1.id" :label="item1.name" :value="item1.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
</div>
|
|
|
- <div class="cName" :class="groupA == '1' ? 'isCType' : ''" @click="groupA = '1'; search();">
|
|
|
- 他人课程
|
|
|
+ <div @click="clear" class="clear">重置</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="student_right">
|
|
|
+ <div class="head_left">
|
|
|
+ <el-input v-model="courseName" class="student_input" placeholder="请输入课程名称"></el-input>
|
|
|
+ <el-button class="course_button" @click="searchCourse">查询</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="all_choose" v-if="false">
|
|
|
- <span><span>所有者</span></span>
|
|
|
- <div class="typeCss">
|
|
|
- <div class="cName" :class="groupA == '0' ? 'isCType' : ''" @click="groupA = '0'; search();">
|
|
|
- 全部
|
|
|
- </div>
|
|
|
- <div class="cName" :class="groupA == '2' ? 'isCType' : ''" @click="groupA = '2'; search();">
|
|
|
- 我的课程
|
|
|
- </div>
|
|
|
- <div class="cName" :class="groupA == '3' ? 'isCType' : ''" @click="groupA = '3'; search();">
|
|
|
- 协同课程
|
|
|
+ <div class="student_table">
|
|
|
+ <div class="course_box">
|
|
|
+ <div class="out_box" v-for="(item, index) in course" :key="index">
|
|
|
+ <div class="myCourse" v-if="item.userid == userid">我的创建</div>
|
|
|
+ <div class="myCourse" style="background: #4187f0" v-else-if="!item.course_teacher ||
|
|
|
+ (item.course_teacher &&
|
|
|
+ item.course_teacher.indexOf(userid) == -1)
|
|
|
+ ">
|
|
|
+ 他人创建
|
|
|
+ </div>
|
|
|
+ <div class="xtCourse" v-else>协同建构</div>
|
|
|
+ <div class="tup" @click="open(item.courseId, item.userid)" style="cursor: pointer;">
|
|
|
+ <img :src="item.cover != null && item.cover != ''
|
|
|
+ ? JSON.parse(item.cover).length > 0
|
|
|
+ ? JSON.parse(item.cover)[0].url
|
|
|
+ : mr
|
|
|
+ : mr
|
|
|
+ " alt />
|
|
|
+ </div>
|
|
|
+ <div class="bottom_box">
|
|
|
+ <div>
|
|
|
+ <el-tooltip :content="item.title" popper-class="text_tooltip" placement="top" effect="dark">
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ <!-- <span>{{ item.state == 1 ? '阶段模式' : item.state == 2 ? '任务模式' : '极简模式' }}</span> -->
|
|
|
+ </div>
|
|
|
+ <!-- <div class="kc_t">
|
|
|
+ 负责老师：{{ item.uname }}
|
|
|
+ </div> -->
|
|
|
+ <div class="kc_time">
|
|
|
+ <!-- <span style="color: #717C8D">创建日期:</span> -->
|
|
|
+ {{ item.time }}
|
|
|
+ </div>
|
|
|
+ <!-- <div class="kc_time">
|
|
|
+ <span style="color: #717C8D">修改日期:</span>{{ item.utime }}
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="three_bottom">
|
|
|
+ <!-- v-if="role == '1'" @click="get(item)"-->
|
|
|
+ <div @click="open(item.courseId, item.userid)">打开</div>
|
|
|
+ <!-- <div @click="jump(item.courseId)" v-else>评课</div> -->
|
|
|
+ <!-- <div v-if="((item.userid == userid) ||
|
|
|
+ (item.course_teacher &&
|
|
|
+ item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
|
|
|
+ item.state == 1
|
|
|
+ " @click="goToCourse(item.courseId)">
|
|
|
+ 修改
|
|
|
+ </div>
|
|
|
+ <div v-if="((item.userid == userid) ||
|
|
|
+ (item.course_teacher &&
|
|
|
+ item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
|
|
|
+ item.state == 2
|
|
|
+ " @click="goToCourse2(item.courseId)">
|
|
|
+ 修改
|
|
|
+ </div> -->
|
|
|
+ <!-- ||
|
|
|
+ (item.course_teacher &&
|
|
|
+ item.course_teacher.indexOf(userid) !== -1) || role == '1' -->
|
|
|
+ <div v-if="((item.userid == userid)) &&
|
|
|
+ item.state == 1
|
|
|
+ " @click="goToCourse3(item.courseId)">
|
|
|
+ 修改
|
|
|
+ </div>
|
|
|
+ <!-- <div v-if="groupA == '0'" @click="
|
|
|
+ goTo(
|
|
|
+ '/works?cid=' +
|
|
|
+ item.courseId +
|
|
|
+ '&userid=' +
|
|
|
+ userid +
|
|
|
+ '&oid=' +
|
|
|
+ oid +
|
|
|
+ '&org=' +
|
|
|
+ org +
|
|
|
+ '&role=' +
|
|
|
+ role
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ 评价
|
|
|
+ </div> -->
|
|
|
+ <div v-if="((item.userid == userid))" @click="copyCourse(item.courseId)">
|
|
|
+ 复制
|
|
|
+ </div>
|
|
|
+ <!-- v-if="item.isCourseType == 1 || role == '1'" -->
|
|
|
+ <div v-if="((item.userid == userid))" @click="deleteCourse(item.courseId)">
|
|
|
+ 删除
|
|
|
+ </div>
|
|
|
+ <!-- <div class="more">
|
|
|
+ <span style="font-size: 18px; font-weight: 700">...</span>
|
|
|
+ <div>
|
|
|
+ <span @click="copyCourse(item.courseId)">复制</span>
|
|
|
+ <span @click="jump(item.courseId)" v-if="role == '1'">评课</span>
|
|
|
+ <span @click="get(item.courseId)" v-else>预览</span>
|
|
|
+ <span @click="getNT(item.courseId)">无终端</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <div class="course_empty" v-if="course.length == 0">暂无数据</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="line"></div>
|
|
|
- <div class="pb_content_body" style="height: 100%;width: 100%;background: #e6eaf0;margin: 0 auto;">
|
|
|
- <div class="student_head" v-if="false">
|
|
|
- <div class="choose">
|
|
|
- <div class="student_search">
|
|
|
- <span>课程筛选</span>
|
|
|
- <el-select v-model="groupA" @change="search">
|
|
|
- <el-option value="0" label="我的课程"></el-option>
|
|
|
- <el-option value="1" label="他人课程"></el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index">
|
|
|
- <span v-if="CourseTypeJson[item.id].length">{{ item.name }}</span>
|
|
|
- <el-select v-if="CourseTypeJson[item.id].length" v-model="courseTypeId[item.id]" placeholder="请选择"
|
|
|
- @change="getTypeName">
|
|
|
- <el-option label="全部" value="1">全部</el-option>
|
|
|
- <el-option v-for="item1 in CourseTypeJson[item.id]" :key="item1.id" :label="item1.name" :value="item1.id">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div @click="clear" class="clear">重置</div>
|
|
|
+ <div class="student_page">
|
|
|
+ <el-pagination background layout="prev, pager, next" :page-size="pageSize" :total="total"
|
|
|
+ v-if="page && course.length" style="padding-bottom: 20px" @current-change="handleCurrentChange"></el-pagination>
|
|
|
</div>
|
|
|
|
|
|
- <div class="student_right">
|
|
|
- <div class="head_left">
|
|
|
- <el-input v-model="courseName" class="student_input" placeholder="请输入课程名称"></el-input>
|
|
|
- <el-button class="course_button" @click="searchCourse">查询</el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="student_table">
|
|
|
- <div class="course_box">
|
|
|
- <div class="out_box" v-for="(item, index) in course" :key="index">
|
|
|
- <div class="myCourse" v-if="item.userid == userid">我的创建</div>
|
|
|
- <div class="myCourse" style="background: #4187f0" v-else-if="!item.course_teacher ||
|
|
|
- (item.course_teacher &&
|
|
|
- item.course_teacher.indexOf(userid) == -1)
|
|
|
- ">
|
|
|
- 他人创建
|
|
|
- </div>
|
|
|
- <div class="xtCourse" v-else>协同建构</div>
|
|
|
- <div class="tup" @click="open(item.courseId, item.userid)" style="cursor: pointer;">
|
|
|
+
|
|
|
+
|
|
|
+ <el-dialog :visible.sync="dialogVisible1" size="tiny">
|
|
|
+ <img width="100%" :src="dialogImageUrl" alt />
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="查看协同课程" :visible.sync="dialogVisibleCourse" :append-to-body="true" width="850px"
|
|
|
+ :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div class="ct_box">
|
|
|
+ <div class="out_box" v-for="(item, index) in courseTeam" :key="index" style="margin-left: 15px">
|
|
|
+ <div class="tup">
|
|
|
<img :src="item.cover != null && item.cover != ''
|
|
|
? JSON.parse(item.cover).length > 0
|
|
|
? JSON.parse(item.cover)[0].url
|
|
|
@@ -164,136 +269,53 @@
|
|
|
" alt />
|
|
|
</div>
|
|
|
<div class="bottom_box">
|
|
|
- <div>
|
|
|
- <el-tooltip :content="item.title" popper-class="text_tooltip" placement="top" effect="dark">
|
|
|
- <span>{{ item.title }}</span>
|
|
|
- </el-tooltip>
|
|
|
- <!-- <span>{{ item.state == 1 ? '阶段模式' : item.state == 2 ? '任务模式' : '极简模式' }}</span> -->
|
|
|
- </div>
|
|
|
- <!-- <div class="kc_t">
|
|
|
- 负责老师：{{ item.uname }}
|
|
|
- </div> -->
|
|
|
- <div class="kc_time">
|
|
|
- <!-- <span style="color: #717C8D">创建日期:</span> -->
|
|
|
- {{ item.time }}
|
|
|
- </div>
|
|
|
- <!-- <div class="kc_time">
|
|
|
- <span style="color: #717C8D">修改日期:</span>{{ item.utime }}
|
|
|
- </div> -->
|
|
|
+ <div>{{ item.title }}</div>
|
|
|
+ <div class="kc_t">创建老师：{{ item.uname }}</div>
|
|
|
+ <div class="kc_time">{{ item.time }}</div>
|
|
|
</div>
|
|
|
<div class="three_bottom">
|
|
|
- <!-- v-if="role == '1'" @click="get(item)"-->
|
|
|
- <div @click="open(item.courseId, item.userid)">打开</div>
|
|
|
- <!-- <div @click="jump(item.courseId)" v-else>评课</div> -->
|
|
|
- <!-- <div v-if="((item.userid == userid) ||
|
|
|
- (item.course_teacher &&
|
|
|
- item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
|
|
|
- item.state == 1
|
|
|
- " @click="goToCourse(item.courseId)">
|
|
|
- 修改
|
|
|
- </div>
|
|
|
- <div v-if="((item.userid == userid) ||
|
|
|
- (item.course_teacher &&
|
|
|
- item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
|
|
|
- item.state == 2
|
|
|
- " @click="goToCourse2(item.courseId)">
|
|
|
- 修改
|
|
|
- </div> -->
|
|
|
- <!-- ||
|
|
|
- (item.course_teacher &&
|
|
|
- item.course_teacher.indexOf(userid) !== -1) || role == '1' -->
|
|
|
- <div v-if="((item.userid == userid)) &&
|
|
|
- item.state == 1
|
|
|
- " @click="goToCourse3(item.courseId)">
|
|
|
- 修改
|
|
|
- </div>
|
|
|
- <!-- <div v-if="groupA == '0'" @click="
|
|
|
+ <div @click="jump(item.courseId)">查看内容</div>
|
|
|
+ <div @click="
|
|
|
goTo(
|
|
|
- '/works?cid=' +
|
|
|
+ '/course/addCourse?cid=' +
|
|
|
item.courseId +
|
|
|
'&userid=' +
|
|
|
userid +
|
|
|
'&oid=' +
|
|
|
oid +
|
|
|
'&org=' +
|
|
|
- org +
|
|
|
- '&role=' +
|
|
|
- role
|
|
|
+ org
|
|
|
)
|
|
|
">
|
|
|
- 评价
|
|
|
- </div> -->
|
|
|
- <div v-if="((item.userid == userid))" @click="copyCourse(item.courseId)">
|
|
|
- 复制
|
|
|
- </div>
|
|
|
- <!-- v-if="item.isCourseType == 1 || role == '1'" -->
|
|
|
- <div v-if="((item.userid == userid))" @click="deleteCourse(item.courseId)">
|
|
|
- 删除
|
|
|
+ 编辑
|
|
|
</div>
|
|
|
- <!-- <div class="more">
|
|
|
- <span style="font-size: 18px; font-weight: 700">...</span>
|
|
|
- <div>
|
|
|
- <span @click="copyCourse(item.courseId)">复制</span>
|
|
|
- <span @click="jump(item.courseId)" v-if="role == '1'">评课</span>
|
|
|
- <span @click="get(item.courseId)" v-else>预览</span>
|
|
|
- <span @click="getNT(item.courseId)">无终端</span>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="course_empty" v-if="course.length == 0">暂无数据</div>
|
|
|
+ <div class="course_empty" v-if="courseTeam.length == 0">暂无数据</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleCourse = false">关 闭</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
- <div class="student_page">
|
|
|
- <el-pagination background layout="prev, pager, next" :page-size="pageSize" :total="total"
|
|
|
- v-if="page && course.length" style="padding-bottom: 20px" @current-change="handleCurrentChange"></el-pagination>
|
|
|
+ <div class="confra" v-else>
|
|
|
+ <divc class="clobtn">
|
|
|
+ <span @click="futureClassurl = ''">关闭</span>
|
|
|
+ </divc>
|
|
|
+ <iframe
|
|
|
+ allow="camera *; microphone *;display-capture;midi;encrypted-media;fullscreen *;"
|
|
|
+ webkitallowfullscreen=''
|
|
|
+ mozallowfullscreen=''
|
|
|
+ allowfullscreen=''
|
|
|
+ frameborder="no"
|
|
|
+ scrolling="no"
|
|
|
+ style="border: 0; width: 100%;flex: 1;"
|
|
|
+ :src="futureClassurl"
|
|
|
+ >
|
|
|
+ </iframe>
|
|
|
</div>
|
|
|
- <el-dialog :visible.sync="dialogVisible1" size="tiny">
|
|
|
- <img width="100%" :src="dialogImageUrl" alt />
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="查看协同课程" :visible.sync="dialogVisibleCourse" :append-to-body="true" width="850px"
|
|
|
- :before-close="handleClose" class="dialog_diy">
|
|
|
- <div class="ct_box">
|
|
|
- <div class="out_box" v-for="(item, index) in courseTeam" :key="index" style="margin-left: 15px">
|
|
|
- <div class="tup">
|
|
|
- <img :src="item.cover != null && item.cover != ''
|
|
|
- ? JSON.parse(item.cover).length > 0
|
|
|
- ? JSON.parse(item.cover)[0].url
|
|
|
- : mr
|
|
|
- : mr
|
|
|
- " alt />
|
|
|
- </div>
|
|
|
- <div class="bottom_box">
|
|
|
- <div>{{ item.title }}</div>
|
|
|
- <div class="kc_t">创建老师：{{ item.uname }}</div>
|
|
|
- <div class="kc_time">{{ item.time }}</div>
|
|
|
- </div>
|
|
|
- <div class="three_bottom">
|
|
|
- <div @click="jump(item.courseId)">查看内容</div>
|
|
|
- <div @click="
|
|
|
- goTo(
|
|
|
- '/course/addCourse?cid=' +
|
|
|
- item.courseId +
|
|
|
- '&userid=' +
|
|
|
- userid +
|
|
|
- '&oid=' +
|
|
|
- oid +
|
|
|
- '&org=' +
|
|
|
- org
|
|
|
- )
|
|
|
- ">
|
|
|
- 编辑
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="course_empty" v-if="courseTeam.length == 0">暂无数据</div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisibleCourse = false">关 闭</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
</div>
|
|
|
+
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
@@ -310,6 +332,8 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
gotype:(window.topU && window.topU.gotype) ? window.topU.gotype : '',
|
|
|
+ futureClassurl:'',
|
|
|
+
|
|
|
itemCount: 1,
|
|
|
courseTitle: "",
|
|
|
courseText: "",
|
|
|
@@ -588,14 +612,19 @@ export default {
|
|
|
open(cid, uid) {
|
|
|
|
|
|
if (uid == this.userid || window.topU.US.userInfo.role==1) {
|
|
|
- window.topU.postMessage(
|
|
|
- {
|
|
|
- tools: "opencCscl",
|
|
|
- cid: cid,
|
|
|
- gid: '',
|
|
|
- },
|
|
|
- "*"
|
|
|
- );
|
|
|
+ if (this.gotype) {
|
|
|
+ this.futureClassurl = `https://cscl.cocorobo.cn?cid=${cid}&gid=`
|
|
|
+ }else{
|
|
|
+ window.topU.postMessage(
|
|
|
+ {
|
|
|
+ tools: "opencCscl",
|
|
|
+ cid: cid,
|
|
|
+ gid: '',
|
|
|
+ },
|
|
|
+ "*"
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
this.addOp3('1', "", { courseid: cid , type: "CocoNote_open" }, "success")
|
|
|
return;
|
|
|
}
|
|
|
@@ -616,14 +645,19 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
if (groupCid) {
|
|
|
- window.topU.postMessage(
|
|
|
- {
|
|
|
- tools: "opencCscl",
|
|
|
- cid: cid,
|
|
|
- gid: groupCid,
|
|
|
- },
|
|
|
- "*"
|
|
|
- );
|
|
|
+ if (this.gotype) {
|
|
|
+ this.futureClassurl = `https://cscl.cocorobo.cn?cid=${cid}&gid=${groupCid}`
|
|
|
+ }else{
|
|
|
+ window.topU.postMessage(
|
|
|
+ {
|
|
|
+ tools: "opencCscl",
|
|
|
+ cid: cid,
|
|
|
+ gid: groupCid,
|
|
|
+ },
|
|
|
+ "*"
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
this.addOp3('1', "", { courseid: cid , type: "CocoNote_open" }, "success")
|
|
|
} else {
|
|
|
this.$message.error("没有加入分组请先加入分组");
|
|
|
@@ -2045,4 +2079,18 @@ export default {
|
|
|
box-sizing: border-box !important;
|
|
|
margin: 0 !important;
|
|
|
}
|
|
|
+.confra{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ background: #fff;
|
|
|
+}
|
|
|
+.clobtn{
|
|
|
+ height: 30px;
|
|
|
+ padding: 0px 10px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
</style>
|
