Skip to content

Y
year-end-activitiy
提交 adcaa41a 编写于 作者: Yuanzhao.dai's avatar Yuanzhao.dai
浏览文件
操作

接口联调，增加个人机构文参加状态

上级 5fa10be0
隐藏空白字符变更
内嵌 并排
正在显示 包含 95 行增加 和 72 行删除
pages/awards-list/index.vue
浏览文件 @ adcaa41a
<template>
<section class="awards-list-wrap">
<div class="top-container">
<h5header
v-if="!isWeb"
title="云鹊奖2019"
:isOpacity="false"
:shareObj="shareObj"
@checkAuth="handleLoginCheck"
/>
<div class="top-container" :style="{ marginTop: `${44+statusBarHeight}Px`}">
<img src="~/assets/img/stage3/rule-btn.png" alt="">
</div>
<!--已登录及个人未参加-->
<div class="person-details">
<div class="person-details" v-if="isLogin&&mainInfoType==1&&!isWeb">
<div class="info">
<img src="https://test-file.yunqueyi.com/png/2019/9/19/1568874397547_45fff40f.png" alt="">
<div class="right">
......@@ -15,16 +22,17 @@
<div class="self-grade">
<div class="left">
<p class="title">个人勤奋榜</p>
<p class="rank">第{{mainInfo.personRank}}名</p>
<p class="score">个人勤奋分 {{mainInfo.diligence}}</p>
<p class="rank" v-if="mainInfo.diligence">第{{mainInfo.personRank}}名</p>
<p class="rank" v-else >未参与活动</p>
<p class="score">个人勤奋分 {{mainInfo.diligence?mainInfo.diligence:'-'}}</p>
</div>
<div class="right">
<p class="title">机构{{dealHospitalRankName(mainInfo.hospitalType)}}</p>
<p class="title">机构{{dealHospitalRankName(mainInfo.hospitalType)}}榜</p>
<p class="rank">第{{mainInfo.hospitalRank}}名</p>
<p class="score">机构勤奋分 {{mainInfo.hospitalDiligence}}</p>
</div>
</div>
<div class="my-grade">我的成绩</div>
<div class="my-grade" @click="goMyGrade">我的成绩</div>
<div class="bottom">
<p class="text">参与人数 {{mainInfo.count}}</p>
<p class="line"></p>
......@@ -32,7 +40,7 @@
</div>
</div>
<!--未登录-->
<!--<div class="person-details not-login">
<div class="person-details not-login" v-if="!isLogin">
<div class="description">登录查看个人和机构排名</div>
<div class="my-grade">立即登录</div>
<div class="bottom">
......@@ -40,18 +48,18 @@
<p class="line"></p>
<p class="text">参与机构数 28788348</p>
</div>
</div>-->
</div>
<!--个人机构均未参加-->
<!--<div class="person-details not-join">
<div class="person-details not-join" v-if="isLogin&&mainInfoType==2&&!isWeb">
<div class="description">您和您的机构未参加本次活动</div>
<div class="bottom">
<p class="text">参与人数 28788348</p>
<p class="line"></p>
<p class="text">参与机构数 28788348</p>
</div>
</div>-->
</div>
<!--微信打开页面-->
<!-- <div class="person-details in-wx">
<div class="person-details in-wx" v-if="isWeb">
<div class="wx-left wx-item">
<p class="num">28788348</p>
<p class="text">参与人数</p>
......@@ -61,59 +69,20 @@
<p class="num"> 28788348</p>
<p class="text">参与机构数</p>
</div>
</div>-->
</div>
<div class="main-container">
<img class="top-img" src="~/assets/img/stage3/hospital-icon.png" alt="">
<div class="award-container hospital-awards">
<div class="item">
<div class="top">
<div class="title">云鹊星火奖</div>
<div class="operation">查看榜单<img src="~/assets/img/stage3/icon-right.png" alt=""></div>
</div>
<div class="content">
<img src="~/assets/img/stage3/hospital-rank1.png" alt="">
<div class="details">
<p class="name">上海复旦大学附属中山医院</p>
<p class="grade">机构勤奋分 20039</p>
</div>
</div>
</div>
<div class="item">
<div class="item" v-for="(item, index) in hospitalTopVoList">
<div class="top">
<div class="title">云鹊萌芽奖</div>
<div class="operation">查看榜单<img src="~/assets/img/stage3/icon-right.png" alt=""></div>
<div class="title">云鹊{{dealHospitalRankName(item.hospitalType)}}奖</div>
<div class="operation" @click="goRankList(1,item.hospitalType)">查看榜单<img src="~/assets/img/stage3/icon-right.png" alt=""></div>
</div>
<div class="content">
<img src="~/assets/img/stage3/hospital-rank2.png" alt="">
<img :src="dealHospitalRankIcon(item.hospitalType)" alt="">
<div class="details">
<p class="name">上海复旦大学附属中山医院</p>
<p class="grade">机构勤奋分 20039</p>
</div>
</div>
</div>
<div class="item">
<div class="top">
<div class="title">云鹊奋进奖</div>
<div class="operation">查看榜单<img src="~/assets/img/stage3/icon-right.png" alt=""></div>
</div>
<div class="content">
<img src="~/assets/img/stage3/hospital-rank3.png" alt="">
<div class="details">
<p class="name">上海复旦大学附属中山医院</p>
<p class="grade">机构勤奋分 20039</p>
</div>
</div>
</div>
<div class="item">
<div class="top">
<div class="title">云鹊超越奖</div>
<div class="operation">查看榜单<img src="~/assets/img/stage3/icon-right.png" alt=""></div>
</div>
<div class="content">
<img src="~/assets/img/stage3/hospital-rank4.png" alt="">
<div class="details">
<p class="name">上海复旦大学附属中山医院上海复旦大学附属中山医院</p>
<p class="grade">机构勤奋分 20039</p>
<p class="name">{{item.hospitalName}}</p>
<p class="grade">机构勤奋分 {{item.hospitalDiligence}}</p>
</div>
</div>
</div>
......@@ -125,13 +94,13 @@
<div class="item">
<div class="top">
<div class="title">云鹊勤奋之星</div>
<div class="operation">查看榜单<img src="~/assets/img/stage3/icon-right.png" alt=""></div>
<div class="operation" @click="goRankList(2)">查看榜单<img src="~/assets/img/stage3/icon-right.png" alt=""></div>
</div>
<div class="content">
<img src="~/assets/img/stage3/person-rank.png" alt="">
<div class="details">
<p class="name">王医生</p>
<p class="grade">个人累计勤奋分 20039</p>
<p class="name">{{doctorTopVo.name}}</p>
<p class="grade">个人累计勤奋分 {{doctorTopVo.diligence}}</p>
</div>
</div>
</div>
......@@ -144,45 +113,92 @@
</template>
<script>
import { getThirdMainInfo } from '@/service/stage3Api'
import { getThirdMainInfo, getMainRank } from '@/service/stage3Api'
import h5header from '@/components/h5header';
import { wxShare } from '@/configs/wxShare';
export default {
name: "index",
components: {
h5header
},
data() {
return {
isLogin: true,
mainInfo: {},//顶部个人信息等相关数据
isWeb: false,
shareObj: wxShare,
mainInfoType: 1,//1,机构参加，2机构未参加
}
},
asyncData() {
async asyncData() {
const { data } = await getMainRank()
return {
hospitalTopVoList: data.hospitalTopVoList,
doctorTopVo: data.doctorTopVo||{}
}
},
created() {
getMainRank()
},
mounted() {
this.getMainInfo();
this.shareObj.shareUrl = location.href
},
methods: {
getMainInfo() {
goMyGrade() { //跳转我的成绩页
this.$router.push('/awards-list/personal-grade')
},
goRankList(type,hospitalType) { //跳转榜单页,type:1机构，2个人
if (type == 1) {
this.$router.push({
path: '/awards-list/hospital-grades',
query: {
hospitalType: hospitalType
}
})
} else if(type == 2) {
this.$router.push({
path: '/awards-list/personal-rank',
query: {
}
})
}
},
getMainInfo() { //top主要数据
getThirdMainInfo().then(res => {
if(res.code == '000000') {
this.mainInfo = res.data;
if(res.data.hospitalDiligence==0) {
this.mainInfoType = 2;
} else {
this.mainInfoType = 1;
}
}
})
},
dealHospitalRankName(hospitalType) {
dealHospitalRankName(hospitalType) { //机构，医生榜单
if(hospitalType == 0) {
return '星火';
} else if(hospitalType == 1) {
return '萌芽';
} else if(hospitalType == 2) {
return '奋进';
} else if(hospitalType == 3) {
return '超越';
}
},
dealHospitalRankIcon(hospitalType) {
if(hospitalType == 0) {
return '星火榜';
return require('../../assets/img/stage3/hospital-rank1.png');
} else if(hospitalType == 1) {
return '萌芽榜';
return require('../../assets/img/stage3/hospital-rank2.png');
} else if(hospitalType == 2) {
return '奋进榜';
return require('../../assets/img/stage3/hospital-rank3.png');
} else if(hospitalType == 3) {
return '超越榜';
return require('../../assets/img/stage3/hospital-rank4.png');
}
}
}
......
service/stage3Api.js
浏览文件 @ adcaa41a
import request from './api';
/*获取三阶段主要数据*/
export const getThirdMainInfo = async (params) => {
export const getThirdMainInfo = (params) => {
return request({
url: '/campaign/third/share/home/top',
withCredentials: true,
params: params
})
}
/*获取榜单首页排行*/
export const getMainRank = (parmas) => {
return request({
url: '/campaign/third/share/home/center',
params: parmas
})
}
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或