hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-11 03:46:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

案例

Browse Source
This commit is contained in:
lmj
2022-06-09 20:01:55 +08:00
parent 8434a5feb0
commit 41a57fe609
2 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/portal/case/Detail.vue
View File

@@ -25,8 +25,8 @@
</div> --> </div> -->
<!-- <div class="case-summary"><span>{{ caseDetail.summary }}</span></div> --> <!-- <div class="case-summary"><span>{{ caseDetail.summary }}</span></div> -->
<div class="btn-div" > <div class="btn-div" >
<span v-if="caseDetail.orgDomain" class="item">{{ caseDetail.orgDomain }}</span> <span style="color:#666" v-if="caseDetail.orgDomain" class="item">{{ caseDetail.orgDomain }}</span>
<span v-if="caseDetail.majorType" class="item">{{ caseDetail.majorType }}</span> <span style="color:#666" v-if="caseDetail.majorType" class="item">{{ caseDetail.majorType }}</span>
<span v-if="caseDetail.keyword1" class="item">{{ caseDetail.keyword1 }}</span> <span v-if="caseDetail.keyword1" class="item">{{ caseDetail.keyword1 }}</span>
<span v-if="caseDetail.keyword2" class="item">{{ caseDetail.keyword2 }}</span> <span v-if="caseDetail.keyword2" class="item">{{ caseDetail.keyword2 }}</span>
<span v-if="caseDetail.keyword3" class="item">{{ caseDetail.keyword3 }}</span> <span v-if="caseDetail.keyword3" class="item">{{ caseDetail.keyword3 }}</span>
@@ -84,8 +84,8 @@
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/> <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> <span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
</el-col> </el-col>
<el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.sysCreateUname" placement="top-start"> <el-tooltip :enterable="false" effect="light" :content="item.sysCreateUname" placement="top-start">
<el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.sysCreateUname }}</el-col> <el-col :span="15" class="title-line-ellipsis"> {{ item.sysCreateUname }}</el-col>
</el-tooltip> </el-tooltip>
<!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> --> <!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
</el-row> </el-row>
@@ -423,12 +423,11 @@ export default {
margin: 8px 0; margin: 8px 0;
padding-bottom: 5px; padding-bottom: 5px;
padding-top:5px; padding-top:5px;
color: #666;
.item { .item {
margin: 0 10px 0 0px; margin: 0 10px 0 0px;
border: 1px solid #9e9e9e; border: 1px solid #c2c3c8;
padding: 3px 10px; padding: 3px 10px;
border-radius: 8px; border-radius: 2px;
font-size: 14px; font-size: 14px;
color: #9c9c9c; color: #9c9c9c;
} }

22
src/views/portal/case/Index.vue
View File

@@ -86,12 +86,12 @@
</div> </div>
</div> </div>
</div> </div>
<div style="height:35px; "> <div style="height:32px; ">
<author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex"></author> <author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex"></author>
</div> </div>
<div class="keyword-text"> <div class="keyword-text">
<span v-if="item.orgDomain">{{ item.orgDomain }}</span> <span style="color:#666" v-if="item.orgDomain">{{ item.orgDomain }}</span>
<span v-if="item.majorType">{{ item.majorType }}</span> <span style="color:#666" v-if="item.majorType">{{ item.majorType }}</span>
<span v-if="item.keyword1">{{ item.keyword1 }}</span> <span v-if="item.keyword1">{{ item.keyword1 }}</span>
<span v-if="item.keyword2">{{ item.keyword2 }}</span> <span v-if="item.keyword2">{{ item.keyword2 }}</span>
<span v-if="item.keyword3">{{ item.keyword3 }}</span> <span v-if="item.keyword3">{{ item.keyword3 }}</span>
@@ -99,10 +99,10 @@
<span v-if="item.keyword5">{{ item.keyword5 }}</span> <span v-if="item.keyword5">{{ item.keyword5 }}</span>
</div> </div>
</router-link> </router-link>
<div class="case-info-summary"> <div class="case-info-summary" @click="jumcasedet(item)">
<router-link :to="'/case/detail?id='+item.id"> <!-- <router-link :to="'/case/detail?id='+item.id"> -->
{{displayAll(item)}} {{displayAll(item)}}
</router-link> <!-- </router-link> -->
<span style="color:#588afc;cursor:pointer;" v-if="item.summary.length>190" @click.stop="changeIsAll(item)"> <span style="color:#588afc;cursor:pointer;" v-if="item.summary.length>190" @click.stop="changeIsAll(item)">
{{item.isAll?'收起':'展开'}} {{item.isAll?'收起':'展开'}}
</span> </span>
@@ -146,8 +146,8 @@
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/> <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> <span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
</el-col> </el-col>
<el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.sysCreateUname" placement="top-start"> <el-tooltip :enterable="false" effect="light" :content="item.sysCreateUname" placement="top-start">
<el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.sysCreateUname }}</el-col> <el-col :span="15" class="title-line-ellipsis"> {{ item.sysCreateUname }}</el-col>
</el-tooltip> </el-tooltip>
<!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> --> <!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
</el-row> </el-row>
@@ -311,6 +311,7 @@ export default {
}, },
mounted() { mounted() {
this.$nextTick(function() { this.$nextTick(function() {
this.closeSearch(); this.closeSearch();
}); });
@@ -345,6 +346,10 @@ export default {
window.removeEventListener("scroll", this.handleScroll); window.removeEventListener("scroll", this.handleScroll);
}, },
methods: { methods: {
jumcasedet(item) {
this.$router.push({path:'/case/detail',query:{id:item.id}});
},
debounce(func, wait) { debounce(func, wait) {
// 非立即执行 // 非立即执行
let timeout; let timeout;
@@ -845,6 +850,7 @@ export default {
} }
} }
.case-info-summary { .case-info-summary {
cursor: pointer;
margin-bottom: 5px; margin-bottom: 5px;
word-break: break-all; word-break: break-all;
line-height: 25px; line-height: 25px;