113 lines
3.0 KiB
HTML
113 lines
3.0 KiB
HTML
<!--活动报名 lyw-->
|
|
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
|
|
<style>
|
|
[v-cloak] {
|
|
display: none;
|
|
}
|
|
|
|
iframe {
|
|
border: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.el-tabs__content {
|
|
height: 100%;
|
|
}
|
|
|
|
.el-tab-pane {
|
|
height: 100%;
|
|
}
|
|
|
|
/*.el-tabs__header{*/
|
|
/* margin-bottom: 0;*/
|
|
/*}*/
|
|
.el-tabs {
|
|
border: none;
|
|
box-shadow: none;
|
|
/*border-top: 1px solid #DCDFE6;*/
|
|
}
|
|
|
|
.el-tabs__content {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.el-tabs__item {
|
|
height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
</style>
|
|
<div id="app" v-cloak style="width: 100%;height: 100%;" v-loading="loading">
|
|
<el-tabs v-model="activeName" stretch style="width: 100%;height: 100%" type="border-card">
|
|
<el-tab-pane name="first" v-if="xhdShow" :lazy="true">
|
|
<span slot="label"><i class="el-icon-trophy"></i> 校工会活动报名</span>
|
|
<iframe src="/platform/hd/xhdgl/hdbm">
|
|
|
|
</iframe>
|
|
</el-tab-pane>
|
|
<el-tab-pane name="second" v-if="fhhdShow" :lazy="true">
|
|
<span slot="label"><i class="el-icon-medal-1"></i> 院级工会活动个人报名</span>
|
|
<iframe src="/platform/hd/fhdgl/fhhdbm">
|
|
|
|
</iframe>
|
|
</el-tab-pane>
|
|
<el-tab-pane name="three" v-if="fhdtyShow" :lazy="true">
|
|
<span slot="label"><i class="el-icon-medal-1"></i> 院级工会活动统一报名</span>
|
|
<iframe src="/platform/hd/fhdgl/tybm">
|
|
|
|
</iframe>
|
|
</el-tab-pane>
|
|
<el-tab-pane name="four" v-if="sthdShow" :lazy="true">
|
|
<span slot="label"><i class="el-icon-medal"></i> 协会活动报名</span>
|
|
<iframe src="/platform/hd/sthdgl/sthdbm">
|
|
|
|
</iframe>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
const vue = new Vue({
|
|
el: "#app",
|
|
data() {
|
|
return {
|
|
loading: true,
|
|
xhdShow: false,
|
|
fhhdShow: false,
|
|
fhdtyShow: false,
|
|
sthdShow: false,
|
|
activeName: 'first',
|
|
}
|
|
},
|
|
methods: {},
|
|
created() {
|
|
$.get(base + "/platform/hd/hdbm/getHasRole", function (data) {
|
|
if (data.code == 0) {
|
|
vue.xhdShow = data.data.xhdshow
|
|
vue.fhhdShow = data.data.fhhdshow
|
|
vue.fhdtyShow = data.data.fhdtyshow
|
|
vue.sthdShow = data.data.sthdshow
|
|
if (vue.xhdShow) {
|
|
vue.activeName = 'first'
|
|
} else if (vue.fhhdShow) {
|
|
vue.activeName = 'second'
|
|
} else if (vue.fhdtyShow) {
|
|
vue.activeName = 'three'
|
|
} else if (vue.sthdShow) {
|
|
vue.activeName = 'four'
|
|
}
|
|
}
|
|
vue.loading = false
|
|
}, "json");
|
|
},
|
|
})
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#-->
|