498 lines
21 KiB
HTML
498 lines
21 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
<!--
|
|
大病互助基金个人申请页面
|
|
2019 6 25
|
|
-->
|
|
<style>
|
|
.dia .el-dialog__body {
|
|
padding: 5px 20px;
|
|
}
|
|
|
|
.note {
|
|
width: 100%;
|
|
height: 200px;
|
|
}
|
|
|
|
.el-radio.is-bordered.is-disabled.is-checked {
|
|
/* cursor: not-allowed; */
|
|
border-color: #409EFF;
|
|
}
|
|
|
|
.el-radio__input.is-disabled .is-checked .el-radio__inner, .el-radio__input.is-disabled.is-checked .el-radio__inner {
|
|
background-color: #409EFF;
|
|
/*border-color: #E4E7ED; */
|
|
}
|
|
|
|
.tpa {
|
|
padding: 10px;
|
|
text-align: center;
|
|
width: 12%;
|
|
color: #777;
|
|
background-color: rgb(250, 250, 250);
|
|
border: 1px solid rgb(220, 220, 220);
|
|
}
|
|
|
|
.tpb {
|
|
padding: 10px;
|
|
text-align: center;
|
|
color: #333;
|
|
width: 15%;
|
|
border: 1px solid rgb(220, 220, 220);
|
|
}
|
|
|
|
.tpc {
|
|
padding: 10px;
|
|
color: #a0a9b4;
|
|
width: 15%;
|
|
border: 1px solid rgb(220, 220, 220);
|
|
}
|
|
|
|
.el-card__body {
|
|
padding: 0;
|
|
}
|
|
|
|
.zw {
|
|
color: rgb(200, 200, 200);
|
|
}
|
|
|
|
.el-checkbox__label {
|
|
padding-left: 20px;
|
|
padding-right: 5px;
|
|
white-space: normal;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.el-checkbox__input {
|
|
position: absolute;
|
|
top: 1px;
|
|
}
|
|
</style>
|
|
<div id="app" v-cloak>
|
|
<el-row>
|
|
<el-table
|
|
:default-expand-all="true"
|
|
:data="tableData"
|
|
size="medium"
|
|
header-align="center"
|
|
style="width: 100%"
|
|
>
|
|
<el-table-column type="expand">
|
|
<template slot-scope="scope">
|
|
|
|
<el-tabs v-model="activeName" >
|
|
<el-tab-pane label="申请记录" name="first">
|
|
<el-table
|
|
:data="sqjls"
|
|
size="small"
|
|
header-align="center"
|
|
style="width: 100%"
|
|
>
|
|
<!-- <el-table-column label="序号" type="index" header-align="center" align="center"></el-table-column>-->
|
|
|
|
<el-table-column
|
|
prop="sqsj"
|
|
label="申请时间"
|
|
header-align="center"
|
|
align="center">
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
label="申请类型"
|
|
header-align="center"
|
|
align="center">
|
|
<template scope="scope">
|
|
<el-tag v-if="scope.row.jllx==1">加入基金</el-tag>
|
|
<el-tag type="warning" v-if="scope.row.jllx==2">退出基金</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
prop="jjzt"
|
|
label="申请状态"
|
|
header-align="center"
|
|
align="center">
|
|
<template scope="scope">
|
|
<el-tag type="warning" v-if="scope.row.jjzt==1">待基层工会审核</el-tag>
|
|
<el-tag type="warning" v-if="scope.row.jjzt==2">待离退休干部处审核</el-tag>
|
|
<el-tag type="warning" v-if="scope.row.jjzt==3">待互管会审核</el-tag>
|
|
<el-tag type="danger" v-if="scope.row.jjzt==4">审核不通过</el-tag>
|
|
<el-tag type="danger" v-if="scope.row.jjzt==5">分会/离退休审核不通过</el-tag>
|
|
<el-tag type="success" v-if="scope.row.jjzt==6">互管会审核通过</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
prop="jjshr"
|
|
label="分会审核人"
|
|
header-align="center"
|
|
align="center">
|
|
<template scope="scope">
|
|
<span style="color: #a0a9b4" v-if="scope.row.jjshr==''||scope.row.jjshr==null">暂无审核</span>
|
|
<span v-else>{{scope.row.jjshr}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
prop="jjshyj"
|
|
label="分会审核意见"
|
|
header-align="center"
|
|
align="center">
|
|
<template scope="scope">
|
|
<span style="color: #a0a9b4" v-if="scope.row.jjshyj==''||scope.row.jjshyj==null">暂无</span>
|
|
<span v-else>{{scope.row.jjshyj}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
prop="jjshsj"
|
|
label="分会审核时间"
|
|
header-align="center"
|
|
align="center">
|
|
<template scope="scope">
|
|
<span style="color: #a0a9b4" v-if="scope.row.jjshsj==''||scope.row.jjshsj==null">暂无</span>
|
|
<span v-else>{{scope.row.jjshsj}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
prop="hghshyj"
|
|
label="互管会审核意见"
|
|
header-align="center"
|
|
align="center">
|
|
<template scope="scope">
|
|
<span style="color: #a0a9b4" v-if="scope.row.hghshyj==''||scope.row.hghshyj==null">暂无</span>
|
|
<span v-else>{{scope.row.hghshyj}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
prop="hghshsj"
|
|
label="互管会审核时间"
|
|
header-align="center"
|
|
align="center">
|
|
<template scope="scope">
|
|
<span style="color: #a0a9b4" v-if="scope.row.hghshsj==''||scope.row.hghshsj==null">暂无</span>
|
|
<span v-else>{{scope.row.hghshsj}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
|
|
</el-table>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
prop="loginname"
|
|
label="工号"
|
|
header-align="center"
|
|
align="center">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="username"
|
|
label="姓名"
|
|
header-align="center"
|
|
align="center">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="mobile"
|
|
label="电话"
|
|
header-align="center"
|
|
align="center">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="name"
|
|
label="所属单位"
|
|
header-align="center"
|
|
align="center">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="fghname"
|
|
label="所属基层工会"
|
|
header-align="center"
|
|
align="center">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="sfjrdbjj"
|
|
label="基金申请状态"
|
|
header-align="center"
|
|
align="center">
|
|
<template scope="scope">
|
|
<el-tag type="info" v-if="typeof(scope.row.sfjrdbjj)==='undefined'">未加入</el-tag>
|
|
<el-tag type="info" v-if="scope.row.sfjrdbjj==0">未加入</el-tag>
|
|
<el-tag type="success" v-if="scope.row.sfjrdbjj==1">已加入</el-tag>
|
|
<el-tag type="warning" v-if="scope.row.sfjrdbjj==2">待审核</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="userOnline"
|
|
label="操作"
|
|
width="260"
|
|
header-align="center"
|
|
align="center">
|
|
<template slot-scope="scope">
|
|
<el-button type="primary" size="mini"
|
|
@click="openSqjr(scope.row.id)"
|
|
v-if="scope.row.sfjrdbjj==0||scope.row.sfjrdbjj==''||scope.row.sfjrdbjj==undefined">
|
|
申请加入基金会
|
|
</el-button>
|
|
<el-button type="info" size="mini" v-if="scope.row.sfjrdbjj==1" @click="thsq">
|
|
退出基金会
|
|
</el-button>
|
|
<el-button type="warning" size="mini" v-if="scope.row.sfjrdbjj==2" >
|
|
申请正在审核中
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-row>
|
|
|
|
|
|
<el-dialog
|
|
class="ViewDialogClass"
|
|
title="申请加入基金会"
|
|
:visible.sync="sqjrDialogVisible"
|
|
width="30%">
|
|
<el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">申请时间为每年11-12月！</span></el-divider>
|
|
<el-form :model="formData" ref="addForm" :rules="formRules" size="small"
|
|
label-width="80px">
|
|
<el-form-item prop="fbr" class="is-required" label="姓  名">
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-input disabled v-model="tableData[0].username"></el-input>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form-item>
|
|
<el-form-item prop="loginname" class="is-required" label="教职工号">
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-input disabled v-model="tableData[0].loginname"></el-input>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form-item>
|
|
<el-form-item prop="sqsj" class="is-required" label="申请时间">
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-input disabled v-model="nowyymmdd"></el-input>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form-item>
|
|
<el-form-item prop="idcard" class="is-required" label="身份证号">
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-input v-model="tableData[0].idcard"></el-input>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="rxsj" class="is-required" label="入校时间">
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-date-picker
|
|
v-model="tableData[0].rxsj"
|
|
type="month"
|
|
format="yyyy-MM"
|
|
value-format="yyyy-MM"
|
|
placeholder="入校年月">
|
|
</el-date-picker>
|
|
<!-- <el-input disabled v-model="tableData[0].rxsj"></el-input>-->
|
|
</el-col>
|
|
</el-row>
|
|
</el-form-item>
|
|
<el-form-item prop="ifty" class="is-required" label="" style="margin-top: 20px">
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-checkbox v-model="isChecked" style="font-size: 10px;color: #F56C6C"><span>本人已仔细阅读了《中国地质大学（武汉）教职工重大疾病互助基金管理办法》,自愿加入互助基金,并同意学校从本人工资中代扣全年120元互助费。</span>
|
|
</el-checkbox>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="sqjrDialogVisible = false">取 消</el-button>
|
|
<el-button type="primary" v-if="isChecked==true" @click="doSubmit">提 交</el-button>
|
|
<el-button type="primary" v-if="isChecked==false" disabled>提 交</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
|
|
</div>
|
|
|
|
<script>
|
|
const vue = new Vue({
|
|
el: '#app',
|
|
data: function () {
|
|
var self = this
|
|
var validateLx_wtsl = function (rule, value, callback) {
|
|
if (typeof (value) === "undefined") {
|
|
callback(new Error(''));
|
|
} else {
|
|
callback()
|
|
}
|
|
}
|
|
return {
|
|
isChecked: false,
|
|
nowyymmdd: '',
|
|
userid: '',
|
|
sqjls: [],
|
|
tableData: [],
|
|
pageForm: {
|
|
searchName: "",
|
|
searchKeyword: "",
|
|
pageNumber: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
pageOrderName: "",
|
|
pageOrderBy: ""
|
|
},
|
|
formData: {},
|
|
sqjrDialogVisible: false,
|
|
formRules: {
|
|
lx_name: [{required: true, message: '', trigger: ['blur', 'change']}],
|
|
lx_wtsl: [{validator: validateLx_wtsl, trigger: ['blur', 'change']}],
|
|
lx_bz: [{required: false, message: '', trigger: ['blur', 'change']}],
|
|
},
|
|
activeName:"first"
|
|
}
|
|
},
|
|
methods: {
|
|
thsq: function () {
|
|
var self = this
|
|
// if (new Date().getMonth() != 11) {
|
|
// self.$message({
|
|
// message: '提交退会申请时间为每年12月！',
|
|
// });
|
|
// return false
|
|
// }
|
|
this.$confirm('确定要退出大病互助基金会吗？', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback: function (a, b) {
|
|
if ("confirm" == a) {//确认后再执行
|
|
$.post(base + "/platform/zgfw/dbhzjjsq/thsq", function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.pageData();
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
}
|
|
})
|
|
},
|
|
doSubmit: function () {
|
|
var self = this;
|
|
// if (new Date().getMonth() != 11) {
|
|
// self.$message({
|
|
// message: '提交入会申请时间为每年12月！',
|
|
// });
|
|
// return false
|
|
// }
|
|
if(self.tableData[0].idcard==""||self.tableData[0].idcard==null){
|
|
|
|
self.$message({
|
|
message: '请填写身份证号！',
|
|
type: 'warning'
|
|
});
|
|
return false;
|
|
}else {
|
|
if(self.tableData[0].idcard.length!=18){
|
|
self.$message({
|
|
message: '请填写正确格式的身份证号！',
|
|
type: 'warning'
|
|
});
|
|
return false;
|
|
}
|
|
|
|
}
|
|
if(self.tableData[0].rxsj==""||self.tableData[0].rxsj==null){
|
|
self.$message({
|
|
message: '请填写入校时间！',
|
|
type: 'warning'
|
|
});
|
|
return false;
|
|
}
|
|
$.post("/platform/zgfw/dbhzjjsq/rhsq",{idcard:self.tableData[0].idcard,rxsj:self.tableData[0].rxsj}, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.sqjrDialogVisible = false
|
|
self.pageData()
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
})
|
|
},
|
|
/**************************************时间格式化处理************************************/
|
|
dateFtt: function (fmt, date) { //author: meizz
|
|
var o = {
|
|
"M+": date.getMonth() + 1, //月份
|
|
"d+": date.getDate(), //日
|
|
"h+": date.getHours(), //小时
|
|
"m+": date.getMinutes(), //分
|
|
"s+": date.getSeconds(), //秒
|
|
"q+": Math.floor((date.getMonth() + 3) / 3), //季度
|
|
"S": date.getMilliseconds() //毫秒
|
|
};
|
|
if (/(y+)/.test(fmt))
|
|
fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
|
|
for (var k in o)
|
|
if (new RegExp("(" + k + ")").test(fmt))
|
|
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
|
|
return fmt;
|
|
},
|
|
openSqjr: function (userid) {
|
|
var self = this;
|
|
self.nowyymmdd = self.dateFtt('yyyy-MM-dd', new Date())
|
|
self.userid = userid;
|
|
self.isChecked = false
|
|
self.sqjrDialogVisible = true
|
|
if (this.$refs["addForm"])
|
|
this.$refs["addForm"].resetFields();
|
|
},
|
|
pageData: function () {//加载数据
|
|
var self = this;
|
|
sublime.showLoadingbar();//显示loading
|
|
$.post(base + "/platform/zgfw/dbhzjjsq/data", function (data) {
|
|
sublime.closeLoadingbar();//关闭loading
|
|
if (data.code == 0) {
|
|
self.tableData = data.data.user;
|
|
self.sqjls = data.data.sqjls
|
|
console.log(self.tableData);
|
|
// console.log(self.sqjls);
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
},
|
|
},
|
|
created: function () {
|
|
this.pageData();
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#--> |