first commit
This commit is contained in:
@@ -0,0 +1,112 @@
|
||||
<!--活动报名 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>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user