Skip to content

Y
year-end-activitiy
提交 df539b68 编写于 作者: chengxiang.li's avatar chengxiang.li
浏览文件
操作

Merge branch 'dev-stage2-20191125' of... 

Merge branch 'dev-stage2-20191125' of http://192.168.110.53/com.pica.cloud.foundation.frontend/year-end-activitiy into dev-stage2-20191125
上级 baa32ba2 bffb29e3
显示空白字符变更
内嵌 并排
正在显示 包含 177 行增加 和 206 行删除
assets/style/common.scss → assets/style/common.less
浏览文件 @ df539b68
...@@ -4,7 +4,7 @@ img{ ...@@ -4,7 +4,7 @@ img{
-o-user-select:none; -o-user-select:none;
user-select:none; user-select:none;
} }
body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption, { body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption {
padding: 0; padding: 0;
margin: 0; margin: 0;
list-style: none; list-style: none;
......
assets/style/global.scss → assets/style/global.less
浏览文件 @ df539b68
@import './common.scss'; @import 'common.less';
//定位 //定位
.relative{ .relative{
......
assets/style/mixin.scss → assets/style/mixin.less
浏览文件 @ df539b68
@import './global.scss'; @import 'global.less';
$blue: #3190e8; $blue: #3190e8;
$bc: #e4e4e4; $bc: #e4e4e4;
$fc:#fff; $fc:#fff;
......
components/footer-button.vue
浏览文件 @ df539b68
<template> <template>
<section class="footer-btn-wrap"> <section class="footer-btn-wrap">
<div class="footer-btn"> <div class="footer-btn" :style="{height: `${50+homeIndicatorHeight}` + 'Px'}">
<div class="btn" @click="handlerMethod">{{btnText}}</div> <div class="btn" @click="handlerMethod">{{btnText}}</div>
</div> </div>
</section> </section>
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
btnType: { btnType: {
type: Boolean, type: Boolean,
default: () => { default: () => {
return 1 return true
} }
} }
}, },
...@@ -39,20 +39,19 @@ ...@@ -39,20 +39,19 @@
.footer-btn-wrap { .footer-btn-wrap {
.footer-btn { .footer-btn {
width: 100%; width: 100%;
height: 40px; min-height: 50Px;
padding: 5px 0;
box-shadow:0px -1px 0px 0px rgba(237,237,237,1); box-shadow:0px -1px 0px 0px rgba(237,237,237,1);
position: fixed; position: fixed;
bottom: 0; bottom: 0;
background: #fff; background: #fff;
.btn { .btn {
width: 345px; width: 345px;
height: 40px; height: 40Px;
margin: 0 auto; margin: 5Px auto;
line-height: 40px; line-height: 40Px;
text-align: center; text-align: center;
background: linear-gradient(270deg,rgba(255,88,36,1) 0%,rgba(254,163,86,1) 100%); background: linear-gradient(270deg,rgba(255,88,36,1) 0%,rgba(254,163,86,1) 100%);
border-radius: 20px; border-radius: 20Px;
color: #FFFFFF; color: #FFFFFF;
font-weight: 700; font-weight: 700;
font-size: 15px; font-size: 15px;
......
components/normal-header.vue
浏览文件 @ df539b68
<template> <template>
<section class="header-section" > <section class="header-section" >
<div class="navBar" :style="{height: `${barHeight}Px`,backgroundColor: barColor}"></div> <div class="navBar" :style="{height: `${statusBarHeight}Px`,backgroundColor: statusBarColor}"></div>
<header class="header-container"> <header class="header-container">
<img @click="goBack" src="~/assets/img/icon-back.png" alt=""> <img @click="goBack" src="~/assets/img/icon-back.png" alt="">
{{title}} {{title}}
...@@ -31,18 +31,6 @@ ...@@ -31,18 +31,6 @@
return 1 return 1
} }
}, },
barHeight: {
type: Number,
default:function () {
return 0
}
},
barColor: {
type: String,
default: function () {
return '#ffffff'
}
}
}, },
data() { data() {
return {} return {}
......
components/ranking-header.vue
浏览文件 @ df539b68
<template> <template>
<section class="header-section" > <section class="header-section" >
<div class="navBar" :style="{height: `${barHeight}Px`,backgroundColor: barColor}"></div> <div class="navBar" :style="{height: `${statusBarHeight}Px`,backgroundColor: statusBarColor}"></div>
<header class="header-container"> <header class="header-container">
<img @click="goBack" src="~/assets/img/icon-back.png" alt=""> <img @click="goBack" src="~/assets/img/icon-back.png" alt="">
<div class="head-btn"> <div class="head-btn">
...@@ -45,18 +45,6 @@ ...@@ -45,18 +45,6 @@
return 1 return 1
} }
}, },
barHeight: {
type: Number,
default:function () {
return 0
}
},
barColor: {
type: String,
default: function () {
return '#ffffff'
}
},
headBtn: { headBtn: {
type: Object, type: Object,
default: function () { default: function () {
......
components/topHeader.vue
浏览文件 @ df539b68
...@@ -43,7 +43,7 @@ export default { ...@@ -43,7 +43,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '../assets/style/mixin.scss'; @import '../assets/style/mixin.less';
.top-title-new{ .top-title-new{
//height:px2rem(45px); //height:px2rem(45px);
line-height:px2rem(25px); line-height:px2rem(25px);
......
nuxt.config.js
浏览文件 @ df539b68
...@@ -55,6 +55,10 @@ module.exports = { ...@@ -55,6 +55,10 @@ module.exports = {
{ {
src: '~plugins/vue-infinite-scroll', src: '~plugins/vue-infinite-scroll',
ssr: false ssr: false
},
{
src: '~plugins/mixins',
ssr: false
} }
], ],
/* /*
......
pages/hospital-ranking/index.vue
浏览文件 @ df539b68
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
:activeBtnType="activeBtnType" :activeBtnType="activeBtnType"
@handleBtn="changeRanking"> @handleBtn="changeRanking">
</ranking-header> </ranking-header>
<div class="info-container" :style="{ marginTop: `${44+barHeight}Px`}"> <div class="info-container" :style="{ marginTop: `${44+statusBarHeight}Px`}">
<div class="info info-hospital" v-if="activeBtnType"> <div class="info info-hospital" v-if="activeBtnType">
<img src="~/assets/img/hospital-ranking/icon-hospital.png" alt=""> <img src="~/assets/img/hospital-ranking/icon-hospital.png" alt="">
<div class="content" v-if="hospitalRanking.score"> <div class="content" v-if="hospitalRanking.score">
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
<span class="marginL">{{activeBtnType?'机构名称':'机构成员'}}</span> <span class="marginL">{{activeBtnType?'机构名称':'机构成员'}}</span>
<span class="marginAuto">{{activeBtnType?'机构勤奋分':'贡献勤奋分'}}</span> <span class="marginAuto">{{activeBtnType?'机构勤奋分':'贡献勤奋分'}}</span>
</div> </div>
<div class="ranking-list"> <div class="ranking-list" :style="{marginBottom: `${50+homeIndicatorHeight}` + 'Px'}">
<div class="item" v-if="activeBtnType" v-for="(itemH,index) in hospitalRanking.topRankList"> <div class="item" v-if="activeBtnType" v-for="(itemH,index) in hospitalRanking.topRankList">
<img v-if="index<=2" :src="dealRankIcon(index)" alt="" class="ranking-icon"> <img v-if="index<=2" :src="dealRankIcon(index)" alt="" class="ranking-icon">
<p v-else class="icon-num" >{{index+1}}</p> <p v-else class="icon-num" >{{index+1}}</p>
...@@ -85,6 +85,8 @@ ...@@ -85,6 +85,8 @@
<script> <script>
import RankingHeader from '@/components/ranking-header'; import RankingHeader from '@/components/ranking-header';
import FooterButton from '@/components/footer-button'; import FooterButton from '@/components/footer-button';
import { getContributionRanking, getHospitalRanking} from '@/service/detailsAndRanking'
export default { export default {
name: 'hospital-ranking', name: 'hospital-ranking',
components: { components: {
...@@ -95,8 +97,6 @@ ...@@ -95,8 +97,6 @@
return { return {
showPop: false, showPop: false,
title: '个人明细', title: '个人明细',
barHeight: 0,
barColor: '#fff',
headBtn: { headBtn: {
leftName: '机构排行榜', leftName: '机构排行榜',
rightName: '人员贡献榜' rightName: '人员贡献榜'
...@@ -140,73 +140,19 @@ ...@@ -140,73 +140,19 @@
} }
}, },
getHospitalRanking() { getHospitalRanking() {
this.hospitalRanking = { getHospitalRanking().then(res => {
name: '测试医院', if(res.code == '000000') {
rank: 3, this.hospitalRanking = res.data;
score: 5000,
hospitalType: 1,
topRankList: [
{
name: '测试医院',
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
rank: 0,
score: 10000
},
{
name: '医院1',
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
rank: 1,
score: 9343
},
{
name: '医院2',
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
rank: 2,
score: 8888
},
{
name: '医院3',
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
rank: 3,
score: 8200
}
],
} }
})
}, },
getContributionRanking() { getContributionRanking() {
this.contributionRanking = { getContributionRanking().then(res => {
name: '代医生', if(res.code == '000000') {
rank: 3, this.contributionRanking = res.data;
score: 5000,
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
hospital: '测试医院',
topRankList: [
{
name: '戴医生',
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
rank: 0,
score: 10000
},
{
name: '张医生',
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
rank: 1,
score: 9343
},
{
name: '李医生',
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
rank: 2,
score: 8888
},
{
name: '刘医生',
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
rank: 3,
score: 8200
}
],
} }
})
}, },
getRankData() { getRankData() {
if(this.activeBtnType) { if(this.activeBtnType) {
......
pages/invite-details/index.less
浏览文件 @ df539b68
.invite-details-wrap { .invite-details-wrap {
.main-container { .main-container {
// overflow: hidden; overflow: hidden;
.invite-explain { .invite-explain {
padding: 0 15px; padding: 0 15px;
margin: 20px 0 30px 0; margin: 20px 0 30px 0;
...@@ -106,6 +106,7 @@ ...@@ -106,6 +106,7 @@
} }
.record-details { .record-details {
width: 100%; width: 100%;
min-height: 294px;
background: #fff; background: #fff;
.tab-nav { .tab-nav {
width: 100%; width: 100%;
...@@ -147,7 +148,6 @@ ...@@ -147,7 +148,6 @@
} }
.record-list { .record-list {
padding: 15px; padding: 15px;
margin-bottom: 50px;
.sum { .sum {
color: #676869; color: #676869;
font-size: 14px; font-size: 14px;
...@@ -218,7 +218,6 @@ ...@@ -218,7 +218,6 @@
} }
} }
.no-data { .no-data {
margin-bottom: 50px;
img { img {
width: 150px; width: 150px;
height: 150px; height: 150px;
......
pages/invite-details/index.vue
浏览文件 @ df539b68
...@@ -2,11 +2,9 @@ ...@@ -2,11 +2,9 @@
<section class="invite-details-wrap"> <section class="invite-details-wrap">
<normal-header <normal-header
:title="title" :title="title"
:barHeight="barHeight"
:barColor="barColor"
:backType="1"> :backType="1">
</normal-header> </normal-header>
<div class="main-container" :style="{ marginTop: `${44+barHeight}Px`}"> <div class="main-container" :style="{ marginTop: `${44+statusBarHeight}Px`}">
<div class="invite-explain"> <div class="invite-explain">
<p class="title">邀请形式</p> <p class="title">邀请形式</p>
<div class="picture-explain"> <div class="picture-explain">
...@@ -39,7 +37,7 @@ ...@@ -39,7 +37,7 @@
</div> </div>
</div> </div>
<div class="gray-line"></div> <div class="gray-line"></div>
<div class="record-details"> <div class="record-details" :style="{marginBottom: `${50+homeIndicatorHeight}Px`}">
<div class="tab-nav"> <div class="tab-nav">
<div class="item left-item" :class="{activeItem:recordType==1}" @click="changeRecordType"> <div class="item left-item" :class="{activeItem:recordType==1}" @click="changeRecordType">
领取记录 领取记录
...@@ -50,7 +48,7 @@ ...@@ -50,7 +48,7 @@
<p class="active-line" v-if="recordType==2"></p> <p class="active-line" v-if="recordType==2"></p>
</div> </div>
</div> </div>
<div class="record-list" v-if="inviteList.length"> <div class="record-list" v-if="inviteList.length" >
<p class="sum">共{{recordTotal}}人</p> <p class="sum">共{{recordTotal}}人</p>
<div class="loadMore" v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" <div class="loadMore" v-infinite-scroll="loadMore" infinite-scroll-disabled="busy"
infinite-scroll-distance="10"> infinite-scroll-distance="10">
...@@ -75,17 +73,17 @@ ...@@ -75,17 +73,17 @@
</div> </div>
</div> </div>
<div class="no-data" v-if="!inviteList.length"> <div class="no-data" v-if="!inviteList.length" >
<img src="~/assets/img/icon-nodata.png" alt=""> <img src="~/assets/img/icon-nodata.png" alt="">
<p v-if="recordType==1">提醒您的医生好友领取课程您将获得奖励哦！</p> <p v-if="recordType==1">提醒您的医生好友领取课程您将获得奖励哦！</p>
<p v-if="recordType==2" class="text-get">提醒您的医生好友领取课程后登录云鹊医APP您将再获得奖励哦！</p> <p v-if="recordType==2" class="text-get">提醒您的医生好友领取课程后登录云鹊医APP您将再获得奖励哦！</p>
</div> </div>
</div>
</div>
<footer-button <footer-button
:btnText="btnText" :btnText="btnText"
:btnType="btnType"> :btnType="btnType">
</footer-button> </footer-button>
</div>
</div>
</section> </section>
</template> </template>
...@@ -103,8 +101,6 @@ ...@@ -103,8 +101,6 @@
return { return {
showPop: false, showPop: false,
title: '邀请明细', title: '邀请明细',
barHeight: 0,
barColor: '#fff',
inviteList: [], inviteList: [],
recordTotal: 0, recordTotal: 0,
recordType: 1, recordType: 1,
......
pages/person-detail/index.vue
浏览文件 @ df539b68
...@@ -2,11 +2,9 @@ ...@@ -2,11 +2,9 @@
<section class="person-detail-wrap"> <section class="person-detail-wrap">
<normal-header <normal-header
:title="title" :title="title"
:barHeight="barHeight"
:barColor="barColor"
:backType="1"> :backType="1">
</normal-header> </normal-header>
<div class="info-container" :style="{ marginTop: `${44+barHeight}Px`}"> <div class="info-container" :style="{ marginTop: `${44+statusBarHeight}Px`}">
<div class="info"> <div class="info">
<img src="https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg" alt=""> <img src="https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg" alt="">
<div class="content"> <div class="content">
...@@ -30,7 +28,7 @@ ...@@ -30,7 +28,7 @@
</div> </div>
<div class="awards-details">血压计 1 支/温度计 1 支/小米电视4C 2 台/米家洗衣机 1 台/米家冰箱 2 台/华为荣耀Play3 2 部</div> <div class="awards-details">血压计 1 支/温度计 1 支/小米电视4C 2 台/米家洗衣机 1 台/米家冰箱 2 台/华为荣耀Play3 2 部</div>
</div>--> </div>-->
<div class="detail-list" v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="10"> <div class="detail-list" v-if="personDetails.length" v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="10">
<div class="item" v-for="item in personDetails"> <div class="item" v-for="item in personDetails">
<div class="left"> <div class="left">
<img :src="detailTaskIcon(item.taskName)" alt=""> <img :src="detailTaskIcon(item.taskName)" alt="">
...@@ -75,8 +73,6 @@ ...@@ -75,8 +73,6 @@
return { return {
showPop: false, showPop: false,
title: '个人明细', title: '个人明细',
barHeight: 0,
barColor: '#fff',
personDetails: [], personDetails: [],
busy: true, //分页参数--start busy: true, //分页参数--start
pageNo: 0, pageNo: 0,
...@@ -96,8 +92,16 @@ ...@@ -96,8 +92,16 @@
this.$router.push('/in-activity') this.$router.push('/in-activity')
}, },
detailTaskIcon(taskName) { detailTaskIcon(taskName) {
if(taskName == '打卡') { if(taskName == 'SMO') {
return require('../../assets/img/person-detail/icon-invite.png') return require('../../assets/img/task-icon/smo-icon.png')
} else if(taskName == '课程') {
return require('../../assets/img/task-icon/lesson-icon.png')
} else if(taskName == '打卡') {
return require('../../assets/img/task-icon/daily-clock-icon.png')
} else if(taskName == '邀请') {
return require('../../assets/img/task-icon/invite-icon.png')
} else if(taskName == '邀请') {
return require('../../assets/img/task-icon/ranking-icon.png')
} }
}, },
detailAwardsName(type) { detailAwardsName(type) {
......
pages/person-ranking/index.vue
浏览文件 @ df539b68
...@@ -7,9 +7,9 @@ ...@@ -7,9 +7,9 @@
@handleBtn="changeRanking" @handleBtn="changeRanking"
@handleRightBtn="handleRightBtn"> @handleRightBtn="handleRightBtn">
</ranking-header> </ranking-header>
<div class="info-container" :style="{ marginTop: `${44+barHeight}Px`}"> <div class="info-container" :style="{ marginTop: `${44+statusBarHeight}Px`}">
<div class="info"> <div class="info">
<img src="https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg" alt=""> <img :src="rankData.avatarImageUrl" alt="">
<div class="right"> <div class="right">
<div class="content" v-if="rankData.score"> <div class="content" v-if="rankData.score">
<p class="item"> <p class="item">
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<span class="marginL">用户名称</span> <span class="marginL">用户名称</span>
<span class="marginAuto">{{activeBtnType?'今日':'累计'}}勤奋分</span> <span class="marginAuto">{{activeBtnType?'今日':'累计'}}勤奋分</span>
</div> </div>
<div class="ranking-list"> <div class="ranking-list" :style="{marginBottom: `${50+homeIndicatorHeight}Px`}">
<div class="item" v-for="(item,index) in rankData.topRankList"> <div class="item" v-for="(item,index) in rankData.topRankList">
<img v-if="index<=2" :src="dealRankIcon(index)" alt="" class="ranking-icon"> <img v-if="index<=2" :src="dealRankIcon(index)" alt="" class="ranking-icon">
<p v-else class="icon-num" >{{index+1}}</p> <p v-else class="icon-num" >{{index+1}}</p>
...@@ -57,6 +57,8 @@ ...@@ -57,6 +57,8 @@
<script> <script>
import RankingHeader from '@/components/ranking-header'; import RankingHeader from '@/components/ranking-header';
import FooterButton from '@/components/footer-button'; import FooterButton from '@/components/footer-button';
import { getTodayUserRanking, getAllUserRanking} from '@/service/detailsAndRanking'
export default { export default {
name: 'person-ranking', name: 'person-ranking',
components: { components: {
...@@ -67,8 +69,6 @@ ...@@ -67,8 +69,6 @@
return { return {
showPop: false, showPop: false,
title: '个人明细', title: '个人明细',
barHeight: 0,
barColor: '#fff',
rankData: {}, rankData: {},
rightBtn: '昨日获奖', rightBtn: '昨日获奖',
headBtn: { headBtn: {
...@@ -84,11 +84,12 @@ ...@@ -84,11 +84,12 @@
}, },
mounted() { mounted() {
this.getRankingList() this.getData();
}, },
methods: { methods: {
changeRanking() { changeRanking() {
this.activeBtnType = !this.activeBtnType this.activeBtnType = !this.activeBtnType
this.getData();
}, },
handleRightBtn() { handleRightBtn() {
this.$router.push({ this.$router.push({
...@@ -104,48 +105,38 @@ ...@@ -104,48 +105,38 @@
return require('../../assets/img/icon-copper.png') return require('../../assets/img/icon-copper.png')
} }
}, },
getRankingList() { getData() {
this.rankData = { if(this.activeBtnType) {
name: '戴医生', this.getTodayRankingList();
hospital: '测试医院', } else {
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg', this.getUserRankingList();
rank: 33, }
score: 999,
targetRank: 3,
targetRequiredScore: 10,
topRankList: [
{
name: '张医生',
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
rank: 0,
score: 10000
},
{
name: '李医生',
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
rank: 1,
score: 9343
},
{
name: '王医生',
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
rank: 2,
score: 8888
}, },
{ getTodayRankingList() {
name: '刘医生', getTodayUserRanking().then(res => {
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg', if(res.code == '000000') {
rank: 3, this.rankData = res.data;
score: 8200 if(this.rankData.score) {
this.btnText = '获得更多勤奋分'
} else {
this.btnText = '参与活动得勤奋分'
} }
],
} }
})
},
getUserRankingList() {
getAllUserRanking().then(res => {
if(res.code == '000000') {
this.rankData = res.data;
if(this.rankData.score) { if(this.rankData.score) {
this.btnText = '获得更多勤奋分' this.btnText = '获得更多勤奋分'
} else { } else {
this.btnText = '参与活动得勤奋分' this.btnText = '参与活动得勤奋分'
} }
} }
})
}
}, },
}; };
</script> </script>
......
pages/yesterday-prize/index.vue
浏览文件 @ df539b68
...@@ -3,16 +3,14 @@ ...@@ -3,16 +3,14 @@
<normal-header <normal-header
:title="title" :title="title"
:rightText="rightText" :rightText="rightText"
:barHeight="barHeight"
:barColor="barColor"
:backType="1"> :backType="1">
</normal-header> </normal-header>
<div class="prize-list" :style="{ marginTop: `${44+barHeight}Px`}"> <div class="prize-list" :style="{ marginTop: `${44+statusBarHeight}Px`,marginBottom: `${50+homeIndicatorHeight}Px`}">
<div class="item" v-for="(item, index) in rewardsList"> <div class="item" v-for="(item, index) in rewardsList">
<img v-if="index<=2" :src="dealRankIcon(index)" alt="" class="ranking-icon"> <img v-if="index<=2" :src="dealRankIcon(index)" alt="" class="ranking-icon">
<p v-else class="icon-num" >{{index+1}}</p> <p v-else class="icon-num" >{{index+1}}</p>
<div class="item-right"> <div class="item-right">
<img src="https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg" alt="" class="doctor-photo"> <img :src="item.avatarImageUrl" alt="" class="doctor-photo">
<div class="doctor-info"> <div class="doctor-info">
<p class="name">{{item.name}}</p> <p class="name">{{item.name}}</p>
<p class="grade">昨日勤奋分:<span>{{item.score}}</span></p> <p class="grade">昨日勤奋分:<span>{{item.score}}</span></p>
...@@ -31,6 +29,8 @@ ...@@ -31,6 +29,8 @@
<script> <script>
import NormalHeader from '@/components/normal-header'; import NormalHeader from '@/components/normal-header';
import FooterButton from '@/components/footer-button'; import FooterButton from '@/components/footer-button';
import { getYesterdayRanking } from '@/service/detailsAndRanking'
export default { export default {
name: "index", name: "index",
components: { components: {
...@@ -41,8 +41,6 @@ ...@@ -41,8 +41,6 @@
return { return {
showPop: false, showPop: false,
title: '昨日获奖名单', title: '昨日获奖名单',
barHeight: 0,
barColor: '#fff',
rightText: '如何领奖', rightText: '如何领奖',
rewardsList: [], rewardsList: [],
btnText: '今日我要拿奖', btnText: '今日我要拿奖',
...@@ -63,32 +61,11 @@ ...@@ -63,32 +61,11 @@
} }
}, },
getRewardList() { getRewardList() {
this.rewardsList = [ getYesterdayRanking().then(res => {
{ if(res.code == '000000') {
name: '张医生', this.rewardsList = res.data.topRankList;
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
rank: 0,
score: 10000
},
{
name: '李医生',
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
rank: 1,
score: 9343
},
{
name: '王医生',
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
rank: 2,
score: 8888
},
{
name: '刘医生',
avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
rank: 3,
score: 8200
} }
] })
} }
}, },
} }
......
plugins/mixins.js 0 → 100644
浏览文件 @ df539b68
import Vue from 'vue';
// 设置电池栏高度
const mixins = {
data() {
return {
statusBarHeight: 0,
homeIndicatorHeight: 0,
statusBarColor: '#fff'
}
},
created() {
const _this = this;
if (!_this.$rocNative.isWeb) {
_this.statusBarColor = _this.$rocNative.isAndroid?'#5C5C5C':'#fff'
_this.$rocNative.getStatusBarHeight().then(res => {
// resolve(data)
let height = _this.$rocNative.isIOS ? res.statusBarHeight : res.statusBarHeight / window.devicePixelRatio;
_this.statusBarHeight = height;
// 刘海屏底部高度
if(res.homeIndicatorHeight) {
let homeIndicatorHeight = _this.$rocNative.isIOS ? res.homeIndicatorHeight : res.homeIndicatorHeight / window.devicePixelRatio;
_this.homeIndicatorHeight = homeIndicatorHeight;
}
})
}
},
mounted() {
},
};
Vue.mixin(mixins);
service/detailsAndRanking.js
浏览文件 @ df539b68
...@@ -25,3 +25,49 @@ export const getPersonDetails = (params) => { ...@@ -25,3 +25,49 @@ export const getPersonDetails = (params) => {
withCredentials: true withCredentials: true
}) })
} }
// 获取今日个人排行榜
export const getTodayUserRanking = (data) => {
return request({
url: `/campaign/ranking/today_user_ranking`,
method: 'post',
data: data,
withCredentials: true
})
}
// 获取累计排行榜
export const getAllUserRanking = (data) => {
return request({
url: `/campaign/ranking/user_ranking`,
method: 'post',
data: data,
withCredentials: true
})
}
// 获取个人贡献榜
export const getContributionRanking = (data) => {
return request({
url: `/campaign/ranking/contribution_ranking`,
method: 'post',
data: data,
withCredentials: true
})
}
// 获取机构排行榜
export const getHospitalRanking = (data) => {
return request({
url: `/campaign/ranking/hospital_ranking`,
method: 'post',
data: data,
withCredentials: true
})
}
// 获取昨日获奖名单
export const getYesterdayRanking = (data) => {
return request({
url: `/campaign/ranking/yesterday_user_ranking`,
method: 'post',
data: data,
withCredentials: true
})
}
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或