fix: 将所有http资源替换为https以提升安全性
refactor: 添加新的直播视图路由路径 style: 格式化代码并优化缩进
This commit is contained in:
parent
2d987351bc
commit
a2f0392fed
@ -12,7 +12,7 @@ module.exports = {
|
||||
assetsPublicPath: '/',
|
||||
proxyTable: {
|
||||
'/api': {
|
||||
// target: 'http://admin.jiangtang360.com/admin',
|
||||
// target: 'https://admins.jiangtang360.com/admin',
|
||||
target: 'http://sz-test.shengzhevictor.com', //设置调用接口域名和端口号别忘了加http///请求的第三方接口
|
||||
changeOrigin: true,///在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
|
||||
pathRewrite: {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="home">
|
||||
<!-- <div class="cover" @click="nextLead" v-if="step != 0">
|
||||
<div class="home">
|
||||
<!-- <div class="cover" @click="nextLead" v-if="step != 0">
|
||||
<img src="../../static/lead/1.png" class="img1" v-if="step == 1"/>
|
||||
<img src="../../static/lead/2.png" class="img2" v-if="step == 2"/>
|
||||
<img src="../../static/lead/3.png" class="img3" v-if="step == 3"/>
|
||||
@ -11,251 +11,288 @@
|
||||
<img src="../../static/lead/8.png" class="img8" v-if="step == 8"/>
|
||||
<img src="../../static/lead/9.png" class="img9" v-if="step == 9"/>
|
||||
</div> -->
|
||||
<common-top></common-top>
|
||||
<div class="all">
|
||||
<div class="top">
|
||||
<img :src="company.banner" alt="" class="tupian">
|
||||
<common-top></common-top>
|
||||
<div class="all">
|
||||
<div class="top">
|
||||
<img :src="company.banner" alt="" class="tupian">
|
||||
</div>
|
||||
<div class="daohang">
|
||||
<div class="daohang1" @click="goUrl('/Exam')">
|
||||
<img src="../../static/img/kaoshi.png" alt="" class="tupian">
|
||||
<p>考试</p>
|
||||
</div>
|
||||
<div class="daohang">
|
||||
<div class="daohang1" @click="goUrl('/Exam')">
|
||||
<img src="../../static/img/kaoshi.png" alt="" class="tupian">
|
||||
<p>考试</p>
|
||||
</div>
|
||||
<div class="daohang1" @click="goUrl('/courseAll')">
|
||||
<img src="../../static/img/kecheng.png" alt="" class="tupian">
|
||||
<p>课程</p>
|
||||
</div>
|
||||
<div class="daohang1" @click="goUrl('/certificate')">
|
||||
<img src="../../static/img/shu1.png" alt="" class="tupian">
|
||||
<p>证书</p>
|
||||
</div>
|
||||
<div class="daohang1" @click="goUrl('/LiuYanList')">
|
||||
<img src="../../static/img/liuyan.png" alt="" class="tupian liuyan">
|
||||
<p>留言</p>
|
||||
</div>
|
||||
<div class="daohang1" @click="goUrl('/courseAll')">
|
||||
<img src="../../static/img/kecheng.png" alt="" class="tupian">
|
||||
<p>课程</p>
|
||||
</div>
|
||||
<div class="kecheng">
|
||||
<div class="kecheng_biaoti">
|
||||
<p class="kecheng_biaotiL">课程展示</p>
|
||||
<p class="kecheng_biaotiR" @click="goUrl('/courseAll')">查看全部 <img class="fr" src="../../static/imgs/header_icon_right.svg" alt=""></p>
|
||||
</div>
|
||||
|
||||
<div class="kechenginfo" v-for="(item,index) in course" :key="index">
|
||||
<img :src="item.thumbnail" alt="">
|
||||
<div class="kechenginfoR">
|
||||
<p class="kechenginfoR_bt">{{item.name}}</p>
|
||||
<p class="kechenginfoR_xbt">{{item.description}}</p>
|
||||
<div class="kechenginfoR_bot">
|
||||
<div class="kechenginfoR_botL"><img src="../../static/img/yanjing.png" alt="" class="yanjing">{{item.page_view}}人</div>
|
||||
<div class="kechenginfoR_botR" @click="goCourseDetail(item.id)">进入课程</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="daohang1" @click="goUrl('/certificate')">
|
||||
<img src="../../static/img/shu1.png" alt="" class="tupian">
|
||||
<p>证书</p>
|
||||
</div>
|
||||
<div class="daohang1" @click="goUrl('/LiuYanList')">
|
||||
<img src="../../static/img/liuyan.png" alt="" class="tupian liuyan">
|
||||
<p>留言</p>
|
||||
</div>
|
||||
</div>
|
||||
<common-footer></common-footer>
|
||||
<div class="kecheng">
|
||||
<div class="kecheng_biaoti">
|
||||
<p class="kecheng_biaotiL">课程展示</p>
|
||||
<p class="kecheng_biaotiR" @click="goUrl('/courseAll')">查看全部 <img class="fr"
|
||||
src="../../static/imgs/header_icon_right.svg" alt=""></p>
|
||||
</div>
|
||||
|
||||
<div class="kechenginfo" v-for="(item, index) in course" :key="index">
|
||||
<img :src="item.thumbnail" alt="">
|
||||
<div class="kechenginfoR">
|
||||
<p class="kechenginfoR_bt">{{ item.name }}</p>
|
||||
<p class="kechenginfoR_xbt">{{ item.description }}</p>
|
||||
<div class="kechenginfoR_bot">
|
||||
<div class="kechenginfoR_botL"><img src="../../static/img/yanjing.png" alt=""
|
||||
class="yanjing">{{ item.page_view }}人</div>
|
||||
<div class="kechenginfoR_botR" @click="goCourseDetail(item.id)">进入课程</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<common-footer></common-footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CommonTop from './common/CommonTop'
|
||||
import CommonFooter from "./common/CommonFooter";
|
||||
import { getStore, setStore } from '@/utils/storage'
|
||||
import { Toast } from "mint-ui";
|
||||
export default {
|
||||
name: "Homes",
|
||||
components:{ CommonTop,CommonFooter },
|
||||
data(){
|
||||
return{
|
||||
company:{},
|
||||
course:[],
|
||||
step: 0
|
||||
}
|
||||
},
|
||||
created(){
|
||||
},
|
||||
mounted(){
|
||||
|
||||
this.getPageData();
|
||||
},
|
||||
methods:{
|
||||
goCourseDetail (id){
|
||||
this.$router.push({path: '/courseDetail?id=' + id});
|
||||
},
|
||||
goUrl (url){
|
||||
this.$router.push({path: url});
|
||||
},
|
||||
getPageData(){
|
||||
let is_lead = getStore('is_lead1');
|
||||
// console.log(is_lead)
|
||||
if(is_lead==0 || is_lead==null){
|
||||
this.step = 1;
|
||||
}
|
||||
this.getData('/Home/home',{token:getStore('token')}).then(
|
||||
data=>{
|
||||
if(data.code==1){
|
||||
this.company = data.data.company;
|
||||
this.course = data.data.course;
|
||||
var courseName = this.course.map(v => {return v.name})
|
||||
//证书需要课程名称，所以用localStorage缓存
|
||||
localStorage.setItem("courseName", JSON.stringify(courseName));
|
||||
}else{
|
||||
Toast(data.msg);
|
||||
}
|
||||
},
|
||||
err=>{ })
|
||||
},
|
||||
nextLead(){
|
||||
if (this.step == 9){
|
||||
this.step = 0
|
||||
// setStore('is_lead1', 1);
|
||||
}else{
|
||||
this.step++
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
import CommonTop from './common/CommonTop'
|
||||
import CommonFooter from "./common/CommonFooter";
|
||||
import { getStore, setStore } from '@/utils/storage'
|
||||
import { Toast } from "mint-ui";
|
||||
export default {
|
||||
name: "Homes",
|
||||
components: { CommonTop, CommonFooter },
|
||||
data() {
|
||||
return {
|
||||
company: {},
|
||||
course: [],
|
||||
step: 0
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
mounted() {
|
||||
|
||||
this.getPageData();
|
||||
},
|
||||
methods: {
|
||||
goCourseDetail(id) {
|
||||
this.$router.push({ path: '/courseDetail?id=' + id });
|
||||
},
|
||||
goUrl(url) {
|
||||
this.$router.push({ path: url });
|
||||
},
|
||||
getPageData() {
|
||||
let is_lead = getStore('is_lead1');
|
||||
// console.log(is_lead)
|
||||
if (is_lead == 0 || is_lead == null) {
|
||||
this.step = 1;
|
||||
}
|
||||
this.getData('/Home/home', { token: getStore('token') }).then(
|
||||
data => {
|
||||
if (data.code == 1) {
|
||||
this.company = data.data.company;
|
||||
//替换图片为https地址
|
||||
this.company.banner = this.company.banner.replace(
|
||||
"http://img",
|
||||
"https://imgs"
|
||||
);
|
||||
this.company.thumbnail = this.company.thumbnail.replace(
|
||||
"http://img",
|
||||
"https://imgs"
|
||||
);
|
||||
this.course = data.data.course;
|
||||
//替换图片为https地址
|
||||
for (let index = 0; index < this.course.length; index++) {
|
||||
this.course[index].thumbnail = this.course[index].thumbnail.replace(
|
||||
"http://img",
|
||||
"https://imgs"
|
||||
);
|
||||
}
|
||||
var courseName = this.course.map(v => { return v.name })
|
||||
//证书需要课程名称，所以用localStorage缓存
|
||||
localStorage.setItem("courseName", JSON.stringify(courseName));
|
||||
} else {
|
||||
Toast(data.msg);
|
||||
}
|
||||
},
|
||||
err => { })
|
||||
},
|
||||
nextLead() {
|
||||
if (this.step == 9) {
|
||||
this.step = 0
|
||||
// setStore('is_lead1', 1);
|
||||
} else {
|
||||
this.step++
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.all{
|
||||
padding: 5rem 0 6.5rem;
|
||||
.all {
|
||||
padding: 5rem 0 6.5rem;
|
||||
}
|
||||
|
||||
.top {
|
||||
width: 30rem;
|
||||
margin: auto;
|
||||
height: 18rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 15rem;
|
||||
object-fit: cover;
|
||||
}
|
||||
.top{
|
||||
width: 30rem;
|
||||
margin: auto;
|
||||
height: 18rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
img{
|
||||
width: 100%;
|
||||
height: 15rem;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.daohang {
|
||||
width: 90%;
|
||||
height: 6rem;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.daohang1 {
|
||||
width: 25%;
|
||||
border-right: 1px solid #CCCCCC;
|
||||
font-size: 1.35rem;
|
||||
|
||||
&:last-child {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
.daohang{
|
||||
width: 90%;
|
||||
height: 6rem;
|
||||
margin: auto;
|
||||
|
||||
.liuyan1 {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.tupian {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.kecheng {
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
|
||||
.kecheng_biaoti {
|
||||
margin: 1rem 0;
|
||||
height: 3rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.daohang1{
|
||||
width: 25%;
|
||||
border-right: 1px solid #CCCCCC;
|
||||
font-size:1.35rem;
|
||||
&:last-child{
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
.liuyan1{
|
||||
border-right: none;
|
||||
}
|
||||
.tupian{
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.kecheng_biaotiL {
|
||||
font-size: 1.56rem;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.kecheng_biaotiR {
|
||||
font-size: 1.25rem;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-weight: 400;
|
||||
color: #C5C5C5;
|
||||
|
||||
.fr {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
}
|
||||
}
|
||||
.kecheng{
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
.kecheng_biaoti{
|
||||
margin: 1rem 0;
|
||||
height: 3rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.kecheng_biaotiL{
|
||||
font-size:1.56rem;
|
||||
font-family:MicrosoftYaHei;
|
||||
font-weight:bold;
|
||||
}
|
||||
.kecheng_biaotiR{
|
||||
font-size:1.25rem;
|
||||
font-family:MicrosoftYaHei;
|
||||
font-weight:400;
|
||||
color:#C5C5C5;
|
||||
.fr{
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.kechenginfo{
|
||||
padding: 2rem 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
>img{
|
||||
width: 13rem;
|
||||
height: 10rem;
|
||||
object-fit: cover;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
.kechenginfoR{
|
||||
width: 56%;
|
||||
.kechenginfo {
|
||||
padding: 2rem 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
|
||||
>img {
|
||||
width: 13rem;
|
||||
height: 10rem;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
}
|
||||
.kechenginfoR_bt{
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size:1.67rem;
|
||||
font-family:MicrosoftYaHei;
|
||||
font-weight:400;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.kechenginfoR_xbt{
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size:1.25rem;
|
||||
font-family:MicrosoftYaHei;
|
||||
font-weight:400;
|
||||
color:#5E5E5E;
|
||||
margin: 1rem 0;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.kechenginfoR_bot{
|
||||
height: 4rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.kechenginfoR_botL{
|
||||
color: #CCCCCC;
|
||||
font-size:1.25rem;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
.yanjing{
|
||||
width:1.5rem;
|
||||
height:1.5rem;
|
||||
object-fit: cover;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.kechenginfoR_botR{
|
||||
width:8rem;
|
||||
height:3rem;
|
||||
background:#f2f2f2;
|
||||
border-radius:2rem;
|
||||
text-align: center;
|
||||
line-height: 3rem;
|
||||
color: #D4A458;
|
||||
font-size:1.25rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.kechenginfoR {
|
||||
width: 56%;
|
||||
height: 10rem;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.kechenginfoR_bt {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 1.67rem;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-weight: 400;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.kechenginfoR_xbt {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 1.25rem;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-weight: 400;
|
||||
color: #5E5E5E;
|
||||
margin: 1rem 0;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.kechenginfoR_bot {
|
||||
height: 4rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.kechenginfoR_botL {
|
||||
color: #CCCCCC;
|
||||
font-size: 1.25rem;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.yanjing {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.kechenginfoR_botR {
|
||||
width: 8rem;
|
||||
height: 3rem;
|
||||
background: #f2f2f2;
|
||||
border-radius: 2rem;
|
||||
text-align: center;
|
||||
line-height: 3rem;
|
||||
color: #D4A458;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -32,7 +32,7 @@
|
||||
data-vidtype="1"
|
||||
style="position: relative; z-index: 1; height: 35em; width: 31em"
|
||||
scrolling="no"
|
||||
src="http://img.jiangtang360.com/1666599415204.mp4"
|
||||
src="https://imgs.jiangtang360.com/1666599415204.mp4"
|
||||
allowfullscreen="1"
|
||||
frameborder="0"
|
||||
></iframe>
|
||||
|
||||
@ -30,7 +30,7 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
createQRCode(num) {
|
||||
axios.get("http://admin.jiangtang360.com/api/Card/getTime").then(
|
||||
axios.get("https://admins.jiangtang360.com/api/Card/getTime").then(
|
||||
(res) => {
|
||||
if (num === 1) {
|
||||
var redirect_uri = encodeURIComponent(this.redirect_uri)+res.data;
|
||||
|
||||
@ -77,7 +77,7 @@ export default {
|
||||
var params = new URLSearchParams(query);
|
||||
//扫描二维码传入的时间
|
||||
var paramValue = params.get("nowTime");
|
||||
axios.get("http://admin.jiangtang360.com/api/Card/getTime").then(
|
||||
axios.get("https://admins.jiangtang360.com/api/Card/getTime").then(
|
||||
(res) => {
|
||||
if (
|
||||
Number(paramValue) + 1000 * 60 * 5 > res.data &&
|
||||
@ -99,7 +99,7 @@ export default {
|
||||
getOpenid(code) {
|
||||
let formData = new FormData();
|
||||
formData.append("code", code);
|
||||
axios.post("http://admin.jiangtang360.com/api/Signin/getOpenId", formData).then(
|
||||
axios.post("https://admins.jiangtang360.com/api/Signin/getOpenId", formData).then(
|
||||
(res) => {
|
||||
if (res.data.code == 200) {
|
||||
this.openid = res.data.data;
|
||||
@ -120,7 +120,7 @@ export default {
|
||||
let formData = new FormData();
|
||||
formData.append("openid", openid);
|
||||
axios
|
||||
.post("http://admin.jiangtang360.com/api/Signin/isTodaySignedIn", formData)
|
||||
.post("https://admins.jiangtang360.com/api/Signin/isTodaySignedIn", formData)
|
||||
.then(
|
||||
(res) => {
|
||||
if (res.status == 200) {
|
||||
@ -141,7 +141,7 @@ export default {
|
||||
formData.append("openid", this.openid);
|
||||
axios
|
||||
.post(
|
||||
"http://admin.jiangtang360.com/api/Signin/getLastSubmissionByOpenid",
|
||||
"https://admins.jiangtang360.com/api/Signin/getLastSubmissionByOpenid",
|
||||
formData
|
||||
)
|
||||
.then(
|
||||
@ -169,7 +169,7 @@ export default {
|
||||
formData.append("openid", this.openid);
|
||||
axios
|
||||
.post(
|
||||
"http://admin.jiangtang360.com/api/Signin/saveUserCheckinInfo",
|
||||
"https://admins.jiangtang360.com/api/Signin/saveUserCheckinInfo",
|
||||
formData
|
||||
)
|
||||
.then(
|
||||
|
||||
@ -2,12 +2,7 @@
|
||||
<div class="all">
|
||||
<back title="已学课程"></back>
|
||||
<div class="kecheng">
|
||||
<div
|
||||
class="kechenginfo"
|
||||
@click="goCourseDetail(item.id)"
|
||||
v-for="(item, index) in course"
|
||||
:key="index"
|
||||
>
|
||||
<div class="kechenginfo" @click="goCourseDetail(item.id)" v-for="(item, index) in course" :key="index">
|
||||
<img :src="item.thumbnail" alt="" />
|
||||
<div class="kechenginfoR">
|
||||
<p class="kechenginfoR_bt">{{ item.name }}</p>
|
||||
@ -41,7 +36,7 @@ export default {
|
||||
course: [],
|
||||
};
|
||||
},
|
||||
created() {},
|
||||
created() { },
|
||||
mounted() {
|
||||
this.getPageData();
|
||||
},
|
||||
@ -54,11 +49,17 @@ export default {
|
||||
(data) => {
|
||||
if (data.code == 1) {
|
||||
this.course = data.data;
|
||||
for (let index = 0; index < this.course.length; index++) {
|
||||
this.course[index].thumbnail = this.course[index].thumbnail.replace(
|
||||
"http://img",
|
||||
"https://imgs"
|
||||
);
|
||||
}
|
||||
} else {
|
||||
Toast(data.msg);
|
||||
}
|
||||
},
|
||||
(err) => {}
|
||||
(err) => { }
|
||||
);
|
||||
},
|
||||
},
|
||||
@ -70,45 +71,53 @@ export default {
|
||||
padding: 5.5rem 0;
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
|
||||
.kecheng_biaoti {
|
||||
height: 3rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.kecheng_biaotiL {
|
||||
font-size: 1.56rem;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.kecheng_biaotiR {
|
||||
font-size: 1.25rem;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-weight: 400;
|
||||
color: #c5c5c5;
|
||||
|
||||
.fr {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.kechenginfo {
|
||||
padding: 2rem 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
> img {
|
||||
|
||||
>img {
|
||||
width: 11rem;
|
||||
height: 15rem;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
|
||||
.kechenginfoR {
|
||||
width: 56%;
|
||||
height: 15rem;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.kechenginfoR_bt {
|
||||
display: block;
|
||||
width: 100%;
|
||||
@ -119,6 +128,7 @@ export default {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.kechenginfoR_xbt {
|
||||
display: block;
|
||||
width: 100%;
|
||||
@ -131,10 +141,12 @@ export default {
|
||||
text-overflow: ellipsis;
|
||||
height: 7rem;
|
||||
}
|
||||
|
||||
.kechenginfoR_end {
|
||||
font-size: 1rem;
|
||||
color: #0083ff;
|
||||
}
|
||||
|
||||
.kechenginfoR_bot {
|
||||
height: 4rem;
|
||||
display: flex;
|
||||
@ -144,6 +156,7 @@ export default {
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.kechenginfoR_botL {
|
||||
color: #cccccc;
|
||||
font-size: 1.25rem;
|
||||
@ -151,11 +164,13 @@ export default {
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.yanjing {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.kechenginfoR_botR {
|
||||
width: 8rem;
|
||||
height: 3rem;
|
||||
|
||||
@ -1,158 +1,174 @@
|
||||
<template>
|
||||
<div class="all">
|
||||
<back title="所有课程"></back>
|
||||
<div class="kecheng">
|
||||
<div class="all">
|
||||
<back title="所有课程"></back>
|
||||
<div class="kecheng">
|
||||
|
||||
<div class="kechenginfo" @click="goCourseDetail(item.id)" v-for="(item,index) in course" :key="index">
|
||||
<img :src="item.thumbnail" alt="">
|
||||
<div class="kechenginfoR">
|
||||
<p class="kechenginfoR_bt">{{item.name}}</p>
|
||||
<p class="kechenginfoR_xbt">{{item.description}}</p>
|
||||
<div class="kechenginfoR_bot">
|
||||
<div class="kechenginfoR_botL"><img src="../../../static/img/yanjing.png" alt="" class="yanjing">{{item.page_view}}人</div>
|
||||
<div class="kechenginfoR_botR">进入课程</div>
|
||||
</div>
|
||||
<div class="kechenginfo" @click="goCourseDetail(item.id)" v-for="(item, index) in course" :key="index">
|
||||
<img :src="item.thumbnail" alt="">
|
||||
<div class="kechenginfoR">
|
||||
<p class="kechenginfoR_bt">{{ item.name }}</p>
|
||||
<p class="kechenginfoR_xbt">{{ item.description }}</p>
|
||||
<div class="kechenginfoR_bot">
|
||||
<div class="kechenginfoR_botL"><img src="../../../static/img/yanjing.png" alt=""
|
||||
class="yanjing">{{ item.page_view }}人</div>
|
||||
<div class="kechenginfoR_botR">进入课程</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<common-footer></common-footer>
|
||||
|
||||
</div>
|
||||
<common-footer></common-footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Back from "../common/Back";
|
||||
import CommonFooter from "../common/CommonFooter";
|
||||
import { getStore } from '@/utils/storage'
|
||||
import { Toast } from "mint-ui";
|
||||
export default {
|
||||
name: "courseAll",
|
||||
components:{Back,CommonFooter},
|
||||
data(){
|
||||
return{
|
||||
course:[]
|
||||
}
|
||||
},
|
||||
created(){
|
||||
},
|
||||
mounted(){
|
||||
this.getPageData();
|
||||
},
|
||||
methods:{
|
||||
goCourseDetail (id){
|
||||
this.$router.push({path: '/courseDetail?id=' + id});
|
||||
},
|
||||
getPageData(){
|
||||
this.getData('/Home/getCourseList',{token:getStore('token'), type: 1}).then(
|
||||
data=>{
|
||||
if(data.code==1){
|
||||
this.course = data.data;
|
||||
}else{
|
||||
Toast(data.msg);
|
||||
}
|
||||
},
|
||||
err=>{ })
|
||||
},
|
||||
}
|
||||
import Back from "../common/Back";
|
||||
import CommonFooter from "../common/CommonFooter";
|
||||
import { getStore } from '@/utils/storage'
|
||||
import { Toast } from "mint-ui";
|
||||
export default {
|
||||
name: "courseAll",
|
||||
components: { Back, CommonFooter },
|
||||
data() {
|
||||
return {
|
||||
course: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
mounted() {
|
||||
this.getPageData();
|
||||
},
|
||||
methods: {
|
||||
goCourseDetail(id) {
|
||||
this.$router.push({ path: '/courseDetail?id=' + id });
|
||||
},
|
||||
getPageData() {
|
||||
this.getData('/Home/getCourseList', { token: getStore('token'), type: 1 }).then(
|
||||
data => {
|
||||
if (data.code == 1) {
|
||||
this.course = data.data;
|
||||
for (let index = 0; index < this.course.length; index++) {
|
||||
this.course[index].thumbnail = this.course[index].thumbnail.replace('http://img', 'https://imgs');
|
||||
}
|
||||
} else {
|
||||
Toast(data.msg);
|
||||
}
|
||||
},
|
||||
err => { })
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.kecheng{
|
||||
padding: 5.5rem 0;
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
.kecheng_biaoti{
|
||||
height: 3rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.kecheng_biaotiL{
|
||||
font-size:1.56rem;
|
||||
font-family:MicrosoftYaHei;
|
||||
font-weight:bold;
|
||||
}
|
||||
.kecheng_biaotiR{
|
||||
font-size:1.25rem;
|
||||
font-family:MicrosoftYaHei;
|
||||
font-weight:400;
|
||||
color:#C5C5C5;
|
||||
.fr{
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
}
|
||||
}
|
||||
.kechenginfo{
|
||||
padding: 2rem 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
>img{
|
||||
width: 13rem;
|
||||
height: 10rem;
|
||||
object-fit: cover;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
.kechenginfoR{
|
||||
width: 56%;
|
||||
height: 10rem;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
}
|
||||
.kechenginfoR_bt{
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size:1.67rem;
|
||||
font-family:MicrosoftYaHei;
|
||||
font-weight:400;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.kechenginfoR_xbt{
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size:1.25rem;
|
||||
font-family:MicrosoftYaHei;
|
||||
font-weight:400;
|
||||
color:#5E5E5E;
|
||||
margin: 1rem 0;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.kechenginfoR_bot{
|
||||
height: 4rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.kechenginfoR_botL{
|
||||
color: #CCCCCC;
|
||||
font-size:1.25rem;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
.yanjing{
|
||||
width:1.5rem;
|
||||
height:1.5rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.kechenginfoR_botR{
|
||||
width:8rem;
|
||||
height:3rem;
|
||||
background:#f2f2f2;
|
||||
border-radius:2rem;
|
||||
text-align: center;
|
||||
line-height: 3rem;
|
||||
color: #D4A458;
|
||||
font-size:1.25rem;
|
||||
.kecheng {
|
||||
padding: 5.5rem 0;
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
|
||||
.kecheng_biaoti {
|
||||
height: 3rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.kecheng_biaotiL {
|
||||
font-size: 1.56rem;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.kecheng_biaotiR {
|
||||
font-size: 1.25rem;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-weight: 400;
|
||||
color: #C5C5C5;
|
||||
|
||||
.fr {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.kechenginfo {
|
||||
padding: 2rem 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
|
||||
>img {
|
||||
width: 13rem;
|
||||
height: 10rem;
|
||||
object-fit: cover;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.kechenginfoR {
|
||||
width: 56%;
|
||||
height: 10rem;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.kechenginfoR_bt {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 1.67rem;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-weight: 400;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.kechenginfoR_xbt {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 1.25rem;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-weight: 400;
|
||||
color: #5E5E5E;
|
||||
margin: 1rem 0;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.kechenginfoR_bot {
|
||||
height: 4rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.kechenginfoR_botL {
|
||||
color: #CCCCCC;
|
||||
font-size: 1.25rem;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.yanjing {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.kechenginfoR_botR {
|
||||
width: 8rem;
|
||||
height: 3rem;
|
||||
background: #f2f2f2;
|
||||
border-radius: 2rem;
|
||||
text-align: center;
|
||||
line-height: 3rem;
|
||||
color: #D4A458;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -270,7 +270,21 @@ export default {
|
||||
(data) => {
|
||||
if (data.code == 1) {
|
||||
this.courseData = data.data;
|
||||
this.courseData.thumbnail = this.courseData.thumbnail.replace(
|
||||
"http://img",
|
||||
"https://imgs"
|
||||
);
|
||||
this.section = data.data.section;
|
||||
for (let index = 0; index < this.section.length; index++) {
|
||||
this.section[index].thumbnail = this.section[index].thumbnail.replace(
|
||||
"http://img",
|
||||
"https://imgs"
|
||||
);
|
||||
this.section[index].video_url = this.section[index].video_url.replace(
|
||||
"http://img",
|
||||
"https://imgs"
|
||||
);
|
||||
}
|
||||
this.changeSection(data.data.recent_section);
|
||||
} else {
|
||||
Toast(data.msg);
|
||||
|
||||
@ -23,7 +23,7 @@ export default {
|
||||
|
||||
mounted() {
|
||||
this.cardphotopath =
|
||||
"http://admin.jiangtang360.com/static/admin/cards/" +
|
||||
"https://admins.jiangtang360.com/static/admin/cards/" +
|
||||
this.$refs.getValue.value +
|
||||
".jpg" +
|
||||
"?ran=" +
|
||||
|
||||
@ -151,7 +151,7 @@ export default {
|
||||
axios
|
||||
.post(
|
||||
// "/uploadcardimage",formData
|
||||
"http://admin.jiangtang360.com/api/card/uploadcardimage",
|
||||
"https://admins.jiangtang360.com/api/card/uploadcardimage",
|
||||
formData,
|
||||
config
|
||||
// Qs.stringify(formData)
|
||||
@ -188,13 +188,13 @@ export default {
|
||||
|
||||
mounted() {
|
||||
this.photopath =
|
||||
"http://admin.jiangtang360.com/static/admin/cards/" +
|
||||
"https://admins.jiangtang360.com/static/admin/cards/" +
|
||||
this.$refs.getValue.value +
|
||||
".jpg" +
|
||||
"?ran=" +
|
||||
Math.random();
|
||||
this.ImgObj.src =
|
||||
"http://admin.jiangtang360.com/static/admin/cards/" +
|
||||
"https://admins.jiangtang360.com/static/admin/cards/" +
|
||||
this.$refs.getValue.value +
|
||||
".jpg" +
|
||||
"?ran=" +
|
||||
|
||||
@ -121,6 +121,11 @@ export default new Router({
|
||||
name:'wxerror',
|
||||
component: resolve => require(['../components/login/wxError.vue'], resolve)
|
||||
},
|
||||
{
|
||||
path:'/liveview',
|
||||
name:'liveview',
|
||||
component: resolve => require(['../components/study/liveView.vue'], resolve)
|
||||
},
|
||||
// 用户
|
||||
{
|
||||
path:'/user',
|
||||
|
||||
@ -13,6 +13,7 @@ const state={
|
||||
const mutations={
|
||||
addInfo(state,loginInfo){
|
||||
state.loginInfo = loginInfo;
|
||||
state.loginInfo.header = state.loginInfo.header.replace('http://img','https://imgs');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user