280 lines
13 KiB
HTML
280 lines
13 KiB
HTML
<!--#
|
||
layout("/layouts/platform.html"){
|
||
#-->
|
||
|
||
|
||
<style>
|
||
.v-body {
|
||
display: flex;
|
||
width: 100%;
|
||
height: 100%;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #f0f2f5;
|
||
}
|
||
|
||
.v-card {
|
||
/*width: calc(100% - 50px);*/
|
||
/*height: calc(100% - 50px);*/
|
||
width: 100%;
|
||
height: 100%;
|
||
position: relative;
|
||
}
|
||
|
||
.transition-row {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
.transition-item {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
|
||
.demo-table-expand {
|
||
font-size: 0;
|
||
}
|
||
|
||
.demo-table-expand label {
|
||
color: #99a9bf;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
<div id="app" v-cloak>
|
||
<guava ref="guava" style="width: 100%;height: 100%">
|
||
<template>
|
||
<div class="v-body">
|
||
<el-card class="v-card" shadow="never">
|
||
<el-tabs v-model="activeName" @tab-click="id = '${@shiro.getPrincipalProperty('id')}'">
|
||
<el-tab-pane label="申请入会" name="first">
|
||
|
||
<div style="display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;position: relative;padding: 10px">
|
||
<el-card style="width: 1000px">
|
||
<!-- <div slot="header" class="clearfix">
|
||
<h4>申请信息</h4>
|
||
</div>-->
|
||
<div>
|
||
<el-form :model="formData" ref="form" :rules="formRules" label-suffix="："
|
||
label-width="100px">
|
||
<el-row>
|
||
<el-col span="12">
|
||
<el-form-item label="姓  名">
|
||
<el-input disabled v-model="formData.username"
|
||
placeholder="请输入内容"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col span="12">
|
||
<el-form-item label="工  号">
|
||
<el-input disabled v-model="formData.loginname"
|
||
placeholder="请输入内容"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
|
||
<el-row>
|
||
|
||
<el-col span="12">
|
||
<el-form-item label="性别">
|
||
<el-radio-group v-model="formData.sex">
|
||
<el-radio-button label="男"></el-radio-button>
|
||
<el-radio-button label="女"></el-radio-button>
|
||
</el-radio-group>
|
||
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col span="12">
|
||
<el-form-item label="所在单位">
|
||
<el-input disabled v-model="formData.unitname"
|
||
placeholder="请输入内容"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
|
||
<!-- <el-col span="12">
|
||
<el-form-item label="基层工会">
|
||
<el-input disabled v-model="formData.unionname"
|
||
placeholder="请输入内容"></el-input>
|
||
</el-form-item>
|
||
</el-col>-->
|
||
</el-row>
|
||
|
||
<el-row>
|
||
<el-col span="12">
|
||
<el-form-item label="申请时间" prop="applyTime">
|
||
<el-date-picker disabled
|
||
style="width: 100%"
|
||
v-model="formData.applyTime"
|
||
type="date"
|
||
value-format="yyyy-MM-dd"
|
||
placeholder="选择日期">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
|
||
</el-col>
|
||
|
||
<el-col span="12">
|
||
<el-form-item label="联系方式" prop="mobile">
|
||
<el-input v-model="formData.mobile"
|
||
placeholder="请输入内容"></el-input>
|
||
</el-form-item>
|
||
|
||
</el-col>
|
||
</el-row>
|
||
|
||
<el-row>
|
||
<el-col span="12">
|
||
<el-form-item label="身份证号" prop="idcard">
|
||
<el-input v-model="formData.idcard" maxlength="18"
|
||
placeholder="请输入内容"></el-input>
|
||
</el-form-item>
|
||
|
||
</el-col>
|
||
|
||
<el-col span="12">
|
||
<el-form-item label="入校时间" prop="schoolTime">
|
||
<el-date-picker
|
||
style="width: 100%"
|
||
v-model="formData.schoolTime"
|
||
type="date"
|
||
value-format="yyyy-MM-dd"
|
||
placeholder="选择日期">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
|
||
</el-col>
|
||
</el-row>
|
||
|
||
|
||
<el-form-item prop="sign" label="签  字">
|
||
<sign :qz.sync="formData.sign"></sign>
|
||
</el-form-item>
|
||
|
||
</el-form>
|
||
|
||
<el-radio
|
||
style="width: 70%;margin-left: 15%;color: #F56C6C"
|
||
v-model="reading" :label="true" v-if="applyInfo.label!='申请退出'">
|
||
我自愿加入湖南工商大学教职工医疗互助基金会， 同意并遵守《湖南工商大学教职工医疗互助基金管理办法》的相关规定
|
||
</el-radio>
|
||
|
||
|
||
<el-button :disabled="applyInfo.disabled"
|
||
type="primary"
|
||
@click="apply"
|
||
style="width: 70%;margin-left: 15%">
|
||
<span>{{applyInfo.label}}</span>
|
||
</el-button>
|
||
|
||
|
||
</div>
|
||
</el-card>
|
||
</div>
|
||
|
||
|
||
</el-tab-pane>
|
||
|
||
<el-tab-pane label="变更记录" name="second">
|
||
<app_record :userid="id" ref="app_record"></app_record>
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
</el-card>
|
||
</div>
|
||
</template>
|
||
|
||
</guava>
|
||
|
||
|
||
</div>
|
||
|
||
<script>
|
||
const vue = new Vue({
|
||
el: '#app',
|
||
mixins: [initTableMixins],
|
||
data() {
|
||
return {
|
||
reading: false,
|
||
id: "",
|
||
formData: {
|
||
applyTime: moment().format('YYYY-MM-DD'),
|
||
id: "${@shiro.getPrincipalProperty('id')}",
|
||
username: "${@shiro.getPrincipalProperty('username')}",
|
||
loginname: "${@shiro.getPrincipalProperty('loginname')}",
|
||
mobile: "${@shiro.getPrincipalProperty('mobile')}",
|
||
sex: "${@shiro.getPrincipalProperty('sex')}",
|
||
idcard: "${@shiro.getPrincipalProperty('idcard')}",
|
||
schoolTime: "${@shiro.getPrincipalProperty('schoolTime')}",
|
||
unitname: "${@shiro.getPrincipalProperty('unit')!=null?@shiro.getPrincipalProperty('unit').getName():''}",
|
||
unionname: "${@shiro.getPrincipalProperty('union')!=null?@shiro.getPrincipalProperty('union').getUnionname():''}",
|
||
},
|
||
activeName: 'first',
|
||
applyInfo: {
|
||
disabled: true,
|
||
label: '申请加入'
|
||
},
|
||
formRules: {
|
||
mobile: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||
idcard: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||
},
|
||
}
|
||
},
|
||
components: {
|
||
'guava': httpVueLoader('/components/plugins/Guava.vue?v=1.0.0'),
|
||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||
'app_record': httpVueLoader('/components/diseaseaid/aidfund/AppRecord.vue'),
|
||
},
|
||
methods: {
|
||
apply() {
|
||
this.$refs.form.validate(async (valid) => {
|
||
if (this.formData.loginname == 2005 || this.formData.loginname == 2727){
|
||
this.$notify.warning({title: '提示', message: '暂未开放申请，如有疑问请联系校工会'});
|
||
return
|
||
}
|
||
|
||
if (valid) {
|
||
if (!this.reading && this.applyInfo.label != "申请退出") {
|
||
this.$notify.warning({title: '提示', message: '请勾选阅读须知'});
|
||
return
|
||
}
|
||
const isMember = "${@shiro.getPrincipalProperty('aidFundMember')}" === '1'
|
||
|
||
this.$confirm(this.applyInfo.label == '申请退出' ? '是否确认退出医疗互助基金会？' : '是否提交申请？', '提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'warning',
|
||
iconClass: "el-icon-question"
|
||
}).then(async () => {
|
||
const response = await $.post(loc() + '/apply', this.formData)
|
||
AssertResponseMessage({
|
||
app: this,
|
||
response,
|
||
success: () => {
|
||
this.$set(this.applyInfo, "disabled", true)
|
||
this.canApply()
|
||
}
|
||
})
|
||
})
|
||
}
|
||
})
|
||
},
|
||
|
||
async canApply() {
|
||
const response = await $.get(loc() + '/canApply')
|
||
AssertResponse({
|
||
response,
|
||
success: ({data}) => {
|
||
this.applyInfo = data
|
||
}
|
||
})
|
||
},
|
||
},
|
||
async created() {
|
||
this.canApply()
|
||
}
|
||
})
|
||
</script>
|
||
<!--#
|
||
}
|
||
#-->
|