|
|
@@ -3,7 +3,10 @@
|
|
|
<div class="pb_content_body" style="height: 100%">
|
|
|
<div class="body_student">
|
|
|
<div class="student_head">
|
|
|
- <div class="return" @click.stop="goTo('/index?userid=' + userid + '&oid=' + oid)">
|
|
|
+ <div
|
|
|
+ class="return"
|
|
|
+ @click.stop="goTo('/index?userid=' + userid + '&oid=' + oid)"
|
|
|
+ >
|
|
|
返回
|
|
|
<!-- <img src="../assets/icon/return.png" alt="" /> -->
|
|
|
</div>
|
|
|
@@ -27,19 +30,35 @@
|
|
|
<div class="man">
|
|
|
<img src="../assets/people.png" alt />
|
|
|
</div>
|
|
|
- <div class="person">{{ courseDetail.vcount != null ? courseDetail.vcount : 0 }}人</div>
|
|
|
+ <div class="person">
|
|
|
+ {{ courseDetail.vcount != null ? courseDetail.vcount : 0 }}人
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="cType">
|
|
|
- <div class="all_choose" v-for="(item, index) in courseType" :key="index">
|
|
|
- <span style="{'margin-left':index>0?'10px':''}">{{ item+":"}}</span>
|
|
|
+ <div
|
|
|
+ class="all_choose"
|
|
|
+ v-for="(item, index) in courseType"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ style="
|
|
|
+ {
|
|
|
+ 'margin-left':index>0?'10px': '';
|
|
|
+ }
|
|
|
+ "
|
|
|
+ >{{ item + ":" }}</span
|
|
|
+ >
|
|
|
<span
|
|
|
class="type_children"
|
|
|
- v-for="(item2,index2) in courseTypeJson[item]"
|
|
|
+ v-for="(item2, index2) in courseTypeJson[item]"
|
|
|
:key="index2"
|
|
|
- >{{ item2 }}</span>
|
|
|
+ >{{ item2 }}</span
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="now_study" @click="dialogVisible = true">立即学习</div>
|
|
|
+ <div class="now_study" @click="dialogVisible = true">
|
|
|
+ 立即学习
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -64,21 +83,35 @@
|
|
|
</div>
|
|
|
<div style="width: 80%; background: #fff">
|
|
|
<div class="choose_who">
|
|
|
- <div class="who_choose" :class="choose == 0 ? 'choose' : ''" @click="choose = 0">项目详情</div>
|
|
|
- <div class="who_choose" :class="choose == 1 ? 'choose' : ''" @click="choose = 1">项目学员</div>
|
|
|
+ <div
|
|
|
+ class="who_choose"
|
|
|
+ :class="choose == 0 ? 'choose' : ''"
|
|
|
+ @click="choose = 0"
|
|
|
+ >
|
|
|
+ 项目详情
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="who_choose"
|
|
|
+ :class="choose == 1 ? 'choose' : ''"
|
|
|
+ @click="choose = 1"
|
|
|
+ >
|
|
|
+ 项目学员
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="right" v-if="choose == 0">
|
|
|
<div class="nav">
|
|
|
{{
|
|
|
- courseDetail.brief != null
|
|
|
- ? courseDetail.brief
|
|
|
- : "暂无课程简介"
|
|
|
+ courseDetail.brief != null
|
|
|
+ ? courseDetail.brief
|
|
|
+ : "暂无课程简介"
|
|
|
}}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="right_one" v-else>
|
|
|
<div class="student" v-if="aStudentName.length > 0">
|
|
|
- <div v-for="(item, index) in aStudentName" :key="index">{{ item.name }}</div>
|
|
|
+ <div v-for="(item, index) in aStudentName" :key="index">
|
|
|
+ {{ item.name }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="student" v-else>暂无课程学员</div>
|
|
|
</div>
|
|
|
@@ -492,6 +525,7 @@ export default {
|
|
|
flex-direction: row;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
+ margin-top: 20px;
|
|
|
}
|
|
|
.cType > div > span {
|
|
|
font-size: 18px;
|
|
|
@@ -500,7 +534,11 @@ export default {
|
|
|
.type_children + .type_children {
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
-.all_choose{
|
|
|
+.all_choose {
|
|
|
margin-right: 15px;
|
|
|
+ width: 180px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
</style>
|
zengyicheng