mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-12 12:26:44 +08:00
添加动态隐藏接口
This commit is contained in:
@@ -2,9 +2,15 @@
|
||||
<div class="answer-list">
|
||||
<ul v-if="list.length > 0">
|
||||
<li class="answer-list-index" v-for="item in list" :key="item.id">
|
||||
<p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px"><span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}} <span style="margin-left:28px">{{item.eventTime}}</span> <span v-if="personal" class="follow-hide" style="float:right"><svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏</span></p>
|
||||
<p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px">
|
||||
<span v-if="!personal">{{item.aname}}</span>
|
||||
{{item.cusInfo}}<span style="margin-left:28px">{{item.eventTime}}</span>
|
||||
<span v-if="personal && !item.hidden" class="follow-hide" style="float:right" @click="emitHide(item.id)">
|
||||
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
|
||||
</span>
|
||||
</p>
|
||||
<h6 class="answer-title-info follow-home-title">{{item.contentInfo}}
|
||||
<span class="follow-hide" style="float:right" v-if="!isDynamic && personal">
|
||||
<span class="follow-hide" style="float:right" v-if="!isDynamic && personal && !item.hidden" @click="emitHide(item.id)">
|
||||
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
|
||||
</span>
|
||||
</h6>
|
||||
@@ -56,6 +62,9 @@
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
emitHide(id) {
|
||||
this.$emit('hideIndex',id)
|
||||
},
|
||||
displayAll(item) {
|
||||
if (!item.isAll && item.info.content && item.info.content.length > 180) {
|
||||
return item.info.content.slice(0, 180) + "...";
|
||||
|
||||
@@ -2,9 +2,15 @@
|
||||
<div class="article-list">
|
||||
<ul v-if="list.length > 0">
|
||||
<li class="article-list-index" v-for="item in list" :key="item.id">
|
||||
<p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px"><span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}} <span style="margin-left:28px">{{item.eventTime}}</span> <span v-if="personal" class="follow-hide" style="float:right"><svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏</span></p>
|
||||
<p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px">
|
||||
<span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}}
|
||||
<span style="margin-left:28px">{{item.eventTime}}</span>
|
||||
<span v-if="personal && !item.hidden" class="follow-hide" style="float:right" @click="emitHide(item.id)">
|
||||
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
|
||||
</span>
|
||||
</p>
|
||||
<h6 class="article-title-info follow-home-title">{{item.info.title || item.contentInfo}}
|
||||
<span class="follow-hide" style="float:right" v-if="!isDynamic && personal">
|
||||
<span class="follow-hide" style="float:right" v-if="!isDynamic && personal && !item.hidden" @click="emitHide(item.id)">
|
||||
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
|
||||
</span>
|
||||
</h6>
|
||||
@@ -60,6 +66,9 @@
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
emitHide(id) {
|
||||
this.$emit('hideIndex',id)
|
||||
},
|
||||
displayAll(item) {
|
||||
if (!item.isAll && item.info.summary && item.info.summary.length > 250) {
|
||||
return item.info.summary.slice(0, 180) + "...";
|
||||
|
||||
@@ -3,13 +3,19 @@
|
||||
<div class="data-content" v-if="list.length >0">
|
||||
<div :span="24" v-for="item in list" :key="item.id" class="case-list">
|
||||
<div class="case-info">
|
||||
<p v-if="isDynamic" class="portal-summary-text"><span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}} <span style="margin-left:28px">{{item.eventTime}}</span> <span v-if="personal" class="follow-hide" style="float:right"><svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏</span></p>
|
||||
<p v-if="isDynamic" class="portal-summary-text">
|
||||
<span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}}
|
||||
<span style="margin-left:28px">{{item.eventTime}}</span>
|
||||
<span v-if="personal && !item.hidden" class="follow-hide" style="float:right" @click="emitHide(item.id)">
|
||||
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
|
||||
</span>
|
||||
</p>
|
||||
<div class="case-info-cont">
|
||||
<router-link :to="'/case/detail?id='+item.info.id">
|
||||
<div class="case-info-title">
|
||||
<div class="case-titdiv">
|
||||
<span class="case-tittext" v-html="item.info.title || item.contentInfo"></span>
|
||||
<div class="follow-hide" style="width:59px" v-if="!isDynamic && personal">
|
||||
<div class="follow-hide" style="width:59px" v-if="!isDynamic && personal && !item.hidden" @click="emitHide(item.id)">
|
||||
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
|
||||
</div>
|
||||
</div>
|
||||
@@ -85,6 +91,9 @@
|
||||
mounted() {
|
||||
},
|
||||
methods:{
|
||||
emitHide(id) {
|
||||
this.$emit('hideIndex',id)
|
||||
},
|
||||
majorTypeTranslate(code){
|
||||
if(code==''){return '';}
|
||||
return this.majorTypeMap.get(code);
|
||||
|
||||
@@ -2,7 +2,13 @@
|
||||
<div class="">
|
||||
<ul class="data-info-ul" v-if="list.length > 0">
|
||||
<li class="data-info" v-for="item in list" :key="item.id">
|
||||
<p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px"><span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}} <span style="margin-left:28px">{{item.eventTime}}</span> <span v-if="personal" class="follow-hide" style="float:right"><svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏</span></p>
|
||||
<p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px">
|
||||
<span v-if="!personal">{{item.aname}}</span>
|
||||
{{item.cusInfo}} <span style="margin-left:28px">{{item.eventTime}}</span>
|
||||
<span v-if="personal && !item.hidden" class="follow-hide" style="float:right" @click="emitHide(item.id)">
|
||||
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
|
||||
</span>
|
||||
</p>
|
||||
<div style="width:254px">
|
||||
<course-image width="254px" height="144px" :course="item.info"></course-image>
|
||||
</div>
|
||||
@@ -15,7 +21,7 @@
|
||||
<p class="portal-time">最新一次学习时间:2022-5-28 22:30:28</p>
|
||||
</div>
|
||||
<div style="width:150px">
|
||||
<div class="follow-hide" style="text-align: right;" v-if="!isDynamic && personal">
|
||||
<div class="follow-hide" style="text-align: right;" v-if="!isDynamic && personal && !item.hidden" @click="emitHide(item.id)">
|
||||
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
|
||||
</div>
|
||||
<div class="btn-right">
|
||||
@@ -57,6 +63,9 @@
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
emitHide(id) {
|
||||
this.$emit('hideIndex',id)
|
||||
},
|
||||
jumpDetail(data) {
|
||||
if(!data.id){
|
||||
return;
|
||||
|
||||
@@ -2,9 +2,15 @@
|
||||
<div class="note-list">
|
||||
<ul v-if="list.length > 0">
|
||||
<li class="note-list-index" v-for="item in list" :key="item.id">
|
||||
<p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px"><span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}} <span style="margin-left:28px">{{item.eventTime}}</span> <span v-if="personal" class="follow-hide" style="float:right"><svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏</span></p>
|
||||
<p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px">
|
||||
<span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}}
|
||||
<span style="margin-left:28px">{{item.eventTime}}</span>
|
||||
<span v-if="personal && !item.hidden" class="follow-hide" style="float:right" @click="emitHide(item.id)">
|
||||
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
|
||||
</span>
|
||||
</p>
|
||||
<h6 class="note-title-info follow-home-title">{{item.contentInfo}} <span style="color: #333333;font-weight: 400;font-size: 14px;margin-left: 20px;"></span> <span class="score-info" style="margin-left:22px">4.8分</span>
|
||||
<span class="follow-hide" style="float:right" v-if="!isDynamic && personal">
|
||||
<span class="follow-hide" style="float:right" v-if="!isDynamic && personal && !item.hidden" @click="emitHide(item.id)">
|
||||
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
|
||||
</span>
|
||||
</h6>
|
||||
@@ -55,6 +61,9 @@
|
||||
mounted() {
|
||||
},
|
||||
methods:{
|
||||
emitHide(id) {
|
||||
this.$emit('hideIndex',id)
|
||||
},
|
||||
//展示全部
|
||||
changeIsAll(item) {
|
||||
item.isAll = !item.isAll;
|
||||
|
||||
@@ -2,9 +2,15 @@
|
||||
<div class="put-list">
|
||||
<ul v-if="list.length > 0">
|
||||
<li class="put-list-index" v-for="item in list" :key="item.id">
|
||||
<p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px;margin-top:10px"><span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}} <span style="margin-left:28px">{{item.eventTime}}</span> <span v-if="personal" class="follow-hide" style="float:right"><svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏</span></p>
|
||||
<p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px;margin-top:10px">
|
||||
<span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}}
|
||||
<span style="margin-left:28px">{{item.eventTime}}</span>
|
||||
<span v-if="personal && !item.hidden" class="follow-hide" style="float:right" @click="emitHide(item.id)">
|
||||
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
|
||||
</span>
|
||||
</p>
|
||||
<h6 class="put-title-info follow-home-title">{{item.info.title || item.contentInfo}}
|
||||
<span class="portal-time follow-hide" style="float:right" v-if="!isDynamic && personal">
|
||||
<span class="portal-time follow-hide" style="float:right" v-if="!isDynamic && personal && !item.hidden" @click="emitHide(item.id)">
|
||||
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
|
||||
</span>
|
||||
</h6>
|
||||
@@ -51,6 +57,9 @@
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
emitHide(id) {
|
||||
this.$emit('hideIndex',id)
|
||||
},
|
||||
jumpDetail(data) {
|
||||
if(!data.id){
|
||||
return;
|
||||
|
||||
@@ -32,7 +32,7 @@
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="4">
|
||||
<span slot="label"><svg-icon icon-class="home-qa" style="font-size: 30px;"></svg-icon><span class="tabs-info">提问</span></span>
|
||||
<put-list :list="qaPageList" :isDynamic="false" :personal="personal"></put-list>
|
||||
<put-list :list="qaPageList" :isDynamic="false" :personal="personal" @hideIndex="dynamicHide"></put-list>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="5">
|
||||
<span slot="label"><svg-icon icon-class="home-answer" style="font-size: 30px;"></svg-icon><span class="tabs-info">回答</span></span>
|
||||
@@ -127,6 +127,15 @@
|
||||
this.loadOrgDomain();
|
||||
},
|
||||
methods:{
|
||||
dynamicHide(id){
|
||||
apiStat.dynamicHide(id).then(res=>{
|
||||
if(res.status == 200){
|
||||
this.$message.success('动态隐藏成功')
|
||||
} else {
|
||||
this.$message.error(res.message);
|
||||
}
|
||||
})
|
||||
},
|
||||
...mapActions({
|
||||
loadMajorType:'majorType/loadMajorTypes',
|
||||
loadOrgDomain:'orgDomain/loadOrgDomains'
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
<div class="medal-index" v-for="item in medalData" :key="item.id">
|
||||
<medal-img :item="item"></medal-img>
|
||||
<p class="index-title">{{item.medalName}}</p>
|
||||
<p class="index-text">您已超过367人</p>
|
||||
<p class="index-text">您已超过{{item.exceed}}人</p>
|
||||
<el-button class="btn" type="primary" @click="goView(item)">查看详情</el-button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -20,7 +20,7 @@
|
||||
<div class="medal-top">
|
||||
<div>
|
||||
<h4 class="title-medal">{{medal.medalName}} <span style="font-weight: 600;">LV{{medal.medalLevel}}</span> </h4>
|
||||
<p class="title-medal-info">你已经超过 387 人</p>
|
||||
<p class="title-medal-info">你已经超过 {{medal.exceed}} 人</p>
|
||||
<p class="title-medal-info">继续学习 <span style="color:#333333;font-size:18px;font-weight: 600;">{{medal.nextValue - medal.curValue}}</span> 小时可升级进入下一级</p>
|
||||
</div>
|
||||
<div class="medal-img">
|
||||
|
||||
Reference in New Issue
Block a user