|
@@ -6,7 +6,12 @@
|
|
|
@click-left="onClickLeft"
|
|
|
/>
|
|
|
<div class="nav">
|
|
|
- <img class="coverImg" :src="https + yxMsg.yjkc_img" alt="" />
|
|
|
+ <img
|
|
|
+ v-if="yxMsg.yjkc_img"
|
|
|
+ class="coverImg"
|
|
|
+ :src="https + yxMsg.yjkc_img.split(',')[1]"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
<h3 class="title">
|
|
|
{{ yxMsg.yjkc_title }}
|
|
|
<span class="hour" v-if="yxMsg.yjkc_kss"
|
|
@@ -52,11 +57,15 @@
|
|
|
finish-icon="stop"
|
|
|
inactive-color="#999"
|
|
|
>
|
|
|
- <van-step v-for="(c,i) in yxMsg.yjkc_kss" :key="c">
|
|
|
+ <van-step v-for="(c, i) in yxMsg.yjkc_kss" :key="c">
|
|
|
<div class="className">
|
|
|
<p>第{{ c.yjkcdg_no }}讲</p>
|
|
|
- <span v-if="c.is_finish === '1'">已学完</span>
|
|
|
- <span @click="study(c,i)" v-if="c.is_finish === '0'">未学习</span>
|
|
|
+ <span v-if="c.is_finish === '1'" @click="studyAgain(c)"
|
|
|
+ >已学完</span
|
|
|
+ >
|
|
|
+ <span @click="study(c, i)" v-if="c.is_finish === '0'"
|
|
|
+ >未学习</span
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="classTitle">
|
|
|
<p>{{ c.yjkcdg_title }}</p>
|
|
@@ -69,10 +78,12 @@
|
|
|
<ul v-if="yxMsg.rank.length" class="rank">
|
|
|
<li v-for="(v, i) in yxMsg.rank" :key="v">
|
|
|
<div class="order">
|
|
|
- <span>{{ i + 1 }}</span>
|
|
|
+ <span>
|
|
|
+ <span v-show="i > 2">{{ i + 1 }}</span></span
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="img">
|
|
|
- <img :src="https + yjkx_avatar" alt="" />
|
|
|
+ <img :src="v.yjkx_avatar" alt="" />
|
|
|
</div>
|
|
|
<div class="jindu">
|
|
|
<p class="teacher">
|
|
@@ -82,7 +93,7 @@
|
|
|
<div class="bar">
|
|
|
<div
|
|
|
:style="{
|
|
|
- width: 4.78 * 13.3 * (yxMsg.jindu * 0.01 ) + 'vw',
|
|
|
+ width: 4.78 * 13.3 * (yxMsg.jindu * 0.01) + 'vw',
|
|
|
}"
|
|
|
class="bar-blue"
|
|
|
></div>
|
|
@@ -122,7 +133,7 @@
|
|
|
<div v-show="show" class="cover"></div>
|
|
|
<van-dialog v-model:show="videoShow" title="学习视频">
|
|
|
<div>
|
|
|
- <video :src="https+videoSrc"></video>
|
|
|
+ <video :src="https + videoSrc" autoplay controls></video>
|
|
|
</div>
|
|
|
</van-dialog>
|
|
|
</div>
|
|
@@ -140,8 +151,7 @@ const active = ref(0);
|
|
|
const classactive = ref(1);
|
|
|
const show = ref(false); //覆盖层
|
|
|
const blueWidth = ref(0);
|
|
|
-const videoShow=ref(false);
|
|
|
-const videoIndex = ref('0');
|
|
|
+const videoShow = ref(false);
|
|
|
|
|
|
const cerShow = ref(false); //证书弹窗
|
|
|
function getZs(jindu) {
|
|
@@ -167,8 +177,8 @@ function getDetail() {
|
|
|
}
|
|
|
getDetail();
|
|
|
let addDate;
|
|
|
-let videoSrc = ref("")
|
|
|
-function study(c,i) {
|
|
|
+let videoSrc = ref("");
|
|
|
+function study(c, i) {
|
|
|
addDate = {
|
|
|
ybk_jsyx_kcxx: {
|
|
|
yjkc_id: yxMsg.value.yjkc_id,
|
|
@@ -178,14 +188,16 @@ function study(c,i) {
|
|
|
yjkx_avatar: user.user_avatar.middle,
|
|
|
},
|
|
|
};
|
|
|
- videoSrc.value = c.yjkcdg_zy.split(",")[1]
|
|
|
+ videoSrc.value = c.yjkcdg_zy.split(",")[1];
|
|
|
jsyx_add(addDate).then((res) => {
|
|
|
console.log(res, "222");
|
|
|
getDetail();
|
|
|
- videoShow.value=true;
|
|
|
- videoIndex.value=i;
|
|
|
+ videoShow.value = true;
|
|
|
});
|
|
|
-
|
|
|
+}
|
|
|
+function studyAgain(c) {
|
|
|
+ videoSrc.value = c.yjkcdg_zy.split(",")[1];
|
|
|
+ videoShow.value = true;
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
@@ -357,9 +369,13 @@ function study(c,i) {
|
|
|
width: 0.65 * 13.3vw;
|
|
|
line-height: 0.4 * 13.3vw;
|
|
|
position: relative;
|
|
|
+ text-align: center;
|
|
|
span {
|
|
|
font-size: 0.3 * 13.3vw;
|
|
|
line-height: 0.6 * 13.3vw;
|
|
|
+ span {
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.img {
|
|
@@ -434,8 +450,11 @@ function study(c,i) {
|
|
|
.order {
|
|
|
span {
|
|
|
color: #fff;
|
|
|
+ display: inline-block;
|
|
|
+ width: 0.45 * 13.3vw;
|
|
|
+ height: 0.45 * 13.3vw;
|
|
|
font-size: 0.2 * 13.3vw;
|
|
|
- z-index: 5;
|
|
|
+ // z-index: 5;
|
|
|
background-image: url("../../../assets/jscz/组\ 543.png");
|
|
|
background-size: 100%;
|
|
|
background-position: center;
|
|
@@ -448,6 +467,9 @@ function study(c,i) {
|
|
|
span {
|
|
|
color: #fff;
|
|
|
font-size: 0.2 * 13.3vw;
|
|
|
+ display: inline-block;
|
|
|
+ width: 0.45 * 13.3vw;
|
|
|
+ height: 0.45 * 13.3vw;
|
|
|
z-index: 5;
|
|
|
background-image: url("../../../assets/jscz/组\ 544.png");
|
|
|
background-size: 100%;
|