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