|
@@ -3,7 +3,7 @@
|
|
|
<div class="pb_content_body" :style="{marginTop : gotype ? '75px' : 0}">
|
|
<div class="pb_content_body" :style="{marginTop : gotype ? '75px' : 0}">
|
|
|
<div v-if="gotype" class="r_pub_button_retrun" @click.stop="backliyuan">
|
|
<div v-if="gotype" class="r_pub_button_retrun" @click.stop="backliyuan">
|
|
|
<img src="../assets/icon/course/backPage.svg" alt="">
|
|
<img src="../assets/icon/course/backPage.svg" alt="">
|
|
|
- AI通识课
|
|
|
|
|
|
|
+ {{ lang.ssAiGeneralCourse }}
|
|
|
</div>
|
|
</div>
|
|
|
<div class="student_head" v-else>
|
|
<div class="student_head" v-else>
|
|
|
|
|
|
|
@@ -18,16 +18,16 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="reBox">
|
|
<div class="reBox">
|
|
|
<div class="reTop">
|
|
<div class="reTop">
|
|
|
- <div>课程</div>
|
|
|
|
|
|
|
+ <div>{{ lang.ssCourse }}</div>
|
|
|
<div>
|
|
<div>
|
|
|
<div class="search" @click="search">
|
|
<div class="search" @click="search">
|
|
|
<img src="../assets/icon/search.png" alt="" />
|
|
<img src="../assets/icon/search.png" alt="" />
|
|
|
</div>
|
|
</div>
|
|
|
- <input class="sInput" type="text" placeholder="请输入关键字" v-model="sCourse" @keyup.enter="search"/>
|
|
|
|
|
|
|
+ <input class="sInput" type="text" :placeholder="lang.ssEnterKeyword" v-model="sCourse" @keyup.enter="search"/>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
|
|
<div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
|
|
|
- <span>类型</span>
|
|
|
|
|
|
|
+ <span>{{ lang.ssType }}</span>
|
|
|
<el-radio-group v-model="pTypeCheckName" style="display: flex; align-items: center">
|
|
<el-radio-group v-model="pTypeCheckName" style="display: flex; align-items: center">
|
|
|
<div class="all_choose" style="width: 100px" v-for="(item, index) in CourseType3" :key="index">
|
|
<div class="all_choose" style="width: 100px" v-for="(item, index) in CourseType3" :key="index">
|
|
|
<el-radio :label="item.name" @click.native.prevent="CourseType2Click(item.name)">{{
|
|
<el-radio :label="item.name" @click.native.prevent="CourseType2Click(item.name)">{{
|
|
@@ -49,7 +49,7 @@
|
|
|
: true)">
|
|
: true)">
|
|
|
<div class="cName" @click="getCourse(item.name, '', item.id, 1)"
|
|
<div class="cName" @click="getCourse(item.name, '', item.id, 1)"
|
|
|
:class="typeE.indexOf(item.id) != -1 ? 'isCType' : ''">
|
|
:class="typeE.indexOf(item.id) != -1 ? 'isCType' : ''">
|
|
|
- 全部
|
|
|
|
|
|
|
+ {{ lang.ssAll }}
|
|
|
</div>
|
|
</div>
|
|
|
<div v-for="(item1, index1) in CourseTypeJson[item.id]" :key="index + '-' + index1" :label="item1.id"
|
|
<div v-for="(item1, index1) in CourseTypeJson[item.id]" :key="index + '-' + index1" :label="item1.id"
|
|
|
@click="getCourse(item.name, item.id, item1.id, 2)">
|
|
@click="getCourse(item.name, item.id, item1.id, 2)">
|
|
@@ -67,9 +67,9 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="body_student" v-loading="loading">
|
|
<div class="body_student" v-loading="loading">
|
|
|
<div class="typeCheck">
|
|
<div class="typeCheck">
|
|
|
- <div><el-switch v-model="orderBy"></el-switch><span>按名字排序</span></div>
|
|
|
|
|
- <div><el-switch v-model="typeCheck"></el-switch><span>分类显示</span></div>
|
|
|
|
|
- <div v-if="oidArray.indexOf(oid) !== -1"><el-switch v-model="typeCheck2"></el-switch><span>按年级显示</span></div>
|
|
|
|
|
|
|
+ <div><el-switch v-model="orderBy"></el-switch><span>{{ lang.ssSortByName }}</span></div>
|
|
|
|
|
+ <div><el-switch v-model="typeCheck"></el-switch><span>{{ lang.ssCategoryDisplay }}</span></div>
|
|
|
|
|
+ <div v-if="oidArray.indexOf(oid) !== -1"><el-switch v-model="typeCheck2"></el-switch><span>{{ lang.ssDisplayByGrade }}</span></div>
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
|
<div class="main_box">
|
|
<div class="main_box">
|
|
@@ -110,8 +110,9 @@
|
|
|
<el-tooltip class="typeN" effect="light" :content="item.typename" placement="top">
|
|
<el-tooltip class="typeN" effect="light" :content="item.typename" placement="top">
|
|
|
<div>{{ item.typename }}</div>
|
|
<div>{{ item.typename }}</div>
|
|
|
</el-tooltip>
|
|
</el-tooltip>
|
|
|
-
|
|
|
|
|
- <div>{{ JSON.parse(item.chapters).length }}阶段</div>
|
|
|
|
|
|
|
+ <template v-if="item.state != 7">
|
|
|
|
|
+ <div>{{ lang.ssStage.replace(/\*/g, JSON.parse(item.chapters).length) }}</div>
|
|
|
|
|
+ </template>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="school_box">
|
|
<div class="school_box">
|
|
|
<el-tooltip effect="light" :content="item.school" placement="top">
|
|
<el-tooltip effect="light" :content="item.school" placement="top">
|
|
@@ -140,7 +141,7 @@
|
|
|
screenType,item.courseId
|
|
screenType,item.courseId
|
|
|
)
|
|
)
|
|
|
">
|
|
">
|
|
|
- 立即学习
|
|
|
|
|
|
|
+ {{ lang.ssStartLearning }}
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -184,8 +185,9 @@
|
|
|
<el-tooltip class="typeN" effect="light" :content="item.typename" placement="top">
|
|
<el-tooltip class="typeN" effect="light" :content="item.typename" placement="top">
|
|
|
<div>{{ item.typename }}</div>
|
|
<div>{{ item.typename }}</div>
|
|
|
</el-tooltip>
|
|
</el-tooltip>
|
|
|
-
|
|
|
|
|
- <div>{{ JSON.parse(item.chapters).length }}阶段</div>
|
|
|
|
|
|
|
+ <template v-if="item.state != 7">
|
|
|
|
|
+ <div>{{ lang.ssStage.replace(/\*/g, JSON.parse(item.chapters).length) }}</div>
|
|
|
|
|
+ </template>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="school_box">
|
|
<div class="school_box">
|
|
|
<el-tooltip effect="light" :content="item.school" placement="top">
|
|
<el-tooltip effect="light" :content="item.school" placement="top">
|
|
@@ -214,14 +216,14 @@
|
|
|
screenType,item.courseId
|
|
screenType,item.courseId
|
|
|
)
|
|
)
|
|
|
">
|
|
">
|
|
|
- 立即学习
|
|
|
|
|
|
|
+ {{ lang.ssStartLearning }}
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="course_empty" v-if="zoneClass.length == 0">
|
|
<div class="course_empty" v-if="zoneClass.length == 0">
|
|
|
- 暂无课程
|
|
|
|
|
|
|
+ {{ lang.ssNoCourse }}
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -411,7 +413,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- } else if (typeName == "专栏") {
|
|
|
|
|
|
|
+ } else if (typeName == this.lang.ssColumn) {
|
|
|
if (type == 1) {
|
|
if (type == 1) {
|
|
|
if (this.typeE.indexOf(typeid) != -1) {
|
|
if (this.typeE.indexOf(typeid) != -1) {
|
|
|
if(this.oid == '69893dca-1d47-11ed-8c78-005056b86db5'){
|
|
if(this.oid == '69893dca-1d47-11ed-8c78-005056b86db5'){
|
|
@@ -438,7 +440,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- } else if (typeName == "栏目") {
|
|
|
|
|
|
|
+ } else if (typeName == this.lang.ssCategory) {
|
|
|
if (type == 1) {
|
|
if (type == 1) {
|
|
|
if (this.typeE.indexOf(typeid) != -1) {
|
|
if (this.typeE.indexOf(typeid) != -1) {
|
|
|
if(this.oid == '69893dca-1d47-11ed-8c78-005056b86db5'){
|
|
if(this.oid == '69893dca-1d47-11ed-8c78-005056b86db5'){
|
|
@@ -465,7 +467,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- } else if (typeName == "主题") {
|
|
|
|
|
|
|
+ } else if (typeName == this.lang.ssTopic) {
|
|
|
if (type == 1) {
|
|
if (type == 1) {
|
|
|
if (this.typeE.indexOf(typeid) != -1) {
|
|
if (this.typeE.indexOf(typeid) != -1) {
|
|
|
if(this.oid == '69893dca-1d47-11ed-8c78-005056b86db5'){
|
|
if(this.oid == '69893dca-1d47-11ed-8c78-005056b86db5'){
|
|
@@ -492,7 +494,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- } else if (typeName == "学院") {
|
|
|
|
|
|
|
+ } else if (typeName == this.lang.ssCollege) {
|
|
|
if (type == 1) {
|
|
if (type == 1) {
|
|
|
if (this.typeE.indexOf(typeid) != -1) {
|
|
if (this.typeE.indexOf(typeid) != -1) {
|
|
|
if(this.oid == '69893dca-1d47-11ed-8c78-005056b86db5'){
|
|
if(this.oid == '69893dca-1d47-11ed-8c78-005056b86db5'){
|
|
@@ -669,7 +671,7 @@ export default {
|
|
|
if (noTypeCourse.length > 0 && !this.pTypeCheckName.length) {
|
|
if (noTypeCourse.length > 0 && !this.pTypeCheckName.length) {
|
|
|
CourseType2.push({
|
|
CourseType2.push({
|
|
|
course: noTypeCourse,
|
|
course: noTypeCourse,
|
|
|
- name: '其他'
|
|
|
|
|
|
|
+ name: this.lang.ssOther
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
CourseType2 = CourseType2.filter(item => {
|
|
CourseType2 = CourseType2.filter(item => {
|
|
@@ -809,9 +811,9 @@ export default {
|
|
|
this.CourseTypeJson = {};
|
|
this.CourseTypeJson = {};
|
|
|
this.CourseType = res.data;
|
|
this.CourseType = res.data;
|
|
|
this.CourseType3 = [
|
|
this.CourseType3 = [
|
|
|
- { name: "智见课程", id: [] },
|
|
|
|
|
- { name: "智行课程", id: [] },
|
|
|
|
|
- { name: "智创课程", id: [] },
|
|
|
|
|
|
|
+ { name: this.lang.ssWisdomSeeCourse, id: [] },
|
|
|
|
|
+ { name: this.lang.ssWisdomDoCourse, id: [] },
|
|
|
|
|
+ { name: this.lang.ssWisdomCreateCourse, id: [] },
|
|
|
];
|
|
];
|
|
|
|
|
|
|
|
for (var cti = 0; cti < res.data[0].length; cti++) {
|
|
for (var cti = 0; cti < res.data[0].length; cti++) {
|
|
@@ -827,11 +829,11 @@ export default {
|
|
|
this.CourseType3[2].id.push(res.data[0][cti].id);
|
|
this.CourseType3[2].id.push(res.data[0][cti].id);
|
|
|
}
|
|
}
|
|
|
if(res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86db5" || res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86ac5"){
|
|
if(res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86db5" || res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86ac5"){
|
|
|
- res.data[0][cti].name = "年级";
|
|
|
|
|
|
|
+ res.data[0][cti].name = this.lang.ssGrade;
|
|
|
}else if(res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86db5" || res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86ac5"){
|
|
}else if(res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86db5" || res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86ac5"){
|
|
|
- res.data[0][cti].name = "学科";
|
|
|
|
|
|
|
+ res.data[0][cti].name = this.lang.ssSubjectName;
|
|
|
}else if(res.data[0][cti].id == "34629bcc-d02f-11ec-8c78-005056b86db5"){
|
|
}else if(res.data[0][cti].id == "34629bcc-d02f-11ec-8c78-005056b86db5"){
|
|
|
- res.data[0][cti].name = "主题";
|
|
|
|
|
|
|
+ res.data[0][cti].name = this.lang.ssTopic;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
for (var i = 0; i < res.data[0].length; i++) {
|
|
for (var i = 0; i < res.data[0].length; i++) {
|
|
@@ -842,8 +844,8 @@ export default {
|
|
|
this.CourseTypeJson[res.data[0][i].id] = [];
|
|
this.CourseTypeJson[res.data[0][i].id] = [];
|
|
|
}
|
|
}
|
|
|
if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
|
|
if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
|
|
|
- if (res.data[0][i].name == "栏目") {
|
|
|
|
|
- this.CourseType[0][i].name = "主题";
|
|
|
|
|
|
|
+ if (res.data[0][i].name == this.lang.ssCategory) {
|
|
|
|
|
+ this.CourseType[0][i].name = this.lang.ssTopic;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -873,6 +875,10 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ if (this.CourseType[0] && this.CourseType[0].length && this.lang.lang == 'com') {
|
|
|
|
|
+ this.CourseType[0] = this.CourseType[0].filter(item => item.id != '34629bcc-d02f-11ec-8c78-005056b86db5');
|
|
|
|
|
+ }
|
|
|
if (this.typeCheck || this.typeCheck2) {
|
|
if (this.typeCheck || this.typeCheck2) {
|
|
|
this.selectAll();
|
|
this.selectAll();
|
|
|
} else {
|
|
} else {
|
|
@@ -895,8 +901,8 @@ export default {
|
|
|
this.courseTypeId[res.data[0][i].id] = "";
|
|
this.courseTypeId[res.data[0][i].id] = "";
|
|
|
}
|
|
}
|
|
|
if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
|
|
if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
|
|
|
- if (res.data[0][i].name == "栏目") {
|
|
|
|
|
- this.CourseType[0][i].name = "主题";
|
|
|
|
|
|
|
+ if (res.data[0][i].name == this.lang.ssCategory) {
|
|
|
|
|
+ this.CourseType[0][i].name = this.lang.ssTopic;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
for (var j = 0; j < res.data[1].length; j++) {
|
|
for (var j = 0; j < res.data[1].length; j++) {
|
|
@@ -1186,6 +1192,7 @@ export default {
|
|
|
justify-content: space-evenly;
|
|
justify-content: space-evenly;
|
|
|
align-items: flex-start;
|
|
align-items: flex-start;
|
|
|
padding: 10px 0;
|
|
padding: 10px 0;
|
|
|
|
|
+ gap: 10px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.all_choose {
|
|
.all_choose {
|
|
@@ -1196,10 +1203,10 @@ export default {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.all_choose>span {
|
|
|
|
|
|
|
+.all_choose > span {
|
|
|
min-width: 85px;
|
|
min-width: 85px;
|
|
|
display: block;
|
|
display: block;
|
|
|
- letter-spacing: 14px;
|
|
|
|
|
|
|
+ /* letter-spacing: 14px; */
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.all_choose>span:nth-child(1) {
|
|
.all_choose>span:nth-child(1) {
|
|
@@ -1238,13 +1245,17 @@ export default {
|
|
|
|
|
|
|
|
.cName {
|
|
.cName {
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
- margin: 0 10px 10px 0;
|
|
|
|
|
|
|
+ /* margin: 0 10px 10px 0; */
|
|
|
color: #b9b6b9;
|
|
color: #b9b6b9;
|
|
|
- min-width: 80px;
|
|
|
|
|
- width: 80px;
|
|
|
|
|
- white-space: nowrap;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
|
|
|
+ /* min-width: 80px; */
|
|
|
|
|
+ /* width: 80px; */
|
|
|
|
|
+ flex-shrink: 0;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ /* white-space: nowrap; */
|
|
|
|
|
+ /* overflow: hidden;
|
|
|
|
|
+ text-overflow: ellipsis; */
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.reBox {
|
|
.reBox {
|
|
@@ -1333,9 +1344,12 @@ export default {
|
|
|
|
|
|
|
|
.typeCss {
|
|
.typeCss {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- flex-direction: row;
|
|
|
|
|
|
|
+ /* flex-direction: row; */
|
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
|
- justify-content: flex-start;
|
|
|
|
|
|
|
+ /* align-items: center; */
|
|
|
|
|
+ /* justify-content: center; */
|
|
|
|
|
+ gap: 15px;
|
|
|
|
|
+ /* justify-content: flex-start; */
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
}
|
|
}
|
|
|
|
|
|