109 lines
3.2 KiB
HTML
109 lines
3.2 KiB
HTML
<!--#
|
|
layout("/mobile/platform.html"){
|
|
#-->
|
|
<style>
|
|
|
|
.van-doc-card {
|
|
margin: 10px;
|
|
padding: 12px 12px 12px 12px;
|
|
background-color: #fff;
|
|
border-radius: 6px;
|
|
box-shadow: 0 8px 12px #ebedf0;
|
|
line-height: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.van-grid-item__content {
|
|
padding: 0;
|
|
}
|
|
|
|
.choose_button .button_text {
|
|
font-size: 14px;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.list-card {
|
|
width: auto;
|
|
}
|
|
|
|
.pre_text {
|
|
white-space: break-spaces;
|
|
padding-left: 7px;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div id="app" v-cloak>
|
|
|
|
<van-sticky>
|
|
<van-nav-bar @click-left="history.back()" fixed left-arrow placeholder title="职工疗休养"></van-nav-bar>
|
|
</van-sticky>
|
|
|
|
<!--顶部轮播图-->
|
|
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
|
|
<van-swipe-item>
|
|
<van-image width="100%" height="180" src="/assets/mobile/img/therapyRecuperation/index1.jpg"></van-image>
|
|
</van-swipe-item>
|
|
<van-swipe-item>
|
|
<van-image height="180" src="/assets/mobile/img/therapyRecuperation/index2.jpg"></van-image>
|
|
</van-swipe-item>
|
|
</van-swipe>
|
|
|
|
<!--按钮导航-->
|
|
<div class="choose_button van-doc-card">
|
|
<van-grid :column-num="chooseButton.length" :border="false">
|
|
<van-grid-item @click="toLineList(item.value)" v-for="item in chooseButton">
|
|
<van-image width="46" height="46" :src="item.imgUrl"></van-image>
|
|
<div class="button_text">{{item.label}}</div>
|
|
</van-grid-item>
|
|
</van-grid>
|
|
</div>
|
|
|
|
<!--疗休养描述-->
|
|
<div class="van-doc-card" style="margin-top: 20px">
|
|
<van-image width="190" height="43" src="/assets/mobile/img/therapyRecuperation/title.png"></van-image>
|
|
<div class="pre_text" v-html="configData.notice"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<script>
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
mixins: [mobileMixins],
|
|
data() {
|
|
return {
|
|
chooseButton: [],
|
|
configData: {},
|
|
}
|
|
},
|
|
methods: {
|
|
async toLineList(index) {
|
|
const isExist = await getScopeUser(this.configData.activityGroupId)
|
|
if (!isExist) {
|
|
vant.Dialog.alert({
|
|
title: '温馨提示',
|
|
message: '您不在疗休养报名范围中',
|
|
confirmButtonColor: '#1867b0'
|
|
})
|
|
return
|
|
}
|
|
localStorage.setItem("clickIndex", JSON.stringify({clickIndex: index}))
|
|
location.href = '/platform/mobile/theRapyRecuperation/mobileLineListPage'
|
|
},
|
|
async getConfigData() {
|
|
const resp = await $.get('/platform/theRapyRecuperation/TheRapyConfig/findOne')
|
|
this.configData = resp.data
|
|
},
|
|
},
|
|
async created() {
|
|
this.chooseButton = await getEnumOptions('TheRapyRecuperationType')
|
|
this.chooseButton = this.chooseButton.filter(o => o.value !== 2 && o.value !== 3)
|
|
await this.getConfigData()
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#-->
|