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