提交 5301ef33 编写于 作者: 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
<template>
<section class="index-wrap">
<div id="imgHeight1">
<img src="../assets/img/img1.png"/>
<img src="../assets/img/img2.png"/>
<img src="../assets/img/img3.png"/>
</div>
<div class="wrap-join" id="imgHeight2">
<div class="wrap-count">
<div>
<h1>2394847</h1>
<h5>已参与人数</h5>
</div>
<div>
<h1>23948</h1>
<h5>已参与机构</h5>
</div>
</div>
</div>
<div class="btn-appoint btn-app-share" id="imgHeight3" @click="setRemind"><img src="../assets/img/btn_appoint.png"/>
</div>
<div>
<img src="../assets/img/img6.png"/>
<img src="../assets/img/img7.png"/>
<img src="../assets/img/img8.png"/>
<img src="../assets/img/img9.png"/>
<img src="../assets/img/img10.png"/>
</div>
<div class="btn-share btn-app-share"><img src="../assets/img/btn_share.png"/></div>
<div class="rule-show">
<img src="../assets/img/rule_title.png"/>
<div class="rule-bg">
<section>
<h1>每日任务,攒勤奋分</h1>
<p><span>比赛时间:</span>2019.12.16 10:00-2019.12.30 00:00</p>
<p><span>医生机构:</span>根据机构内注册医生的勤奋分总额排名,活动结束后机构榜单指定名次可获得云鹊豆,榜单第一可获得云鹊机构奖荣誉。</p>
<p><span>医生个人:</span>完成每日学习任务可积攒勤奋分和云鹊豆,每日个人排行榜前十可获得相应实物奖品,个人累计排行第一获得云鹊勤奋之星荣誉、iphone11(64G)一台及云鹊豆奖品。</p>
</section>
<section class="margin-top-20">
<h1>公布排名</h1>
<p><span>公布时间:</span>2019.12.30 10:00-2020.1.5</p>
<p>公布个人获奖名单和机构获奖名单</p>
</section>
<div class="line"></div>
<div class="btn-rule">查看规则详情</div>
</div>
<img class="bird" src="../assets/img/bird.png">
</div>
<div v-if="showFixed" @click="setRemind" class="fix-btn">
<div>开赛时提醒我</div>
</div>
</section>
</template>
<script>
// import { Toast } from 'vant';
// import { mapMutations } from 'vuex'
// import request from '@/service/api';
import {remind, getRemindStatus, checkHospitalStatus} from '@/service';
// import popAll from '../components/popAll.vue';
// import { getBaseMainUrl, getCookie, delCookie, setCookie } from '../utils/index';
const cookies = require('cookie-universal')();
const token = '3D093CC8931C4F73A938CD8939E1A640';
export default {
head() {
return {
title: '云鹊医-赋能基层医生',
};
},
async asyncData({query}) {
const {data} = await getRemindStatus(token);
console.log('服务端', data)
const remindStatus = data;
return {
remindStatus
}
},
data() {
return {
showFixed: false,
}
},
created() {
},
mounted() {
console.log('愉悦状态', this.remindStatus)
this.scrollHandle();
},
methods: {
// 处理滚动按钮悬浮事件
scrollHandle() {
const _self = this;
const imgHeight1 = document.getElementById('imgHeight1').offsetHeight;
const imgHeight2 = document.getElementById('imgHeight2').offsetHeight;
const imgHeight3 = document.getElementById('imgHeight3').offsetHeight;
let bodyScrollTop = 0, documentScrollTop = 0;
window.onscroll = () => {
if (document.body) {
bodyScrollTop = document.body.scrollTop;
}
if (document.documentElement) {
documentScrollTop = document.documentElement.scrollTop;
}
const heightVal = imgHeight1 + imgHeight2 + imgHeight3;
const scrollVal = bodyScrollTop || documentScrollTop;
if (scrollVal >= heightVal) {
_self.showFixed = true;
} else {
_self.showFixed = false;
}
}
},
setRemind() {
checkHospitalStatus(token).then(res => {
console.log(res)
// status : 0无机构 1正常 2机构已关闭 5退出 10移除 15创建机构审核中 20创建机构审核不通过 25创建机构未提交
if (res.data.status == 1) {
}
if (!res.data.status) { // 0无机构
// native gotoActivityHospital
} else if (res.data.status == 15) { // 15创建机构审核中
// native gotoInstitutionalReview
} else {
remind({token}).then(res => {
console.log('res=>', res)
})
}
})
}
},
}
</script>
<style lang="less">
@import '../assets/style/index.less';
</style>
\ No newline at end of file
<template>
<div class="select-box sex-box">
<div class="mark" @click="chooseShip({type: -1})"></div>
<div class="select-con t-center">
<div class="s-tit">与患者关系</div>
<div class="s-val" :class="curShip === item.id ? 'curSex': '' " v-for="(item,index) in defaShip" :key="index" @click="chooseShip({type:item.id,name:item.name})">{{item.name}}</div>
<!-- <div class="s-val" :class="curSex === 2 ? 'curSex': '' " @click="chooseSex('sex', {type: 2})">女</div> -->
</div>
<div class="select-box sex-box">
<div class="mark" @click="chooseShip({type: -1})"></div>
<div class="select-con t-center">
<div class="s-tit">与患者关系</div>
<div class="s-val" :class="curShip === item.id ? 'curSex': '' " v-for="(item,index) in defaShip" :key="index"
@click="chooseShip({type:item.id,name:item.name})">{{item.name}}
</div>
<!-- <div class="s-val" :class="curSex === 2 ? 'curSex': '' " @click="chooseSex('sex', {type: 2})">女</div> -->
</div>
</div>
</template>
<script>
export default {
data() {
return {
defaShip:[
{
name:'医生与患者',
id:1
},
{
name:'直系亲属',
id:2
},
{
name:'朋友',
id:3
},
{
name:'其他',
id:4
}
]
};
},
props: {
chooseShip: {
type: Function,
default: () => {},
export default {
data() {
return {
defaShip: [
{
name: '医生与患者',
id: 1
},
{
name: '直系亲属',
id: 2
},
{
name: '朋友',
id: 3
},
{
name: '其他',
id: 4
}
]
};
},
curShip: {
type: Number,
default: 3,
props: {
chooseShip: {
type: Function,
default: () => {
},
},
curShip: {
type: Number,
default: 3,
},
},
},
};
};
</script>
<style lang="scss">
// @import '@/static/css/common.scss';
.sex-box {
.select-con {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 100;
font-size: 30px;
background: #fff;
color: rgba(51, 51, 51, 1);
.s-tit {
color: rgba(148, 151, 153, 1);
height: 100px;
line-height: 100px;
}
.s-val {
height: 90px;
line-height: 90px;
border-bottom: 1px solid rgba(240, 240, 240, 1);
}
.curSex{
color:rgba(65,183,167,1);
}
.s-val-cur {
color: rgba(65, 183, 167, 1);
}
.s-footer-box {
height: 87px;
line-height: 87px;
.s-left {
color: rgba(153, 153, 153, 1);
}
.s-right {
color: rgba(65, 183, 167, 1);
border-left: 1px solid rgba(240, 240, 240, 1);
}
}
<style lang="less">
// @import '@/static/css/common.scss';
.sex-box {
.select-con {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 100;
font-size: 30px;
background: #fff;
color: rgba(51, 51, 51, 1);
.s-tit {
color: rgba(148, 151, 153, 1);
height: 100px;
line-height: 100px;
}
.s-val {
height: 90px;
line-height: 90px;
border-bottom: 1px solid rgba(240, 240, 240, 1);
}
.curSex {
color: rgba(65, 183, 167, 1);
}
.s-val-cur {
color: rgba(65, 183, 167, 1);
}
.s-footer-box {
height: 87px;
line-height: 87px;
.s-left {
color: rgba(153, 153, 153, 1);
}
.s-right {
color: rgba(65, 183, 167, 1);
border-left: 1px solid rgba(240, 240, 240, 1);
}
}
}
}
</style>
.person-detail-wrap {
.person-detail {
position: relative;
z-index: 18;
.bg {
background: url(../../assets/img/person-detail/detail-top-bg.png) no-repeat;
background-size: 100% 100%;
width: 100%;
height: 130px;
position: absolute;
z-index: 19;
}
.person-info {
position: relative;
padding: 20px 15px;
z-index: 20;
display: flex;
align-items: center;
color: #fff;
font-size: 14px;
span.orge {
color: #FFDD58
}
.header-pic {
width: 50px;
height: 50px;
border-radius: 50px;
margin-right: 11px;
}
}
}
}
\ No newline at end of file
.person-detail-wrap{
.person-detail{
position:relative;
z-index:18;
.bg{
background:url(../../assets/img/person-detail/detail-top-bg.png) no-repeat;
background-size: 100% 100%;
width: 100%;
height:130px;
position: absolute;
z-index: 19;
}
.person-info{
position:relative;
padding:20px 15px;
z-index: 20;
display: flex;
align-items: center;
color:#fff;
font-size:14px;
span.orge{
color:#FFDD58
}
.header-pic{
width: 50px;
height: 50px;
border-radius: 50px;
margin-right: 11px;
}
}
}
}
\ No newline at end of file
......@@ -62,6 +62,6 @@ export default {
};
</script>
<style lang="scss" scoped>
@import './index.scss';
<style lang="less" scoped>
@import 'index.less';
</style>
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册