案例优化

This commit is contained in:
zhangsir
2024-09-09 09:40:35 +08:00
parent 9ef5b5a6a3
commit 8e6c00d266
3 changed files with 95 additions and 50 deletions

View File

@@ -304,7 +304,7 @@
<ul class="ranking-data">
<li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis"
style="cursor: pointer;margin-top:30px;line-height: 22px;">
<router-link :to="'/case/detail?id=' + item.id">
<router-link :to="'/case/detail?id=' + item.caseId">
<span class="portal-right-text blue-one" v-if="index == 0">
<img :src="`${webBaseUrl}/images/listblue01.png`" alt="">
</span>
@@ -320,7 +320,7 @@
<span class="portal-right-text" v-if="index == 4">
<img :src="`${webBaseUrl}/images/list05.png`" alt="">
</span> -->
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
<span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
</router-link>
</li>
</ul>
@@ -341,7 +341,7 @@
<ul class="ranking-data">
<li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis"
style="cursor: pointer;margin-top:30px;line-height: 22px;">
<router-link :to="'/case/detail?id=' + item.id">
<router-link :to="'/case/detail?id=' + item.caseId">
<span class="portal-right-text orange-one" v-if="index == 0">
<img :src="`${webBaseUrl}/images/list-01.png`" alt="">
</span>
@@ -357,7 +357,7 @@
<span class="portal-right-text" v-if="index == 4">
<img :src="`${webBaseUrl}/images/list05.png`" alt="">
</span>
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
<span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
</router-link>
</li>
</ul>
@@ -365,9 +365,9 @@
<div class="portal-ranking ranking-bg2" style="margin-top:26px">
<p class="ranking-title">推荐榜</p>
<ul class="ranking-data">
<li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis"
<li v-for="(item, index) in recommendRank" :key="index" class="title-line-ellipsis"
style="cursor: pointer;margin-top:30px;line-height: 22px;">
<router-link :to="'/case/detail?id=' + item.id">
<router-link :to="'/case/detail?id=' + item.caseId">
<span class="portal-right-text blue-one" v-if="index == 0">
<img :src="`${webBaseUrl}/images/listred01 .png`" alt="">
</span>
@@ -377,7 +377,7 @@
<span class="portal-right-text blue-three" v-if="index == 2">
<img :src="`${webBaseUrl}/images/listred03.png`" alt="">
</span>
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
<span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
</router-link>
</li>
</ul>
@@ -514,6 +514,7 @@ export default {
ankingList: [],//排行数据1
Popularity: [],//排行数据2
Positive: [],//排行数据3
recommendRank: [],
protocolDialogVisible: false,
protocolConfirmButton: true,
years: [],
@@ -811,6 +812,7 @@ export default {
//打开排行榜下边的两个
this.getPopularity();
this.getPositive();
this.getQueryRecommendRank()
this.couresreso();
// window.addEventListener("scroll", this.handleScroll);
// 获取年
@@ -824,9 +826,11 @@ export default {
methods: {
positiveReview(e){
this.favorableName = this.switch[e]
this.getPositive()
},
popularityReview(e){
this.popularityName = this.switch[e]
this.getPopularity()
},
handleType(msg){
this.queryCondition.type = msg
@@ -1584,40 +1588,58 @@ export default {
});
},
getPopularity() {
apiCase.queryPraises(5).then(res => {
if (res.status == 200) {
this.Popularity = res.result.slice(0,3);
// if (res.result.length < 5) {
// for (let i = 0; i = (5 - res.result.length); i++) {
// this.Popularity.push({
// authorName: '',
// count: 1,
// id: '',
// title: '',
// })
// }
// }
// apiCase.queryPraises(5).then(res => {
// if (res.status == 200) {
// this.Popularity = res.result.slice(0,3);
// // if (res.result.length < 5) {
// // for (let i = 0; i = (5 - res.result.length); i++) {
// // this.Popularity.push({
// // authorName: '',
// // count: 1,
// // id: '',
// // title: '',
// // })
// // }
// // }
// }
// });
apiCase.queryPraisesNew(3,this.popularityName == '季度' ? 1 : 2).then(res => {
if(res.status == 200) {
this.Popularity = res.result
}
});
})
},
getPositive() {
apiCase.queryComments(5).then(res => {
if (res.status == 200) {
this.Positive = res.result.slice(0,3);
// if (res.result.length < 5) {
// for (let i = 0; i = (5 - res.result.length); i++) {
// this.Positive.push({
// authorName: '',
// count: 1,
// id: '',
// title: '',
// })
// }
// apiCase.queryComments(5).then(res => {
// if (res.status == 200) {
// this.Positive = res.result.slice(0,3);
// // if (res.result.length < 5) {
// // for (let i = 0; i = (5 - res.result.length); i++) {
// // this.Positive.push({
// // authorName: '',
// // count: 1,
// // id: '',
// // title: '',
// // })
// // }
// }
// // }
// }
// });
apiCase.queryCommentsNew(3,this.favorableName == '季度' ? 1 : 2).then(res => {
if(res.status == 200) {
this.Positive = res.result
}
});
})
},
getQueryRecommendRank(){
apiCase.queryRecommendRank(3).then(res => {
if(res.status == 200) {
this.recommendRank = res.result
}
})
},
jumpRouter(item) {