|
@@ -6,7 +6,7 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
">
|
|
|
- <span class="sub_head">课程管理</span>
|
|
|
+ <span class="sub_head">Course Management</span>
|
|
|
<span class="subClick" @click="
|
|
|
goTo(
|
|
|
'/works?userid=' +
|
|
@@ -18,53 +18,53 @@
|
|
|
'&role=' +
|
|
|
role
|
|
|
)
|
|
|
- ">评价管理</span>
|
|
|
+ ">Evaluation Management</span>
|
|
|
</div>
|
|
|
<div class="student_button">
|
|
|
- <!-- <el-button type="primary" class="bgColor" @click="openCourse">协同编辑</el-button> -->
|
|
|
- <!-- <el-button type="primary" class="bgColor" @click="goToCourse3()">创建极简式课程</el-button>
|
|
|
- <el-button type="primary" class="bgColor" @click="goToCourse2()">创建任务式课程</el-button>
|
|
|
- <el-button type="primary" class="bgColor" @click="goToCourse()">创建阶段式课程</el-button> -->
|
|
|
+ <!-- <el-button type="primary" class="bgColor" @click="openCourse">Collaborative Editing</el-button> -->
|
|
|
+ <!-- <el-button type="primary" class="bgColor" @click="goToCourse3()">Create Simplified Course</el-button>
|
|
|
+ <el-button type="primary" class="bgColor" @click="goToCourse2()">Create Task-based Course</el-button>
|
|
|
+ <el-button type="primary" class="bgColor" @click="goToCourse()">Create Stage-based Course</el-button> -->
|
|
|
<button class="r_pub_button_course" @mouseenter="btnDisplay = true" @mouseleave="btnDisplay = false">
|
|
|
- <span>创建课程</span>
|
|
|
+ <span>Create Course</span>
|
|
|
<div v-show="btnDisplay" class="buttonBox">
|
|
|
- <div type="primary" @click="goToCourse3()">极简式课程</div>
|
|
|
- <!-- <div type="primary" @click="goToCourse2()">任务式课程</div> -->
|
|
|
- <!-- <div type="primary" @click="goToCourse()">阶段式课程</div> -->
|
|
|
- <div type="primary" @click="goToCourse4()">阶段式课程</div>
|
|
|
+ <div type="primary" @click="goToCourse3()">Simplified Course</div>
|
|
|
+ <!-- <div type="primary" @click="goToCourse2()">Task-based Course</div> -->
|
|
|
+ <!-- <div type="primary" @click="goToCourse()">Stage-based Course</div> -->
|
|
|
+ <div type="primary" @click="goToCourse4()">Stage-based Course</div>
|
|
|
<!-- v-show="org == '1973f6c7-1561-11ee-91d8-005056b86db5' || org == '777559d2-7239-11ee-b98c-005056b86db5' || org == '884c5665-a453-46f3-b7b6-01d575290aa9'" -->
|
|
|
- <div type="primary" @click="oepnTemplate()" v-show="orgArray.includes(org) || oidArray.includes(oid)">AI模式</div>
|
|
|
+ <div type="primary" @click="oepnTemplate()" v-show="orgArray.includes(org) || oidArray.includes(oid)">AI Mode</div>
|
|
|
</div>
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="reBox">
|
|
|
<div class="reTop">
|
|
|
- <!-- <div>分类筛选</div> -->
|
|
|
+ <!-- <div>Category Filter</div> -->
|
|
|
<div class="reTopCh">
|
|
|
<el-select v-model="groupA" @change="search" v-if="role == '1'">
|
|
|
- <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-option value="4" label="All"></el-option>
|
|
|
+ <el-option value="2" label="My Courses"></el-option>
|
|
|
+ <el-option value="3" label="Collaborative Courses"></el-option>
|
|
|
+ <el-option value="1" label="Others' Courses"></el-option>
|
|
|
</el-select>
|
|
|
<el-select v-model="groupA" @change="search" v-else>
|
|
|
- <el-option value="0" label="全部"></el-option>
|
|
|
- <el-option value="2" label="我的课程"></el-option>
|
|
|
- <el-option value="3" label="协同课程"></el-option>
|
|
|
+ <el-option value="0" label="All"></el-option>
|
|
|
+ <el-option value="2" label="My Courses"></el-option>
|
|
|
+ <el-option value="3" label="Collaborative Courses"></el-option>
|
|
|
</el-select>
|
|
|
<div class="searchI">
|
|
|
<!-- @click="getCourse" -->
|
|
|
<div class="search">
|
|
|
<img src="../../assets/icon/search.png" alt="" />
|
|
|
</div>
|
|
|
- <input class="sInput" type="text" placeholder="请输入关键字" v-model="courseName" />
|
|
|
+ <input class="sInput" type="text" placeholder="Please enter keywords" v-model="courseName" />
|
|
|
</div>
|
|
|
- <el-button type="primary" class="bgColor" style="margin-left: 10px;" @click="reset">重置</el-button>
|
|
|
+ <el-button type="primary" class="bgColor" style="margin-left: 10px;" @click="reset">Reset</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
|
|
|
- <span><span>类型</span></span>
|
|
|
+ <span><span>Type</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>
|
|
@@ -86,7 +86,7 @@
|
|
|
">
|
|
|
<div class="cName" @click="getCourse2(item.name, '', item.id, 1)"
|
|
|
:class="typeE.indexOf(item.id) != -1 ? 'isCType' : ''">
|
|
|
- 全部
|
|
|
+ All
|
|
|
</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)">
|
|
@@ -100,33 +100,33 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="all_choose" v-if="role == '1'">
|
|
|
- <span><span>所有者</span></span>
|
|
|
+ <span><span>Owner</span></span>
|
|
|
<div class="typeCss">
|
|
|
<div class="cName" :class="groupA == '4' ? 'isCType' : ''" @click="groupA = '4'; search();">
|
|
|
- 全部
|
|
|
+ All
|
|
|
</div>
|
|
|
<div class="cName" :class="groupA == '2' ? 'isCType' : ''" @click="groupA = '2'; search();">
|
|
|
- 我的课程
|
|
|
+ My Courses
|
|
|
</div>
|
|
|
<div class="cName" :class="groupA == '3' ? 'isCType' : ''" @click="groupA = '3'; search();">
|
|
|
- 协同课程
|
|
|
+ Collaborative Courses
|
|
|
</div>
|
|
|
<div class="cName" :class="groupA == '1' ? 'isCType' : ''" @click="groupA = '1'; search();">
|
|
|
- 他人课程
|
|
|
+ Others' Courses
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="all_choose" v-else>
|
|
|
- <span><span>所有者</span></span>
|
|
|
+ <span><span>Owner</span></span>
|
|
|
<div class="typeCss">
|
|
|
<div class="cName" :class="groupA == '0' ? 'isCType' : ''" @click="groupA = '0'; search();">
|
|
|
- 全部
|
|
|
+ All
|
|
|
</div>
|
|
|
<div class="cName" :class="groupA == '2' ? 'isCType' : ''" @click="groupA = '2'; search();">
|
|
|
- 我的课程
|
|
|
+ My Courses
|
|
|
</div>
|
|
|
<div class="cName" :class="groupA == '3' ? 'isCType' : ''" @click="groupA = '3'; search();">
|
|
|
- 协同课程
|
|
|
+ Collaborative Courses
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -138,28 +138,28 @@
|
|
|
<div class="student_head" v-if="false">
|
|
|
<div class="choose">
|
|
|
<div class="student_search">
|
|
|
- <span>课程筛选</span>
|
|
|
+ <span>Course Filter</span>
|
|
|
<el-select v-model="groupA" @change="search">
|
|
|
- <el-option value="0" label="我的课程"></el-option>
|
|
|
- <el-option value="1" label="他人课程"></el-option>
|
|
|
+ <el-option value="0" label="My Courses"></el-option>
|
|
|
+ <el-option value="1" label="Others' Courses"></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="请选择"
|
|
|
+ <el-select v-if="CourseTypeJson[item.id].length" v-model="courseTypeId[item.id]" placeholder="Please select"
|
|
|
@change="getTypeName">
|
|
|
- <el-option label="全部" value="1">全部</el-option>
|
|
|
+ <el-option label="All" value="1">All</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 @click="clear" class="clear">Reset</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>
|
|
|
+ <el-input v-model="courseName" class="student_input" placeholder="Please enter course name"></el-input>
|
|
|
+ <el-button class="course_button" @click="searchCourse">Search</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -167,20 +167,20 @@
|
|
|
<div class="course_box">
|
|
|
<div class="out_box" v-for="(item, index) in course" :key="index">
|
|
|
<!-- <div class="myCourse" v-if="item.isCourseType == 1 && groupA == 0">
|
|
|
- 我的课程
|
|
|
+ My Courses
|
|
|
</div>
|
|
|
<div class="myCourse" v-else-if="groupA == 1">
|
|
|
- 他人课程
|
|
|
+ Others' Courses
|
|
|
</div>
|
|
|
- <div class="xtCourse" v-else>协同课程</div> -->
|
|
|
- <div class="myCourse" v-if="item.userid == userid">我的课程</div>
|
|
|
+ <div class="xtCourse" v-else>Collaborative Courses</div> -->
|
|
|
+ <div class="myCourse" v-if="item.userid == userid">My Courses</div>
|
|
|
<div class="myCourse" style="background: #4187f0" v-else-if="!item.course_teacher ||
|
|
|
(item.course_teacher &&
|
|
|
item.course_teacher.indexOf(userid) == -1)
|
|
|
">
|
|
|
- 他人课程
|
|
|
+ Others' Courses
|
|
|
</div>
|
|
|
- <div class="xtCourse" v-else>协同课程</div>
|
|
|
+ <div class="xtCourse" v-else>Collaborative Courses</div>
|
|
|
<div class="tup">
|
|
|
<img :src="item.cover != null && item.cover != ''
|
|
|
? JSON.parse(item.cover).length > 0
|
|
@@ -192,7 +192,7 @@
|
|
|
<!-- <div class="bottom_box">
|
|
|
<div>{{ item.title }}</div>
|
|
|
<div class="kc_t" v-if="groupA == '1'">
|
|
|
- 创建老师:{{ item.uname }}
|
|
|
+ Created by: {{ item.uname }}
|
|
|
</div>
|
|
|
<div class="kc_time">{{ item.time }}</div>
|
|
|
</div> -->
|
|
@@ -205,34 +205,34 @@
|
|
|
<!-- v-if="item.isCourseType == 2 || groupA == 1" -->
|
|
|
<div class="kc_t">
|
|
|
<span>{{ item.uname }}</span>
|
|
|
- <span>{{ item.state == 1 ? '阶段模式' : item.state == 2 ? '任务模式' : item.state == 3 ? '极简模式' : 'AI模式' }}</span>
|
|
|
+ <span>{{ item.state == 1 ? 'Stage Mode' : item.state == 2 ? 'Task Mode' : item.state == 3 ? 'Simplified Mode' : 'AI Mode' }}</span>
|
|
|
</div>
|
|
|
<div class="kc_time">
|
|
|
- <span style="color: #717C8D">创建日期:</span>{{ item.time }}
|
|
|
+ <span style="color: #717C8D">Creation Date:</span>{{ item.time }}
|
|
|
</div>
|
|
|
<div class="kc_time">
|
|
|
- <span style="color: #717C8D">修改日期:</span>{{ item.utime }}
|
|
|
+ <span style="color: #717C8D">Modification Date:</span>{{ item.utime }}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="three_bottom">
|
|
|
- <el-tooltip effect="dark" content="预览" placement="top">
|
|
|
+ <el-tooltip effect="dark" content="Preview" placement="top">
|
|
|
<div class="t_b_Item" @click="get(item)">
|
|
|
<img style="height: 90%;width: 90%;" src="../../assets/icon/course/lookeye.svg">
|
|
|
</div>
|
|
|
</el-tooltip>
|
|
|
- <el-tooltip effect="dark" content="Ai一下" placement="top">
|
|
|
+ <el-tooltip effect="dark" content="AI Edit" placement="top">
|
|
|
<div class="t_b_Item" @click="aiCourse(item.courseId)">
|
|
|
<img src="../../assets/icon/course/aiEdit.svg">
|
|
|
</div>
|
|
|
</el-tooltip>
|
|
|
|
|
|
- <el-tooltip effect="dark" content="复制" placement="top">
|
|
|
+ <el-tooltip effect="dark" content="Copy" placement="top">
|
|
|
<div class="t_b_Item" @click="copyCourse(item.courseId)">
|
|
|
<img src="../../assets/icon/course/copy.svg">
|
|
|
</div>
|
|
|
</el-tooltip>
|
|
|
|
|
|
- <el-tooltip effect="dark" content="修改" placement="top">
|
|
|
+ <el-tooltip effect="dark" content="Edit" placement="top">
|
|
|
<div class="t_b_Item" v-if="((item.userid == userid) ||
|
|
|
(item.course_teacher &&
|
|
|
item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
|
|
@@ -265,40 +265,40 @@
|
|
|
</div>
|
|
|
</el-tooltip>
|
|
|
|
|
|
- <el-tooltip effect="dark" content="删除" placement="top" v-if="item.isCourseType == 1 || role == '1'">
|
|
|
+ <el-tooltip effect="dark" content="Delete" placement="top" v-if="item.isCourseType == 1 || role == '1'">
|
|
|
<div class="t_b_Item" @click="deleteCourse(item.courseId)">
|
|
|
<img src="../../assets/icon/course/del.svg">
|
|
|
</div>
|
|
|
</el-tooltip>
|
|
|
|
|
|
- <el-tooltip effect="dark" content="分享" placement="top">
|
|
|
+ <el-tooltip effect="dark" content="Share" placement="top">
|
|
|
<div class="t_b_Item" @click="shareCourse(item.courseId)">
|
|
|
<img src="../../assets/icon/course/share.svg">
|
|
|
</div>
|
|
|
</el-tooltip>
|
|
|
<!-- v-if="role == '1'" -->
|
|
|
- <!-- <div @click="get(item)">预览</div> -->
|
|
|
- <!-- <div @click="jump(item.courseId)" v-else>评课</div> -->
|
|
|
+ <!-- <div @click="get(item)">Preview</div> -->
|
|
|
+ <!-- <div @click="jump(item.courseId)" v-else>Evaluate Course</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)">
|
|
|
- 修改
|
|
|
+ Edit
|
|
|
</div>
|
|
|
<div v-if="((item.userid == userid) ||
|
|
|
(item.course_teacher &&
|
|
|
item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
|
|
|
item.state == 2
|
|
|
" @click="goToCourse(item.courseId)">
|
|
|
- 修改
|
|
|
+ Edit
|
|
|
</div>
|
|
|
<div v-if="((item.userid == userid) ||
|
|
|
(item.course_teacher &&
|
|
|
item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
|
|
|
item.state == 3
|
|
|
" @click="goToCourse3(item.courseId)">
|
|
|
- 修改
|
|
|
+ Edit
|
|
|
</div> -->
|
|
|
<!-- <div v-if="groupA == '0'" @click="
|
|
|
goTo(
|
|
@@ -314,26 +314,26 @@
|
|
|
role
|
|
|
)
|
|
|
">
|
|
|
- 评价
|
|
|
+ Evaluate
|
|
|
</div> -->
|
|
|
<!-- <div @click="copyCourse(item.courseId)">
|
|
|
- 复制
|
|
|
+ Copy
|
|
|
</div>
|
|
|
<div v-if="item.isCourseType == 1 || role == '1'" @click="deleteCourse(item.courseId)">
|
|
|
- 删除
|
|
|
+ Delete
|
|
|
</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>
|
|
|
+ <span @click="copyCourse(item.courseId)">Copy</span>
|
|
|
+ <span @click="jump(item.courseId)" v-if="role == '1'">Evaluate Course</span>
|
|
|
+ <span @click="get(item.courseId)" v-else>Preview</span>
|
|
|
+ <span @click="getNT(item.courseId)">No Terminal</span>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="course_empty" v-if="course.length == 0">暂无数据</div>
|
|
|
+ <div class="course_empty" v-if="course.length == 0">No Data Available</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -344,7 +344,7 @@
|
|
|
<el-dialog :visible.sync="dialogVisible1" size="tiny">
|
|
|
<img width="100%" :src="dialogImageUrl" alt />
|
|
|
</el-dialog>
|
|
|
- <el-dialog title="查看提问" :visible.sync="dialogVisible" :append-to-body="true" width="750px" :before-close="handleClose"
|
|
|
+ <el-dialog title="View Questions" :visible.sync="dialogVisible" :append-to-body="true" width="750px" :before-close="handleClose"
|
|
|
class="dialog_diy">
|
|
|
<div>
|
|
|
<div class="a_addBox">
|
|
@@ -352,10 +352,10 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisible = false">关 闭</el-button>
|
|
|
+ <el-button @click="dialogVisible = false">Close</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
- <el-dialog title="查看协同课程" :visible.sync="dialogVisibleCourse" :append-to-body="true" width="850px"
|
|
|
+ <el-dialog title="View Collaborative Courses" :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">
|
|
@@ -369,11 +369,11 @@
|
|
|
</div>
|
|
|
<div class="bottom_box">
|
|
|
<div>{{ item.title }}</div>
|
|
|
- <div class="kc_t">创建老师:{{ item.uname }}</div>
|
|
|
+ <div class="kc_t">Created by: {{ item.uname }}</div>
|
|
|
<div class="kc_time">{{ item.time }}</div>
|
|
|
</div>
|
|
|
<div class="three_bottom">
|
|
|
- <div @click="jump(item.courseId)">查看内容</div>
|
|
|
+ <div @click="jump(item.courseId)">View Content</div>
|
|
|
<div @click="
|
|
|
goTo(
|
|
|
'/course/addCourse?cid=' +
|
|
@@ -386,14 +386,14 @@
|
|
|
org
|
|
|
)
|
|
|
">
|
|
|
- 编辑
|
|
|
+ Edit
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="course_empty" v-if="courseTeam.length == 0">暂无数据</div>
|
|
|
+ <div class="course_empty" v-if="courseTeam.length == 0">No Data Available</div>
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisibleCourse = false">关 闭</el-button>
|
|
|
+ <el-button @click="dialogVisibleCourse = false">Close</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
<shareDialog ref="shareDialogRef"/>
|