个人主页

This commit is contained in:
zhaofang
2022-09-21 16:05:51 +08:00
parent 933fd7e191
commit cbffa341e2
17 changed files with 463 additions and 64 deletions

View File

@@ -3,13 +3,14 @@
<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>
<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">
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
<div class="follow-hide" style="width:59px" v-if="!isDynamic && personal">
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
</div>
</div>
</div>
@@ -51,6 +52,7 @@
<script>
import interactBar from "@/components/Portal/interactBar.vue";
import author from "@/components/Portal/authorInfo.vue";
import { mapGetters,mapActions } from 'vuex';
export default{
name:"caselist",
components: {
@@ -58,10 +60,21 @@
// timeShow,
author
},
computed: {
...mapGetters(['userInfo','majorTypeMap','orgDomainMap']),
},
props:{
list:{
type:Array,
default:()=>[]
},
isDynamic:{
type:Boolean,
default:false,
},
personal:{
type:Boolean,
default:false,
}
},
data(){
@@ -72,6 +85,10 @@
mounted() {
},
methods:{
majorTypeTranslate(code){
if(code==''){return '';}
return this.majorTypeMap.get(code);
},
//展示全部
displayAll(item) {
if (!item.isAll && item.info.summary && item.info.summary.length > 180) {
@@ -83,22 +100,9 @@
item.isAll = !item.isAll;
},
orgDomainTranslate(code){ // 组织领域翻译
if(code == '') {
return
}
return '组织领域';
if(code==''){return '';}
return this.orgDomainMap.get(code);
},
majorTypeTranslate(code){ // 专业分类翻译
let name = '';
// let data = this.Profess.find(item => item.code == code);
// if(data == undefined){
// name = '';
// } else {
// name = data.name;
// }
return '专业分类';
},
}
}
</script>
@@ -127,6 +131,7 @@ div {
}
}
.case-titdiv {
width: 100%;
line-height: 30px;
display: flex;
.case-tittext {
@@ -134,7 +139,7 @@ div {
font-weight: 600;
margin-top: 16px;
color: #333333;
width: 95%;
width: 100%;
display: -webkit-box;
overflow: hidden;
word-break: break-all;
@@ -156,7 +161,7 @@ div {
}
}
.case-list:last-child {
border-bottom: none;
// border-bottom: none;
}
.case-list {