mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-09 19:06:43 +08:00
案例修改
This commit is contained in:
@@ -31,9 +31,9 @@
|
||||
<el-image class="course-image" style="height: 130px;" :src="this.webBaseUrl+'/ad/index_course.png'" fit="fit"></el-image>
|
||||
<span class="course-type">录播课</span>
|
||||
</div>
|
||||
<el-tooltip class="item" content="高效谈判系列课" placement="bottom" effect="light" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<div class="course-title one-line-ellipsis">高效谈判系列课</div>
|
||||
</el-tooltip>
|
||||
<!-- <el-tooltip class="item" content="高效谈判系列课" placement="bottom" effect="light" :visible-arrow="false" popper-class="text-tooltip"> -->
|
||||
<div title="高效谈判系列课" class="course-title one-line-ellipsis">高效谈判系列课</div>
|
||||
<!-- </el-tooltip> -->
|
||||
<div class="course-author">
|
||||
<div class="course-author-left" > </div>
|
||||
<div style="flex:1; text-align: center; ">
|
||||
@@ -62,9 +62,9 @@
|
||||
<span v-if="course.type == 20 || 10" class="course-type">录播课</span>
|
||||
</div>
|
||||
|
||||
<el-tooltip class="item" :content="course.name" placement="bottom" effect="light" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<div class="course-title one-line-ellipsis" >{{ course.name }}</div>
|
||||
</el-tooltip>
|
||||
<!-- <el-tooltip class="item" :content="course.name" placement="bottom" effect="light" :visible-arrow="false" popper-class="text-tooltip"> -->
|
||||
<div :title="course.name" class="course-title one-line-ellipsis" >{{ course.name }}</div>
|
||||
<!-- </el-tooltip> -->
|
||||
|
||||
<div class="course-author">
|
||||
<!-- <div class="course-author-left"><authorInfo :avatar="course.authorInfo.avatar" :name="course.authorInfo.name"></authorInfo></div> -->
|
||||
@@ -126,11 +126,11 @@
|
||||
{{ca.sysCreateTime.substring(0,10)}}
|
||||
</div> -->
|
||||
<a :href="'case/detail?id='+ca.id" >
|
||||
<el-tooltip class="item" :content="ca.title" placement="bottom" effect="light" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<span class="case-title one-line-ellipsis">
|
||||
<!-- <el-tooltip class="item" :content="ca.title" placement="bottom" effect="light" :visible-arrow="false" popper-class="text-tooltip"> -->
|
||||
<span :title="ca.title" class="case-title one-line-ellipsis">
|
||||
{{ca.title}}
|
||||
</span>
|
||||
</el-tooltip>
|
||||
<!-- </el-tooltip> -->
|
||||
|
||||
<div class="case-text three-line-ellipsis">
|
||||
{{ca.summary}}
|
||||
|
||||
@@ -50,10 +50,18 @@
|
||||
<pdfPreview v-if="pdfPath" :filePath="pdfPath"></pdfPreview>
|
||||
</el-card>
|
||||
<el-card v-if="Internet == 2" style="background-color:#eee" class="jianjie pdftext" id="pdfPreview">
|
||||
<span>案例内容只能在内网环境下查看</span>
|
||||
<div style="margin-top:40px">
|
||||
<span>十分抱歉,您当前的网络环境不符合观看要求。为了保障案例信息的安全,您需要接入公司内网才能观看。</span>
|
||||
</div>
|
||||
<div style="margin-top:20px" @click="retest">
|
||||
<el-button type="primary">重新检测</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card v-else-if="Internet == 3" style="background-color:#eee" class="jianjie pdftext" id="pdfPreview">
|
||||
<div style="margin-top:40px">
|
||||
<span>网络安全检测中</span>
|
||||
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<div class="postfixt-bot">
|
||||
@@ -124,9 +132,11 @@
|
||||
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
|
||||
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
|
||||
</el-col>
|
||||
<el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '(' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.title }}</el-col>
|
||||
</el-tooltip>
|
||||
<!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '(' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
|
||||
<div :title="item.title">
|
||||
<el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.title }}</el-col>
|
||||
</div>
|
||||
<!-- </el-tooltip> -->
|
||||
<!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
|
||||
</el-row>
|
||||
</div>
|
||||
@@ -148,9 +158,12 @@
|
||||
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
|
||||
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
|
||||
</el-col>
|
||||
<el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '(' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '(' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
|
||||
<div :title="item.title">
|
||||
<el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.title }}</el-col>
|
||||
</el-tooltip>
|
||||
|
||||
</div>
|
||||
<!-- </el-tooltip> -->
|
||||
<!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
|
||||
</el-row>
|
||||
</div>
|
||||
@@ -214,30 +227,7 @@ export default {
|
||||
mounted() {
|
||||
let $this = this;
|
||||
this.Intsucc();
|
||||
let xmlhttp=this.getXmlHttpRequest();
|
||||
let timedOut = false;
|
||||
let timer = setTimeout(function(){
|
||||
timedOut = true;
|
||||
xmlhttp.abort();
|
||||
}, 5000);
|
||||
xmlhttp.open("HEAD", window.location.protocol+"//uapi.boe.com.cn",true);
|
||||
xmlhttp.send();
|
||||
xmlhttp.onreadystatechange=function() {
|
||||
if (xmlhttp.readyState==4) {
|
||||
if (xmlhttp.status==200){
|
||||
clearTimeout(timer);
|
||||
$this.Internet = 1;
|
||||
}else{
|
||||
clearTimeout(timer);
|
||||
$this.Internet = 2;
|
||||
|
||||
}
|
||||
}else{
|
||||
if(timedOut) return;//忽略中止请求
|
||||
clearTimeout(timer);//取消等待的超时
|
||||
}
|
||||
}
|
||||
|
||||
this.retest();
|
||||
|
||||
this.resolveId = this.$route.query.id;
|
||||
this.$watermark.set(this.userInfo.name+this.userInfo.loginName);
|
||||
@@ -255,6 +245,31 @@ export default {
|
||||
);
|
||||
},
|
||||
methods: {
|
||||
retest(){
|
||||
let $this=this;
|
||||
let xmlhttp=this.getXmlHttpRequest();
|
||||
let timedOut = false;
|
||||
let timer = setTimeout(function(){
|
||||
timedOut = true;
|
||||
xmlhttp.abort();
|
||||
}, 5000);
|
||||
xmlhttp.open("HEAD", window.location.protocol+"//uapi.boe.com.cn",true);
|
||||
xmlhttp.send();
|
||||
xmlhttp.onreadystatechange=function() {
|
||||
if (xmlhttp.readyState==4) {
|
||||
if (xmlhttp.status==200){
|
||||
clearTimeout(timer);
|
||||
$this.Internet = 1;
|
||||
}else{
|
||||
clearTimeout(timer);
|
||||
$this.Internet = 2;
|
||||
}
|
||||
}else{
|
||||
if(timedOut) return;//忽略中止请求
|
||||
clearTimeout(timer);//取消等待的超时
|
||||
}
|
||||
}
|
||||
},
|
||||
getXmlHttpRequest() {
|
||||
if (window.XMLHttpRequest) {
|
||||
return new XMLHttpRequest();
|
||||
@@ -457,11 +472,13 @@ export default {
|
||||
|
||||
<style scoped lang="scss">
|
||||
.pdftext{
|
||||
// padding: 0 20px;
|
||||
span{
|
||||
font-size: 25px;
|
||||
font-size: 22px;
|
||||
color: #ccc;
|
||||
font-weight: bold;
|
||||
line-height: 200px;
|
||||
line-height: 40px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
<el-row class="search-item">
|
||||
<el-col :span="24">
|
||||
<div style="margin-top:10px; display: flex;">
|
||||
<div style="line-height: 25px;padding-right: 0px;">
|
||||
<div style="line-height: 25px;padding-right: 10px;">
|
||||
<span class="item-title" style="padding-right: 5px;">组织领域</span>
|
||||
<span class="item-line"></span>
|
||||
</div>
|
||||
@@ -42,7 +42,7 @@
|
||||
<el-row class="search-item">
|
||||
<el-col :span="24">
|
||||
<div style="margin-top:10px; display: flex;">
|
||||
<div style="line-height: 25px;padding-right: 0px;">
|
||||
<div style="line-height: 25px;padding-right: 10px;">
|
||||
<span class="item-title" style="padding-right: 5px;">专业分类</span>
|
||||
<span class="item-line"></span>
|
||||
</div>
|
||||
@@ -165,9 +165,11 @@
|
||||
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
|
||||
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
|
||||
</el-col>
|
||||
<el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '(' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '(' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
|
||||
<div :title="item.title">
|
||||
<el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.title }}</el-col>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<!-- </el-tooltip> -->
|
||||
<!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
|
||||
</el-row>
|
||||
</div>
|
||||
@@ -189,9 +191,12 @@
|
||||
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
|
||||
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
|
||||
</el-col>
|
||||
<el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '(' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '(' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
|
||||
<div :title="item.title">
|
||||
<el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.title }}</el-col>
|
||||
</el-tooltip>
|
||||
|
||||
</div>
|
||||
<!-- </el-tooltip> -->
|
||||
<!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
|
||||
</el-row>
|
||||
</div>
|
||||
@@ -696,7 +701,7 @@ export default {
|
||||
|
||||
<style scoped lang="scss">
|
||||
::v-deep .el-radio-button{
|
||||
margin-right:0px;
|
||||
margin-right:-5px;
|
||||
}
|
||||
::v-deep .el-button {
|
||||
border-radius: 0px;
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
<el-row class="search-item">
|
||||
<el-col :span="24">
|
||||
<div style="margin-top:10px; display: flex;">
|
||||
<div style="line-height: 25px;">
|
||||
<div style="line-height: 25px;padding-right: 10px;">
|
||||
<span class="item-title" style="padding-right: 5px;">授课方式</span>
|
||||
<span class="item-line"></span>
|
||||
</div>
|
||||
@@ -37,7 +37,7 @@
|
||||
<el-row class="search-item">
|
||||
<el-col :span="24">
|
||||
<div style="margin-top:10px;display: flex;">
|
||||
<div style="line-height: 25px;">
|
||||
<div style="line-height: 25px;padding-right: 10px;">
|
||||
<span class="item-title" style="padding-right: 5px;">内容分类</span>
|
||||
<span class="item-line"></span>
|
||||
</div>
|
||||
@@ -85,10 +85,10 @@
|
||||
<span v-if="cinfo.type=='face-course'" class="course-type-title course-type">线下课</span>
|
||||
<span v-if="cinfo.type=='project'" class="course-type-title course-type">学习项目</span>
|
||||
</div>
|
||||
<el-tooltip class="item" :content="cinfo.couretitle" placement="bottom-start" effect="light" :visible-arrow="false" popper-class="text-tooltip" >
|
||||
<div class="course-title title-line-ellipsis" v-html="$keywordActiveShow(cinfo.name,keyword)">
|
||||
<!-- <el-tooltip class="item" :content="cinfo.couretitle" placement="bottom-start" effect="light" :visible-arrow="false" popper-class="text-tooltip" > -->
|
||||
<div :title="cinfo.name" class="course-title title-line-ellipsis" v-html="$keywordActiveShow(cinfo.name,keyword)">
|
||||
</div>
|
||||
</el-tooltip>
|
||||
<!-- </el-tooltip> -->
|
||||
<div class="course-author">
|
||||
<div class="course-author-left" v-if="cinfo.authorInfo">
|
||||
{{cinfo.authorInfo.name}}
|
||||
@@ -135,9 +135,12 @@
|
||||
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
|
||||
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
|
||||
</el-col>
|
||||
<el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.name" placement="bottom" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.name" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
|
||||
<div :title="item.name">
|
||||
<el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.name }}</el-col>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
|
||||
<!-- </el-tooltip> -->
|
||||
</el-row>
|
||||
</div>
|
||||
</el-card>
|
||||
@@ -156,9 +159,12 @@
|
||||
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
|
||||
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
|
||||
</el-col>
|
||||
<el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.name" placement="bottom" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.name" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
|
||||
<div :title="item.name">
|
||||
<el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.name }}</el-col>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
|
||||
<!-- </el-tooltip> -->
|
||||
</el-row>
|
||||
</div>
|
||||
</el-card>
|
||||
@@ -177,9 +183,11 @@
|
||||
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
|
||||
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
|
||||
</el-col>
|
||||
<el-tooltip :enterable="false" @click.native="jumpRouter2(item)" effect="light" :content="item.courseName" placement="bottom" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<!-- <el-tooltip :enterable="false" @click.native="jumpRouter2(item)" effect="light" :content="item.courseName" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
|
||||
<div :title="item.courseName">
|
||||
<el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.courseName }}</el-col>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<!-- </el-tooltip> -->
|
||||
</el-row>
|
||||
</div>
|
||||
</el-card>
|
||||
@@ -882,6 +890,9 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
::v-deep .el-radio-button{
|
||||
margin-right:0px;
|
||||
}
|
||||
::v-deep .title-line-ellipsis {
|
||||
// width: 100%;
|
||||
display: -webkit-box;
|
||||
|
||||
Reference in New Issue
Block a user