first commit
This commit is contained in:
@@ -0,0 +1,846 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<!--
|
||||
大病互助基金会员变更管理
|
||||
廖怡爽
|
||||
-->
|
||||
<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;
|
||||
}
|
||||
|
||||
.myT .has-gutter tr th {
|
||||
background-color: #F5F7FA;
|
||||
}
|
||||
|
||||
input[type=file] {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<div hidden id="username">${@shiro.getPrincipalProperty('username')}</div>
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
v-model="pageForm.jfnf"
|
||||
type="year"
|
||||
placeholder="选择年"
|
||||
format="yyyy"
|
||||
value-format="yyyy"
|
||||
style="width: 130px;"
|
||||
>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select placeholder="请选择基层工会" @change="unionChange" @clear="unionChange" v-model="pageForm.fghid"
|
||||
clearable="true" filterable="true"
|
||||
style="width:200px;">
|
||||
<el-option v-for="item in ghOptions" :label="item.unionname" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.unitid" filterable="true" clearable placeholder="请选择单位">
|
||||
<el-option
|
||||
v-for="item in unitOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询" style="width: 100px;">
|
||||
<el-option label="工号" value="loginname"></el-option>
|
||||
<el-option label="姓名" value="username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select placeholder="请选择人员类型" v-model="pageForm.rylx" clearable="true" filterable="true"
|
||||
style="width:160px;">
|
||||
<el-option
|
||||
v-for="item in optionsrylx"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select placeholder="请选择变更类型" v-model="pageForm.bglx" clearable="true" filterable="true"
|
||||
style="width:160px;">
|
||||
<el-option
|
||||
v-for="item in optionsbglx"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button icon="el-icon-search" @click="doSearch"
|
||||
style="background-color:#409eff;color: white;"></el-button>
|
||||
</div>
|
||||
<!-- <div class="btn-group tool-button mt5" style="margin-bottom: 10px;">
|
||||
<span style="color: grey;font-weight: bold;">基金会员退休去世变更处理： </span>
|
||||
<el-button size="small" type="warning" @click="downloadmodel" >下载会员退休去世变更模板</el-button>
|
||||
<el-button size="small" type="success" @click="openAdd" >上传会员退休去世记录</el-button>
|
||||
</div>-->
|
||||
|
||||
</el-row>
|
||||
<el-row class="el-table-container">
|
||||
<el-table
|
||||
@sort-change='pageOrder'
|
||||
:data="tableData"
|
||||
size="medium"
|
||||
header-align="center"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column label="序号" width="90px" type="index" header-align="center" align="center">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</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
|
||||
sortable
|
||||
prop="sex"
|
||||
label="性别"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
sortable
|
||||
prop="rxsj"
|
||||
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
|
||||
sortable
|
||||
prop="depname"
|
||||
label="所属单位"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
sortable
|
||||
prop="unionname"
|
||||
label="所属基层工会"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="zzzt"
|
||||
label="在职状态"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
sortable
|
||||
prop="rylx"
|
||||
label="人员类型"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
<el-tag type="primary">{{scope.row.rylx}}</el-tag>
|
||||
</template>
|
||||
</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="zssj"
|
||||
label="变更日期"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<!-- <el-table-column
|
||||
label="操作"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="200px"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button type="success" size="mini" @click="openDetail(scope.row.id)">查看</el-button>
|
||||
<el-button v-if="sfgl==2" type="danger" size="mini" @click="tcjj(scope.row.id)">退出大病基金</el-button>
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
</el-table>
|
||||
</el-row>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
|
||||
<el-dialog
|
||||
class="ViewDialogClass"
|
||||
title="查看详情"
|
||||
:visible.sync="roleDialogVisible"
|
||||
width="55%"
|
||||
>
|
||||
<el-collapse v-model="activeName">
|
||||
<el-collapse-item title="用户信息" name="1">
|
||||
<el-card>
|
||||
<div>
|
||||
<table style="width: 100%">
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">姓  名</td>
|
||||
<td class="tpb">{{roleData.user.username}}</td>
|
||||
<td class="tpa">性  别</td>
|
||||
<td class="tpb">{{roleData.user.sex}}</td>
|
||||
<td class="tpa">出生日期</td>
|
||||
<td class="tpb">{{roleData.user.birthday}}</td>
|
||||
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">出生地点</td>
|
||||
<td class="tpb">{{roleData.user.csdd}}</td>
|
||||
<td class="tpa">民  族</td>
|
||||
<td class="tpb">{{roleData.user.mz}}</td>
|
||||
<td class="tpa">政治面貌</td>
|
||||
<td class="tpb">{{roleData.user.zzmc}}</td>
|
||||
</tr>
|
||||
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">工  资</td>
|
||||
<td class="tpb">{{roleData.user.gz}}</td>
|
||||
<td class="tpa">职  称</td>
|
||||
<td class="tpb">{{roleData.user.zc}}</td>
|
||||
<td class="tpa">联系电话</td>
|
||||
<td class="tpb">{{roleData.user.mobile}}</td>
|
||||
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">所在部门</td>
|
||||
<td class="tpb" colspan="1">{{roleData.user.depname}}</td>
|
||||
<td class="tpa" colspan="1">所属基层工会</td>
|
||||
<td class="tpb" colspan="1">{{roleData.user.unionname}}</td>
|
||||
<td class="tpa" colspan="1">现任职务</td>
|
||||
<td class="tpb" colspan="2">{{roleData.user.zw}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="申请记录" name="2">
|
||||
<el-table
|
||||
:data="roleData.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"
|
||||
width="100px">
|
||||
</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"
|
||||
width="120px"
|
||||
>
|
||||
<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"
|
||||
width="120px">
|
||||
<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"
|
||||
width="100px">
|
||||
<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"
|
||||
width="120px">
|
||||
<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"
|
||||
width="120px">
|
||||
<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-collapse-item>
|
||||
|
||||
<el-collapse-item title="缴费记录" name="3">
|
||||
<el-table
|
||||
:data="roleData.listjf"
|
||||
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="jfyear"
|
||||
label="缴费年份"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="100px">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="缴费金额"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
<el-tag type="danger">{{scope.row.jfje}}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="sfjf"
|
||||
label="是否扣款"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="120px"
|
||||
>
|
||||
<template scope="scope">
|
||||
<el-tag type="info" v-if="scope.row.sfjf==0">未扣款</el-tag>
|
||||
<el-tag type="success" v-if="scope.row.sfjf==1">已扣款</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</el-collaps>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="danger" @click="roleDialogVisible = false">关 闭</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog
|
||||
class="ViewDialogClass"
|
||||
title="上传会员退休去世变更记录"
|
||||
@close="fileList = [];delFiles = [];uploadForm:{}"
|
||||
:close-on-click-modal="false"
|
||||
:visible.sync="addDialogVisible"
|
||||
width="60%">
|
||||
<el-form :model="formData" ref="addForm" size="small" label-width="140px">
|
||||
<el-row>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-form-item prop="fj" label="退休/去世变更记录">
|
||||
<el-upload
|
||||
name="file"
|
||||
ref="upload"
|
||||
multiple="false"
|
||||
:auto-upload="false"
|
||||
class="upload-demo"
|
||||
action="/platform/zgfw/dbhzjjbg/getFiles"
|
||||
:data="uploadForm"
|
||||
:on-success="handleSuccess"
|
||||
:on-error="handleError"
|
||||
:on-change="handleChange"
|
||||
:on-remove="handleRemove"
|
||||
:file-list="fileList">
|
||||
<el-button size="small" type="primary">选取文件</el-button>
|
||||
<div class="el-upload__tip" slot="tip" style="color:#F56C6C;">只能上传1个
|
||||
xls/xlsx文件；必须上传模板文件！
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right mt5" style="margin-right: 10px;">
|
||||
<el-button type="warning" size="small" type="primary" @click="doAdd">获取文件内容</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table
|
||||
:data="fileData"
|
||||
size="medium"
|
||||
header-align="center"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column label="序号" width="90px" type="index" header-align="center" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="loginname"
|
||||
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
|
||||
sortable
|
||||
prop="depname"
|
||||
label="所属单位"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="rylx"
|
||||
label="人员类型"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
sortable
|
||||
prop="bgsj"
|
||||
label="变更时间"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="bglx"
|
||||
label="变更类型"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
sortable
|
||||
prop="sfcz"
|
||||
label="是否存在"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
<el-tag type="success" v-if="scope.row.sfcz=='1'">找到数据</el-tag>
|
||||
<el-tag type="danger" v-if="scope.row.rylx=='0'">数据不存在</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column
|
||||
label="是否加入基金"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
<el-tag v-if="scope.row.sfjrjj==1">已加入</el-tag>
|
||||
<el-tag type="warning" v-if="scope.row.sfjrjj==0">未加入</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="addDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="doplbg">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
data: function () {
|
||||
var self = this
|
||||
|
||||
return {
|
||||
ghOptions: [],
|
||||
sfgl: 0,
|
||||
identity: '',
|
||||
activeName: ['1', '2', '3'],
|
||||
roleData: {user: {}, sqjl: [], listjf: []},
|
||||
unitOptions: [],
|
||||
tableData: [],
|
||||
fileData: [],
|
||||
jrTime: [],
|
||||
pageForm: {
|
||||
searchName: "username",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: "",
|
||||
fghid: "",
|
||||
unitid: "",
|
||||
jrTime: "",
|
||||
rylx: "",
|
||||
bglx: "",
|
||||
jfnf: moment().format('YYYY')
|
||||
},
|
||||
optionsrylx: [
|
||||
{
|
||||
value: '1',
|
||||
label: '在编'
|
||||
}, {
|
||||
value: '2',
|
||||
label: '离退休人员'
|
||||
},
|
||||
// {
|
||||
// value: '3',
|
||||
// label: '劳动服务公司'
|
||||
// }, {
|
||||
// value: '5',
|
||||
// label: '去世人员'
|
||||
// }
|
||||
],
|
||||
optionsbglx: [{
|
||||
value: '1',
|
||||
label: '加入基金'
|
||||
}, {
|
||||
value: '2',
|
||||
label: '退出基金'
|
||||
}],
|
||||
roleDialogVisible: false,
|
||||
addDialogVisible: false,
|
||||
uploadForm: [],
|
||||
fileList: [],
|
||||
delFiles: [],
|
||||
formData: {fileurl: ''},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
openDetail: function (id) {
|
||||
var self = this;
|
||||
$.get(base + "/platform/zgfw/dbhzjjyl/queryDetail", {"userid": id}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.roleData = data.data;//加载后台表单数据
|
||||
self.roleDialogVisible = true
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json")
|
||||
},
|
||||
|
||||
/**************************************时间格式化处理************************************/
|
||||
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;
|
||||
},
|
||||
doSearch: function () {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
},
|
||||
pageOrder: function (column) {//按字段排序
|
||||
switch (column.order) {
|
||||
case 'descending':
|
||||
column.order = 'desc'
|
||||
break
|
||||
case "ascending":
|
||||
column.order = 'asc'
|
||||
break
|
||||
}
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange: function (val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange: function (val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData: function () {//加载分页数据
|
||||
var self = this;
|
||||
sublime.showLoadingbar();//显示loading
|
||||
if (self.jrTime) {
|
||||
self.pageForm.jrTime = self.jrTime.toString();
|
||||
} else {
|
||||
self.pageForm.jrTime = "";
|
||||
}
|
||||
$.post(base + "/platform/zgfw/dbhzjjbg/data", self.pageForm, function (data) {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
if (data.code == 0) {
|
||||
self.tableData = data.data.jj.list;
|
||||
self.pageForm.totalCount = data.data.jj.totalCount;
|
||||
self.sfgl = data.data.sfgl;
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
openAdd: function () {
|
||||
var self = this;
|
||||
self.addDialogVisible = true;
|
||||
self.fileData = [];
|
||||
self.fileList = [];
|
||||
if (this.$refs["addForm"])
|
||||
this.$refs["addForm"].resetFields();
|
||||
},
|
||||
doAdd: function () {
|
||||
var self = this;
|
||||
|
||||
self.$refs["addForm"].validate(function (valid) {
|
||||
if (valid) {
|
||||
var flag = true;
|
||||
|
||||
for (var i in self.fileList) {
|
||||
var name = self.fileList[i].name;
|
||||
var testmsg = name.substring(name.lastIndexOf('.') + 1);
|
||||
testmsg = testmsg.toLowerCase();
|
||||
|
||||
var e = testmsg === 'xls';
|
||||
var f = testmsg === 'xlsx';
|
||||
if (!e && !f) {
|
||||
self.$message.error("您选择的文件格式不正确!请重新选择!");
|
||||
flag = false
|
||||
} else if (self.fileList.length > 1) {
|
||||
self.$message.error("最多只能上传1个附件！");
|
||||
flag = false
|
||||
}
|
||||
}
|
||||
if (flag) {
|
||||
if (self.fileList.length > 0) {
|
||||
loading = true;
|
||||
self.fileData = [];
|
||||
self.$refs.upload.submit();
|
||||
} else {
|
||||
self.$message.error("请选择一个附件！");
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
//提交变更数据
|
||||
doplbg: function () {//加载分页数据
|
||||
var self = this;
|
||||
|
||||
$.post(base + "/platform/zgfw/dbhzjjbg/plbg", {"userlist": JSON.stringify(self.fileData)}, function (data) {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.pageData();
|
||||
self.addDialogVisible = false;
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
handleSuccess: function (response, file, fileList) {
|
||||
this.$refs.upload.clearFiles();//清除已上传的列表
|
||||
loading = false;
|
||||
if (response.code == 1) {
|
||||
this.$message({
|
||||
message: response.msg,
|
||||
type: "error"
|
||||
});
|
||||
} else {
|
||||
this.fileData = response.data;
|
||||
}
|
||||
},
|
||||
handleError: function (err, file, fileList) {
|
||||
loading = false;
|
||||
this.$message({
|
||||
message: err.msg,
|
||||
type: "error"
|
||||
});
|
||||
},
|
||||
handleChange: function (file, filelist) {
|
||||
var self = this;
|
||||
self.fileList = filelist;
|
||||
},
|
||||
handleRemove: function (file, filelist) {
|
||||
var self = this;
|
||||
self.fileList = filelist;
|
||||
if (typeof (file.url) === "undefined") {
|
||||
|
||||
} else {
|
||||
console.log("增加要删除的文件：" + file.name)
|
||||
self.delFiles.push({uid: file.uid, url: file.url})
|
||||
}
|
||||
},
|
||||
//下载模板
|
||||
downloadmodel: function () {
|
||||
var self = this;
|
||||
var url = "src/main/resources/excelTemplate/txqsmodel1.xlsx";
|
||||
var name = "大病会员退休去世变更模板.xlsx";
|
||||
window.location.href = base + "/platform/zgfw/dbhzjjjf/downLoad?path=" + url + "&filename=" + name;
|
||||
|
||||
},
|
||||
|
||||
async unionChange() {
|
||||
if (!this.pageForm.fghid) {
|
||||
this.pageForm.unitid = ''
|
||||
this.unitOptions = []
|
||||
}
|
||||
this.unitOptions = await getUnits(this.pageForm.fghid)
|
||||
},
|
||||
},
|
||||
created: async function () {
|
||||
this.pageData();
|
||||
this.ghOptions = await getUnions()
|
||||
this.unitOptions = await getUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -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>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,943 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<!--
|
||||
大病互助基金会员经费管理
|
||||
廖怡爽
|
||||
-->
|
||||
<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;
|
||||
}
|
||||
|
||||
.myT .has-gutter tr th {
|
||||
background-color: #F5F7FA;
|
||||
}
|
||||
|
||||
input[type=file] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak
|
||||
v-loading="loading"
|
||||
element-loading-text="数据正在加载中....."
|
||||
element-loading-spinner="el-icon-loading"
|
||||
element-loading-background="rgba(0, 0, 0, 0.8)">
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
|
||||
<el-row>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
v-model="pageForm.jfnf"
|
||||
type="year"
|
||||
placeholder="选择年"
|
||||
format="yyyy"
|
||||
:picker-options="pickerOptions"
|
||||
value-format="yyyy"
|
||||
style="width: 130px;"
|
||||
>
|
||||
</el-date-picker>
|
||||
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select placeholder="请选择基层工会" @change="unionChange" @clear="unionChange" v-model="pageForm.fghid"
|
||||
clearable="true" filterable="true"
|
||||
style="width:180px;">
|
||||
<el-option v-for="item in ghOptions" :label="item.unionname" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.unitid" clearable filterable="true" clearable placeholder="请选择单位">
|
||||
<el-option
|
||||
v-for="item in unitOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<div>
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询" style="width: 100px;">
|
||||
<el-option label="工号" value="loginname"></el-option>
|
||||
<el-option label="姓名" value="username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select placeholder="请选择人员类型" v-model="pageForm.rylx" clearable="true" filterable="true"
|
||||
style="width:160px;">
|
||||
<el-option
|
||||
v-for="item in optionsrylx"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button icon="el-icon-search" @click="doSearch"
|
||||
style="background-color:#409eff;color: white;"></el-button>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5" style="margin-left: 20px;">
|
||||
<el-button type="primary" :disabled="!(user==null||user==undefined)" @click="exportxls(1)">导出在职缴费名单
|
||||
</el-button>
|
||||
<el-button type="primary" :disabled="!(user==null||user==undefined)" @click="exportxls(2)">导出退休缴费名单
|
||||
</el-button>
|
||||
<!-- <el-button type="primary" :disabled="!(user==null||user==undefined)" @click="exportxls(3)">导出劳服缴费名单-->
|
||||
<!-- </el-button>-->
|
||||
</div>
|
||||
|
||||
<!--# if(@shiro.hasAnyRoles('sysadmin')){ #-->
|
||||
<!-- <div class="pull-right offscreen-right mt5" style="margin-right: 10px;">
|
||||
<el-button type="warning" size="medium" :disabled="yeard==moment().format('YYYY')?false:true" @click="initJfmd">生成{{yeard}}年缴费名单</el-button>
|
||||
|
||||
</div>-->
|
||||
<!--#}#-->
|
||||
</el-row>
|
||||
<el-row>
|
||||
<div class="btn-group tool-button mt5" style="margin-bottom: 10px;">
|
||||
其他操作：
|
||||
<el-button type="info" :disabled="!(user==null||user==undefined)" @click="downloadmodel" size="small">
|
||||
下载记录模板
|
||||
</el-button>
|
||||
<el-button type="success" :disabled="!(user==null||user==undefined)" @click="openAdd" size="small">
|
||||
上传扣款记录
|
||||
</el-button>
|
||||
<el-button type="success" :disabled="!(user==null||user==undefined)" @click="cxkk(1)" size="small">已扣款
|
||||
</el-button>
|
||||
<el-button type="danger" :disabled="!(user==null||user==undefined)" @click="cxkk(0)" size="small">未扣款
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5" style="margin-bottom: 10px;">
|
||||
<el-button :disabled="!(user==null||user==undefined)" @click="clearjfmd" size="small">
|
||||
清空{{pageForm.jfnf}}年缴费名单
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
</el-row>
|
||||
|
||||
<!--<div class="btn-group tool-button mt5" style="margin-bottom: 10px;">
|
||||
<span>一键查询：</span>
|
||||
<el-button type="primary" @click="" size="small">在职教职工</el-button>
|
||||
<el-button type="danger" @click="" size="small">离退休人员</el-button>
|
||||
<el-button type="warning" @click="" size="small">劳动服务公司</el-button>
|
||||
|
||||
</div>-->
|
||||
|
||||
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container" style="padding-top: 100px">
|
||||
<el-table
|
||||
@sort-change='pageOrder'
|
||||
:data="tableData"
|
||||
size="medium"
|
||||
header-align="center"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column label="序号" width="90px" type="index" header-align="center" align="center">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</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
|
||||
sortable
|
||||
prop="sex"
|
||||
label="性别"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
sortable
|
||||
prop="depname"
|
||||
label="所属单位"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
sortable
|
||||
prop="unionname"
|
||||
label="所属基层工会"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
sortable
|
||||
prop="rylx"
|
||||
label="人员类型"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="rxsj"
|
||||
label="入校时间"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
|
||||
<!-- <el-table-column-->
|
||||
<!-- prop="jfyear"-->
|
||||
<!-- label="加入基金年份"-->
|
||||
<!-- header-align="center"-->
|
||||
<!-- align="center">-->
|
||||
<!-- </el-table-column>-->
|
||||
|
||||
|
||||
<el-table-column
|
||||
label="缴费金额"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
<el-tag type="danger">{{scope.row.jfje}}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="是否扣款"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
<el-tag type="info" v-if="scope.row.sfjf==0">未扣款</el-tag>
|
||||
<el-tag type="success" v-if="scope.row.sfjf==1">已扣款</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column
|
||||
label="操作"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="200px"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" @click="openDetail(scope.row.userid)">查看</el-button>
|
||||
<el-button type="primary" :disabled="scope.row.sfjf!=0" size="mini" @click="openEdit(scope.row)">
|
||||
编辑
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
|
||||
|
||||
<el-dialog
|
||||
class="ViewDialogClass"
|
||||
title="上传基金扣款记录"
|
||||
@close="fileList = [];delFiles = [];uploadForm:{}"
|
||||
:close-on-click-modal="false"
|
||||
:visible.sync="addDialogVisible"
|
||||
width="30%">
|
||||
<el-form :model="formData" ref="addForm" size="small" label-width="80px">
|
||||
|
||||
<el-form-item prop="fj" label="扣款记录">
|
||||
<el-upload
|
||||
name="file"
|
||||
ref="upload"
|
||||
multiple="false"
|
||||
:auto-upload="false"
|
||||
class="upload-demo"
|
||||
action="/platform/zgfw/dbhzjjjf/getFiles"
|
||||
:data="uploadForm"
|
||||
:on-success="handleSuccess"
|
||||
:on-error="handleError"
|
||||
:on-change="handleChange"
|
||||
:on-remove="handleRemove"
|
||||
:file-list="fileList">
|
||||
<el-button size="small" type="primary">选取文件</el-button>
|
||||
<div class="el-upload__tip" slot="tip" style="color:#F56C6C;">只能上传1个
|
||||
xls/xlsx文件；必须上传模板文件！
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="addDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="doAdd">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog
|
||||
class="ViewDialogClass"
|
||||
title="查看详情"
|
||||
:visible.sync="roleDialogVisible"
|
||||
width="55%"
|
||||
>
|
||||
<el-collapse v-model="activeName">
|
||||
<el-collapse-item title="用户信息" name="1">
|
||||
<el-card>
|
||||
<div>
|
||||
<table style="width: 100%">
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">姓  名</td>
|
||||
<td class="tpb">{{roleData.user.username}}</td>
|
||||
<td class="tpa">性  别</td>
|
||||
<td class="tpb">{{roleData.user.sex}}</td>
|
||||
<td class="tpa">出生日期</td>
|
||||
<td class="tpb">{{roleData.user.birthday}}</td>
|
||||
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">出生地点</td>
|
||||
<td class="tpb">{{roleData.user.csdd}}</td>
|
||||
<td class="tpa">民  族</td>
|
||||
<td class="tpb">{{roleData.user.mz}}</td>
|
||||
<td class="tpa">政治面貌</td>
|
||||
<td class="tpb">{{roleData.user.zzmc}}</td>
|
||||
</tr>
|
||||
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">工  资</td>
|
||||
<td class="tpb">{{roleData.user.gz}}</td>
|
||||
<td class="tpa">职  称</td>
|
||||
<td class="tpb">{{roleData.user.zc}}</td>
|
||||
<td class="tpa">联系电话</td>
|
||||
<td class="tpb">{{roleData.user.mobile}}</td>
|
||||
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">所在部门</td>
|
||||
<td class="tpb" colspan="1">{{roleData.user.depname}}</td>
|
||||
<td class="tpa" colspan="1">所属基层工会</td>
|
||||
<td class="tpb" colspan="1">{{roleData.user.unionname}}</td>
|
||||
<td class="tpa" colspan="1">现任职务</td>
|
||||
<td class="tpb" colspan="2">{{roleData.user.zw}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="申请记录" name="2">
|
||||
<el-table
|
||||
:data="roleData.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"
|
||||
width="100px">
|
||||
</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"
|
||||
width="120px"
|
||||
>
|
||||
<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"
|
||||
width="120px">
|
||||
<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"
|
||||
width="100px">
|
||||
<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"
|
||||
width="120px">
|
||||
<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"
|
||||
width="120px">
|
||||
<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-collapse-item>
|
||||
|
||||
<el-collapse-item title="缴费记录" name="3">
|
||||
<el-table
|
||||
:data="roleData.listjf"
|
||||
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="jfyear"
|
||||
label="缴费年份"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="100px">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="缴费金额"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
<el-tag type="danger">{{scope.row.jfje}}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="sfjf"
|
||||
label="是否扣款"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="120px"
|
||||
>
|
||||
<template scope="scope">
|
||||
<el-tag type="info" v-if="scope.row.sfjf==0">未扣款</el-tag>
|
||||
<el-tag type="success" v-if="scope.row.sfjf==1">已扣款</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</el-collaps>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="danger" @click="roleDialogVisible = false">关 闭</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog
|
||||
class="ViewDialogClass"
|
||||
title="编辑"
|
||||
:visible.sync="editDialogVisible"
|
||||
width="35%"
|
||||
>
|
||||
<el-form :model="editform" ref="editForm" size="small"
|
||||
label-width="100px">
|
||||
<el-form-item prop="fbr" class="is-required" label="是否扣款">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-radio v-model="editform.sfjf" label="0">未缴费</el-radio>
|
||||
<el-radio v-model="editform.sfjf" label="1">已缴费</el-radio>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
<el-form-item prop="loginname" class="is-required" label="人员变更为">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-select placeholder="请选择" v-model="editform.rylx" clearable="true" filterable="true"
|
||||
style="width: 100%">
|
||||
<el-option
|
||||
v-for="item in optionsrylx"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
|
||||
<el-button type="danger" @click="editDialogVisible = false">关 闭</el-button>
|
||||
<el-button @click="doEdit">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
data: function () {
|
||||
var self = this
|
||||
var validateHys = function (rule, value, callback) {
|
||||
if (typeof (self.hys) === "undefined" || self.hys.length == 0) {
|
||||
callback(new Error(''));
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
return {
|
||||
loading: false,
|
||||
fileurl: '',
|
||||
yeard: '',
|
||||
ghOptions: [],
|
||||
identity: '',
|
||||
activeName: ['1', '2', '3'],
|
||||
unitOptions: [],
|
||||
tableData: [],
|
||||
roleData: {user: {}, sqjl: [], listjf: []},
|
||||
pageForm: {
|
||||
searchName: "username",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: "",
|
||||
fghid: "",
|
||||
unitid: "",
|
||||
jfnf: "",
|
||||
rylx: "",
|
||||
sfkk: "",
|
||||
},
|
||||
roleDialogVisible: false,
|
||||
addDialogVisible: false,
|
||||
uploadForm: [],
|
||||
fileList: [],
|
||||
delFiles: [],
|
||||
formData: {fileurl: ''},
|
||||
optionsrylx: [
|
||||
// {
|
||||
// value: '离职',
|
||||
// label: '离职'
|
||||
// },
|
||||
{
|
||||
value: '在编',
|
||||
label: '在编'
|
||||
},
|
||||
{
|
||||
value: '离退休人员',
|
||||
label: '离退休人员'
|
||||
},
|
||||
// {
|
||||
// value: '劳动服务公司',
|
||||
// label: '劳动服务公司'
|
||||
// }
|
||||
],
|
||||
user: {},
|
||||
pickerOptions: {
|
||||
disabledDate(time) {
|
||||
return time.getTime() > Date.now() + (24 * 3600 * 1000 * 365); //如果没有后面的-8.64e6就是可以选择今天的
|
||||
}
|
||||
},
|
||||
editform: {},
|
||||
editDialogVisible: false,
|
||||
fileloading: {}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async unionChange() {
|
||||
if (!this.pageForm.fghid) {
|
||||
this.pageForm.unitid = ''
|
||||
this.unitOptions = []
|
||||
}
|
||||
this.unitOptions = await getUnits(this.pageForm.fghid)
|
||||
},
|
||||
openEdit(obj) {
|
||||
this.editform = JSON.parse(JSON.stringify(obj));
|
||||
this.editDialogVisible = true;
|
||||
},
|
||||
doEdit() {
|
||||
$.post(base + "/platform/zgfw/dbhzjjjf/doEdit", this.editform, data => {
|
||||
if (data.code == 0) {
|
||||
this.editDialogVisible = false
|
||||
this.pageData();
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
/*导出缴费名单xls*/
|
||||
exportxls: function (lx) {
|
||||
var self = this;
|
||||
var jfnfs = "";
|
||||
if (self.pageForm.jfnf == "" || self.pageForm.jfnf == null) {
|
||||
jfnfs = (new Date().getFullYear()).toString();
|
||||
} else {
|
||||
jfnfs = self.pageForm.jfnf;
|
||||
}
|
||||
this.$confirm('是否需要导出' + jfnfs + '年的名单？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: function (a, b) {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
window.open(base + "/platform/zgfw/dbhzjjjf/export?jfnf=" + jfnfs + "&lx=" + lx);
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
openDetail: function (id) {
|
||||
var self = this;
|
||||
$.post(base + "/platform/zgfw/dbhzjjyl/queryDetail", {"userid": id}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.roleData = data.data;//加载后台表单数据
|
||||
self.roleDialogVisible = true
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
doSearch: function () {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageForm.sfkk = "";
|
||||
this.pageData();
|
||||
},
|
||||
cxkk: function (kkid) {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageForm.sfkk = kkid;
|
||||
this.pageData();
|
||||
},
|
||||
pageOrder: function (column) {//按字段排序
|
||||
switch (column.order) {
|
||||
case 'descending':
|
||||
column.order = 'desc'
|
||||
break
|
||||
case "ascending":
|
||||
column.order = 'asc'
|
||||
break
|
||||
}
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange: function (val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange: function (val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData: function () {//加载分页数据
|
||||
var self = this;
|
||||
sublime.showLoadingbar();//显示loading
|
||||
if (self.pageForm.jfnf == "" || self.pageForm.jfnf == null) {
|
||||
self.pageForm.jfnf = (new Date().getFullYear()).toString();
|
||||
}
|
||||
$.post(base + "/platform/zgfw/dbhzjjjf/data", self.pageForm, function (data) {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
if (data.code == 0) {
|
||||
self.tableData = data.data.jj.list;
|
||||
self.pageForm.totalCount = data.data.jj.totalCount;
|
||||
;
|
||||
self.user = data.data.user;
|
||||
if (self.user != null && self.user != undefined) {
|
||||
self.pageForm.rylx = self.user.rylx;
|
||||
self.pageForm.fghid = self.user.unionid;
|
||||
self.pageForm.unitid = self.user.unitid;
|
||||
}
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
openAdd: function () {
|
||||
var self = this;
|
||||
self.addDialogVisible = true;
|
||||
if (this.$refs["addForm"])
|
||||
this.$refs["addForm"].resetFields();
|
||||
},
|
||||
doAdd: function () {
|
||||
var self = this;
|
||||
self.$refs["addForm"].validate(function (valid) {
|
||||
if (valid) {
|
||||
var flag = true;
|
||||
|
||||
for (var i in self.fileList) {
|
||||
var name = self.fileList[i].name;
|
||||
var testmsg = name.substring(name.lastIndexOf('.') + 1);
|
||||
testmsg = testmsg.toLowerCase();
|
||||
|
||||
var e = testmsg === 'xls';
|
||||
var f = testmsg === 'xlsx';
|
||||
if (!e && !f) {
|
||||
self.$message.error("您选择的文件格式不正确!请重新选择!");
|
||||
flag = false
|
||||
} else if (self.fileList.length > 1) {
|
||||
self.$message.error("最多只能上传1个附件！");
|
||||
flag = false
|
||||
}
|
||||
}
|
||||
if (flag) {
|
||||
if (self.fileList.length > 0) {
|
||||
self.fileloading = self.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
self.$refs.upload.submit();
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
handleSuccess: function (response, file, fileList) {
|
||||
this.$refs.upload.clearFiles();//清除已上传的列表
|
||||
if (this.addDialogVisible) {
|
||||
this.addDialogVisible = false;
|
||||
}
|
||||
this.fileloading.close();
|
||||
this.pageData();
|
||||
loading = false;
|
||||
if (response.code == 1) {
|
||||
this.$message({
|
||||
message: response.msg,
|
||||
type: "error"
|
||||
});
|
||||
} else {
|
||||
this.$message({
|
||||
duration: 8000,
|
||||
showClose: true,
|
||||
message: response.msg,
|
||||
type: "success"
|
||||
});
|
||||
}
|
||||
},
|
||||
handleError: function (err, file, fileList) {
|
||||
loading = false;
|
||||
this.$message({
|
||||
message: err.msg,
|
||||
type: "error"
|
||||
});
|
||||
},
|
||||
handleChange: function (file, filelist) {
|
||||
var self = this;
|
||||
self.fileList = filelist;
|
||||
},
|
||||
handleRemove: function (file, filelist) {
|
||||
var self = this;
|
||||
self.fileList = filelist;
|
||||
if (typeof (file.url) === "undefined") {
|
||||
|
||||
} else {
|
||||
console.log("增加要删除的文件：" + file.name)
|
||||
self.delFiles.push({uid: file.uid, url: file.url})
|
||||
}
|
||||
},
|
||||
//下载模板
|
||||
downloadmodel: function () {
|
||||
var self = this;
|
||||
var url = "src/main/resources/excelTemplate/kkmodel1.xlsx";
|
||||
var name = "扣款记录模板.xlsx";
|
||||
window.location.href = base + "/platform/zgfw/dbhzjjjf/downLoad?path=" + url + "&filename=" + name;
|
||||
|
||||
}, //生成缴费名单
|
||||
initJfmd: function () {
|
||||
var self = this
|
||||
self.loading = true;
|
||||
$.post(base + "/platform/zgfw/dbhzjjjf/initjfmd", function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.loading = false;
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageForm.sfkk = "";
|
||||
this.pageData();
|
||||
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
self.loading = false;
|
||||
}
|
||||
}, 'json');
|
||||
|
||||
|
||||
},
|
||||
clearjfmd() {
|
||||
var self = this;
|
||||
if (self.pageForm.jfnf < (new Date().getFullYear()).toString()) {
|
||||
self.$message({
|
||||
message: "历史数据不能删除！",
|
||||
type: "warning"
|
||||
})
|
||||
return;
|
||||
}
|
||||
self.$confirm('请确认，是否删除' + self.pageForm.jfnf + '的缴费记录', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: function (a, b) {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
const loading = self.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
$.post(base + "/platform/zgfw/dbhzjjjf/clearjfmd", {year: self.pageForm.jfnf}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.pageData();
|
||||
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
loading.close();
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
created: async function () {
|
||||
this.yeard = (new Date().getFullYear() + 1).toString();
|
||||
this.pageData();
|
||||
this.ghOptions = await getUnions()
|
||||
this.unitOptions = await getUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,845 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<!--
|
||||
大病互助基金会员审核
|
||||
廖怡爽
|
||||
-->
|
||||
<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;
|
||||
}
|
||||
|
||||
.myT .has-gutter tr th {
|
||||
background-color: #F5F7FA;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak
|
||||
v-loading="loading"
|
||||
element-loading-text="正在生成缴费名单，数据较多....."
|
||||
element-loading-spinner="el-icon-loading"
|
||||
element-loading-background="rgba(0, 0, 0, 0.8)">
|
||||
<!-- 头部 -->
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
v-model="pageForm.jfnf"
|
||||
type="year"
|
||||
placeholder="选择年"
|
||||
format="yyyy"
|
||||
value-format="yyyy"
|
||||
style="width: 130px;"
|
||||
>
|
||||
</el-date-picker>
|
||||
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select placeholder="请选择基层工会" @change="unionChange" @clear="unionChange" v-model="pageForm.fghid"
|
||||
clearable="true" filterable="true"
|
||||
style="width:180px;">
|
||||
<el-option v-for="item in ghOptions" :label="item.unionname" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.unitid" filterable="true" clearable placeholder="请选择单位">
|
||||
<el-option
|
||||
v-for="item in unitOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<div>
|
||||
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询" style="width: 100px;">
|
||||
<el-option label="工号" value="loginname"></el-option>
|
||||
<el-option label="姓名" value="username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select placeholder="请选择人员类型" v-model="pageForm.rylx" clearable="true" filterable="true"
|
||||
style="width:160px;">
|
||||
<el-option
|
||||
v-for="item in optionsrylx"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select placeholder="请选择变更类型" v-model="pageForm.jllx" clearable="true" filterable="true"
|
||||
style="width:160px;">
|
||||
<el-option
|
||||
label="加入基金" value="1">
|
||||
</el-option>
|
||||
<el-option
|
||||
label="退出基金" value="2">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button type="primary" @click="doSearch" icon="el-icon-search"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<el-button size="medium" @click="plsh"><i class="el-icon-edit"></i>批量审核</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<!-- 数据表格 -->
|
||||
<el-row class="el-table-container">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
size="small"
|
||||
header-align="center"
|
||||
style="width: 100%"
|
||||
@sort-change='pageOrder'
|
||||
@selection-change="handleSelectionChange"
|
||||
ref="multipleTable"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" type="index" header-align="center" align="center">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="loginname"
|
||||
label="工号"
|
||||
header-align="center"
|
||||
align="center"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="username"
|
||||
label="姓名"
|
||||
header-align="center"
|
||||
align="center"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
sortable
|
||||
prop="depname"
|
||||
label="所属单位"
|
||||
header-align="center"
|
||||
align="center"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
sortable
|
||||
prop="unionname"
|
||||
label="所属基层工会"
|
||||
header-align="center"
|
||||
align="center"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="mobile"
|
||||
label="电话"
|
||||
header-align="center"
|
||||
align="center"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="sqsj"
|
||||
label="申请时间"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="rylx"
|
||||
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="danger" v-if="scope.row.jllx==2">退出基金</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column
|
||||
label="退出原因"
|
||||
prop="tclx"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</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="warning" v-if="scope.row.sqzt==4">审核不通过</el-tag>
|
||||
<el-tag type="warning" v-if="scope.row.sqzt==5">分会/离退休审核不通过</el-tag>
|
||||
<el-tag type="warning" v-if="scope.row.sqzt==6">互管会审核通过</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="操作"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-row>
|
||||
<el-button size="mini" v-if="scope.row.jjzt==1"
|
||||
type="primary"
|
||||
@click="openjjsh(1,scope)">基层工会审核
|
||||
</el-button>
|
||||
<el-button size="mini" v-if="scope.row.jjzt==2"
|
||||
type="primary"
|
||||
@click="openjjsh(2,scope)">离退休干部处审核
|
||||
</el-button>
|
||||
<el-button size="mini" v-if="scope.row.jjzt==3"
|
||||
type="primary"
|
||||
@click="openjjsh(3,scope)">互管会审核
|
||||
</el-button>
|
||||
</el-row>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
|
||||
|
||||
<el-dialog
|
||||
:close-on-click-modal="false"
|
||||
@close="rhsqActiveNames='';hy_id='',rhsqFormData={shyj:''}"
|
||||
class="ViewDialogClass"
|
||||
title="大病基金审核"
|
||||
:visible.sync="rhsqDialogVisible"
|
||||
width="45%">
|
||||
<el-collapse v-model="rhsqActiveNames">
|
||||
<el-collapse-item title="基本信息" name="1">
|
||||
<el-card>
|
||||
<div>
|
||||
<table style="width: 100%">
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">姓  名</td>
|
||||
<td class="tpb">{{rhsqData.username}}</td>
|
||||
<td class="tpa">性  别</td>
|
||||
<td class="tpb">{{rhsqData.sex}}</td>
|
||||
<td class="tpa">出生日期</td>
|
||||
<td class="tpb">{{rhsqData.birthday}}</td>
|
||||
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">出生地点</td>
|
||||
<td class="tpb">{{rhsqData.csdd}}</td>
|
||||
<td class="tpa">民  族</td>
|
||||
<td class="tpb">{{rhsqData.mz}}</td>
|
||||
<td class="tpa">政治面貌</td>
|
||||
<td class="tpb">{{rhsqData.zzmc}}</td>
|
||||
</tr>
|
||||
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">入校时间</td>
|
||||
<td class="tpb">{{rhsqData.rxsj}}</td>
|
||||
<td class="tpa">职  称</td>
|
||||
<td class="tpb">{{rhsqData.zc}}</td>
|
||||
<td class="tpa">联系电话</td>
|
||||
<td class="tpb">{{rhsqData.mobile}}</td>
|
||||
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">所在部门</td>
|
||||
<td class="tpb" colspan="1">{{rhsqData.depname}}</td>
|
||||
<td class="tpa" colspan="1">所属基层工会</td>
|
||||
<td class="tpb" colspan="1">{{rhsqData.unionname}}</td>
|
||||
<td class="tpa" colspan="1">现任职务</td>
|
||||
<td class="tpb" colspan="2">{{rhsqData.zw}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
|
||||
<el-collapse-item v-if="!(typeof(rhsqData.jjshyj)==='undefined')" title="基层工会/离退休干部处审核意见" name="2">
|
||||
<el-card>
|
||||
<div>
|
||||
<table style="width: 100%">
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">审核人</td>
|
||||
<td class="tpb">{{rhsqData.jjshr}}</td>
|
||||
<td class="tpa">审核时间</td>
|
||||
<td class="tpb">{{rhsqData.jjshsj}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">审核意见</td>
|
||||
<td class="tpb" colspan="3">{{rhsqData.jjshyj}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
|
||||
|
||||
<el-collapse-item :title="shtitle" name="4">
|
||||
|
||||
<el-form :model="rhsqFormData" ref="rhshForm" style="margin-top: 15px"
|
||||
size="medium"
|
||||
label-width="90px">
|
||||
<el-form-item prop="sfjf" label="是否缴费" v-if="rhsqData.jjzt==3&&rhsqData.jllx==1">
|
||||
<el-radio v-model="rhsqFormData.sfjf" label="0">未缴费</el-radio>
|
||||
<el-radio disabled="true" v-model="rhsqFormData.sfjf" label="1">已缴费</el-radio>
|
||||
<el-tag type="danger" v-if="rhsqFormData.jfje!=0&&rhsqFormData.jfje!=''">
|
||||
应交{{rhsqFormData.jfje}}
|
||||
</el-tag>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="shyj" label="审核意见">
|
||||
<el-input
|
||||
maxlength="300"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 10}"
|
||||
placeholder="请输入您的审核意见"
|
||||
v-model="rhsqFormData.shyj">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
</el-collapse-item>
|
||||
|
||||
</el-collapse>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="rhsqDialogVisible = false">取 消</el-button>
|
||||
<el-button type="danger" @click="rhsh(1)">不通过</el-button>
|
||||
<el-button type="success" @click="rhsh(2)">通过</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog
|
||||
:close-on-click-modal="false"
|
||||
@close="rhsqActiveNames='';hy_id='',rhsqFormData={shyj:''},multipleSelection=[]"
|
||||
class="ViewDialogClass"
|
||||
title="批量审核"
|
||||
:visible.sync="plshDialogVisible"
|
||||
width="60%">
|
||||
<el-collapse v-model="rhsqActiveNames">
|
||||
<el-collapse-item title="审核列表" name="1">
|
||||
<el-table
|
||||
:data="multipleSelection"
|
||||
size="small"
|
||||
header-align="center"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column
|
||||
prop="loginname"
|
||||
label="工号"
|
||||
header-align="center"
|
||||
align="center"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="username"
|
||||
label="姓名"
|
||||
header-align="center"
|
||||
align="center"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="rylx"
|
||||
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="danger" v-if="scope.row.jllx==2">退出基金</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
header-align="center"
|
||||
width="300px"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-radio :disabled="scope.row.jjzt!=3" v-model="scope.row.sfjf" label="0">未缴费</el-radio>
|
||||
<!--<el-radio disabled="true" v-model="scope.row.sfjf" label="1">已缴费</el-radio>-->
|
||||
<el-tag style="width: 70px" type="danger" v-if="scope.row.jfje!=0&&scope.row.jfje!=''">
|
||||
应交{{scope.row.jfje}}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="审核意见" name="2">
|
||||
<el-form :model="rhsqFormData" ref="rhshForm" style="margin-top: 15px"
|
||||
size="medium"
|
||||
label-width="90px">
|
||||
|
||||
<el-form-item prop="shyj" label="审核意见">
|
||||
<el-input
|
||||
maxlength="300"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 10}"
|
||||
placeholder="请输入您的审核意见"
|
||||
v-model="rhsqFormData.shyj">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="plshDialogVisible = false">取 消</el-button>
|
||||
<el-button type="danger" @click="plrhsh(1)">不通过</el-button>
|
||||
<el-button type="success" @click="plrhsh(2)">通过</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<script>
|
||||
var ue1;
|
||||
var ue2;
|
||||
const vue = new Vue({
|
||||
el: "#app",
|
||||
data: function () {
|
||||
var self = this
|
||||
return {
|
||||
loading: false,
|
||||
year: "",
|
||||
shtitle: '',
|
||||
identity: 0,
|
||||
fghshFormData: {},
|
||||
rhsqFormData: {
|
||||
shyj: "",
|
||||
shlx: "",
|
||||
jlid: "",
|
||||
sfjf: "",
|
||||
jfje: 0,
|
||||
},
|
||||
thsqFormData: {},
|
||||
|
||||
rhsqActiveNames: '',
|
||||
thsqActiveNames: '',
|
||||
identity: 0,
|
||||
gxOptions: [],
|
||||
ghOptions: [],
|
||||
fzhDialogVisible: false,
|
||||
rhsqDialogVisible: false,
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
searchName: "username",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: "",
|
||||
rylx: "",
|
||||
jfnf: moment().format('YYYY'),
|
||||
jllx: "",
|
||||
fghid: ""
|
||||
},
|
||||
fghscData: {unit: {}},
|
||||
rhsqData: {user: {}, hy: {}},
|
||||
thsqData: {user: {}, hy: {}},
|
||||
fghshFormRules: {
|
||||
wwsq_fghshyj: [{required: true, message: '请填写您的审核意见', trigger: ['blur', 'change']}],
|
||||
},
|
||||
formRules: {
|
||||
shyj: [{required: true, message: '请填写您的审核意见', trigger: ['blur', 'change']}],
|
||||
},
|
||||
unitOptions: [],
|
||||
unitid: "",
|
||||
optionsrylx: [{
|
||||
value: '1',
|
||||
label: '在编'
|
||||
}, {
|
||||
value: '2',
|
||||
label: '离退休人员'
|
||||
},
|
||||
// {
|
||||
// value: '3',
|
||||
// label: '劳动服务公司'
|
||||
// }
|
||||
],
|
||||
multipleTable: [],
|
||||
multipleSelection: [],
|
||||
plshDialogVisible: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
unionChange() {
|
||||
let self = this
|
||||
if (!self.pageForm.fghid) {
|
||||
self.pageForm.unitid = ''
|
||||
self.unitOptions = []
|
||||
}
|
||||
self.getUn()
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
//打开基金审核
|
||||
openjjsh: function (shlx, scopes) {
|
||||
//shlx 1基层工会 2离退休 3互管会
|
||||
//jjlx 1加入 2退出
|
||||
var self = this
|
||||
if (this.$refs["rhshForm"])
|
||||
this.$refs["rhshForm"].resetFields();
|
||||
self.rhsqData = {};
|
||||
self.rhsqFormData = {
|
||||
shyj: "",
|
||||
shlx: "",
|
||||
jlid: "",
|
||||
sfjf: "",
|
||||
jfje: 0,
|
||||
};
|
||||
|
||||
self.rhsqFormData.shlx = shlx;
|
||||
self.rhsqFormData.jlid = scopes.row.jlid;
|
||||
self.rhsqData = scopes.row;
|
||||
if (shlx == 1) {
|
||||
self.shtitle = "填写基层工会审核意见"
|
||||
} else if (shlx == 2) {
|
||||
self.shtitle = "填写离退休干部处审核意见"
|
||||
} else if (shlx == 3) {
|
||||
self.shtitle = "填写互管会审核意见"
|
||||
if (scopes.row.jllx == 1) {
|
||||
if (self.rhsqData.rxsj.substring(0, 4) == self.year) {
|
||||
self.rhsqFormData.jfje = 120;
|
||||
} else if (self.rhsqData.rxsj.substring(0, 4) <= self.year && self.rhsqData.rxsj.substring(0, 4) >= 2015) {
|
||||
self.rhsqFormData.jfje = (self.year + 1 - self.rhsqData.rxsj.substring(0, 4)) * 120 + (self.year - self.rhsqData.rxsj.substring(0, 4)) * 120 * 0.1;
|
||||
} else if (self.rhsqData.rxsj.substring(0, 4) < 2015) {
|
||||
self.rhsqFormData.jfje = (self.year + 2 - 2015) * 120 + (self.year + 1 - 2015) * 120 * 0.1;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
self.rhsqActiveNames = ['1', '2', '3', '4'];
|
||||
self.rhsqDialogVisible = true;
|
||||
}
|
||||
,
|
||||
rhsh: function (flag) {
|
||||
var self = this;
|
||||
|
||||
var notSubmit = true;
|
||||
if (flag == 1) {
|
||||
if (typeof (self.rhsqFormData.shyj) === "undefined" || self.rhsqFormData.shyj == '') {
|
||||
notSubmit = false;
|
||||
self.$message({
|
||||
message: "请填写您的审核意见",
|
||||
type: 'warning'
|
||||
});
|
||||
}
|
||||
}
|
||||
if (flag == 2) {
|
||||
if (typeof (self.rhsqFormData.shyj) === "undefined" || self.rhsqFormData.shyj == '') {
|
||||
self.rhsqFormData.shyj = '同意'
|
||||
}
|
||||
}
|
||||
if (notSubmit) {
|
||||
$.post(base + "/platform/zgfw/dbhzjjsh/jjsh", {
|
||||
shlx: self.rhsqFormData.shlx,
|
||||
jlid: self.rhsqFormData.jlid,
|
||||
shyj: self.rhsqFormData.shyj,
|
||||
sftg: flag,
|
||||
sfjf: self.rhsqFormData.sfjf,
|
||||
jfje: self.rhsqFormData.jfje,
|
||||
}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.pageData();
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.rhsqDialogVisible = false
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
plrhsh(flag) {
|
||||
var self = this;
|
||||
|
||||
var notSubmit = true;
|
||||
if (flag == 1) {
|
||||
if (typeof (self.rhsqFormData.shyj) === "undefined" || self.rhsqFormData.shyj == '') {
|
||||
notSubmit = false;
|
||||
self.$message({
|
||||
message: "请填写您的审核意见",
|
||||
type: 'warning'
|
||||
});
|
||||
}
|
||||
}
|
||||
if (flag == 2) {
|
||||
if (typeof (self.rhsqFormData.shyj) === "undefined" || self.rhsqFormData.shyj == '') {
|
||||
self.rhsqFormData.shyj = '同意'
|
||||
}
|
||||
}
|
||||
if (notSubmit) {
|
||||
$.post(base + "/platform/zgfw/dbhzjjsh/plsh", {
|
||||
sftg: flag,
|
||||
data: JSON.stringify(self.multipleSelection),
|
||||
shyj: self.rhsqFormData.shyj
|
||||
}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.pageData();
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.plshDialogVisible = false
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
doSearch: function () {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageForm.year = "";
|
||||
this.pageData();
|
||||
},
|
||||
pageOrder: function (column) {//按字段排序
|
||||
switch (column.order) {
|
||||
case 'descending':
|
||||
column.order = 'desc'
|
||||
break
|
||||
case "ascending":
|
||||
column.order = 'asc'
|
||||
break
|
||||
}
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange: function (val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange: function (val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData: function () {//加载分页数据
|
||||
var self = this;
|
||||
sublime.showLoadingbar();//显示loading
|
||||
$.post(base + "/platform/zgfw/dbhzjjsh/data", self.pageForm, function (data) {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
if (data.code == 0) {
|
||||
self.tableData = data.data.list;
|
||||
self.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
queryAllGX: function () {
|
||||
var self = this
|
||||
$.get(base + "/platform/jdh/cbldxz/queryAllGX", function (data) {
|
||||
if (data.code == 0) {
|
||||
self.gxOptions = data.data;
|
||||
}
|
||||
}, 'json')
|
||||
},
|
||||
getUn: async function () {
|
||||
var self = this
|
||||
self.unitOptions = await getUnit(self.pageForm.fghid)
|
||||
// $.get(base + "/platform/zgfw/dbhzjjsh/getUn", function (data) {
|
||||
// if (data.code == 0) {
|
||||
// self.unitOptions = data.data;
|
||||
// }
|
||||
// }, 'json')
|
||||
},
|
||||
//生成缴费名单
|
||||
initJfmd: function () {
|
||||
var self = this
|
||||
self.loading = true;
|
||||
$.post(base + "/platform/zgfw/dbhzjjjf/initjfmd", function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.loading = false;
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
self.loading = false;
|
||||
}
|
||||
}, 'json');
|
||||
|
||||
|
||||
},
|
||||
/**
|
||||
* @param strBirthday：指的是出生日期，格式为"1990-01-01"
|
||||
*/
|
||||
getAge: function (strBirthday) {
|
||||
try {
|
||||
var returnAge,
|
||||
strBirthdayArr = strBirthday.split("-"),
|
||||
birthYear = strBirthdayArr[0],
|
||||
birthMonth = strBirthdayArr[1],
|
||||
birthDay = strBirthdayArr[2],
|
||||
d = new Date(),
|
||||
nowYear = d.getFullYear(),
|
||||
nowMonth = d.getMonth() + 1,
|
||||
nowDay = d.getDate();
|
||||
if (nowYear == birthYear) {
|
||||
returnAge = 0;//同年 则为0周岁
|
||||
} else {
|
||||
var ageDiff = nowYear - birthYear; //年之差
|
||||
if (ageDiff > 0) {
|
||||
if (nowMonth == birthMonth) {
|
||||
var dayDiff = nowDay - birthDay;//日之差
|
||||
if (dayDiff < 0) {
|
||||
returnAge = ageDiff - 1;
|
||||
} else {
|
||||
returnAge = ageDiff;
|
||||
}
|
||||
} else {
|
||||
var monthDiff = nowMonth - birthMonth;//月之差
|
||||
if (monthDiff < 0) {
|
||||
returnAge = ageDiff - 1;
|
||||
} else {
|
||||
returnAge = ageDiff;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
returnAge = -1;//返回-1 表示出生日期输入错误 晚于今天
|
||||
}
|
||||
}
|
||||
return returnAge;//返回周岁年龄
|
||||
} catch (e) {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
queryAllFgh: async function () {
|
||||
var self = this
|
||||
self.ghOptions = await getUnions()
|
||||
// $.get(base + "/platform/zgfw/zgwwsh/queryAllFgh", function (data) {
|
||||
// self.ghOptions = data.data;
|
||||
// }, 'json')
|
||||
},
|
||||
plsh() {
|
||||
var self = this;
|
||||
if (self.multipleSelection.length == 0) {
|
||||
self.$message({
|
||||
message: "请选择要审核的数据！",
|
||||
type: 'warning'
|
||||
});
|
||||
return;
|
||||
}
|
||||
self.multipleSelection.forEach(function (val) {
|
||||
if (val.rxsj != undefined && val.rxsj != null) {
|
||||
if (val.rxsj.substring(0, 4) == self.year) {
|
||||
val.jfje = 120;
|
||||
} else if (val.rxsj.substring(0, 4) <= self.year && val.rxsj.substring(0, 4) >= 2015) {
|
||||
val.jfje = (self.year + 1 - val.rxsj.substring(0, 4)) * 120 + (self.year - val.rxsj.substring(0, 4)) * 120 * 0.1;
|
||||
} else if (val.rxsj.substring(0, 4) < 2015) {
|
||||
val.jfje = (self.year + 2 - 2015) * 120 + (self.year + 1 - 2015) * 120 * 0.1;
|
||||
}
|
||||
}
|
||||
val.sfjf = '0';
|
||||
})
|
||||
self.rhsqActiveNames = ['1', '2'];
|
||||
self.plshDialogVisible = true;
|
||||
}
|
||||
|
||||
},
|
||||
created:
|
||||
function () {
|
||||
this.year = new Date().getFullYear();
|
||||
this.pageData();
|
||||
this.queryAllFgh();
|
||||
this.getUn()
|
||||
}
|
||||
|
||||
|
||||
,
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,423 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<!--
|
||||
大病互助基金会员阅览
|
||||
廖怡爽
|
||||
-->
|
||||
<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;
|
||||
}
|
||||
|
||||
.myT .has-gutter tr th {
|
||||
background-color: #F5F7FA;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<div hidden id="username">${@shiro.getPrincipalProperty('username')}</div>
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
v-model="pageForm.jfnf"
|
||||
type="year"
|
||||
placeholder="选择年度"
|
||||
format="yyyy"
|
||||
value-format="yyyy"
|
||||
style="width: 130px;"
|
||||
>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select placeholder="请选择基层工会" @clear="getFghBydw" @change="getFghBydw(pageForm.fghid)"
|
||||
v-model="pageForm.fghid" clearable="true" filterable="true"
|
||||
style="width:200px;">
|
||||
<el-option v-for="item in ghOptions" :label="item.unionname" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.unitid" filterable="true" clearable placeholder="请选择单位">
|
||||
<el-option
|
||||
v-for="item in unitOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select placeholder="请选择人员类型" v-model="pageForm.rylx" clearable="true" filterable="true"
|
||||
style="width:160px;">
|
||||
<el-option
|
||||
v-for="item in optionsrylx"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select placeholder="请选择变更类型" v-model="pageForm.jllx" clearable="true" filterable="true"
|
||||
style="width:160px;">
|
||||
<el-option
|
||||
label="新增" value="1">
|
||||
</el-option>
|
||||
<el-option
|
||||
label="退出" value="2">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询" style="width: 100px;">
|
||||
<el-option label="工号" value="loginname"></el-option>
|
||||
<el-option label="姓名" value="username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button icon="el-icon-search" @click="doSearch"
|
||||
style="background-color:#409eff;color: white;"></el-button>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<el-button size="medium" @click="hybf">备份{{moment().format('YYYY')}}年度数据</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
<el-row class="el-table-container">
|
||||
<el-table
|
||||
@sort-change='pageOrder'
|
||||
:data="tableData"
|
||||
size="medium"
|
||||
header-align="center"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column label="序号" width="90px" type="index" header-align="center" align="center">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</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
|
||||
sortable
|
||||
prop="sex"
|
||||
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
|
||||
sortable
|
||||
prop="depname"
|
||||
label="所属单位"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
sortable
|
||||
prop="unionname"
|
||||
label="所属基层工会"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
sortable
|
||||
prop="rylx"
|
||||
label="人员类型"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="zssj"
|
||||
label="加入日期"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="年度"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template>
|
||||
{{pageForm.jfnf}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
data: function () {
|
||||
var self = this
|
||||
var validateHys = function (rule, value, callback) {
|
||||
if (typeof (self.hys) === "undefined" || self.hys.length == 0) {
|
||||
callback(new Error(''));
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
return {
|
||||
yeard: "",
|
||||
ghOptions: [],
|
||||
sfgl: 0,
|
||||
identity: '',
|
||||
activeName: ['1', '2', '3'],
|
||||
roleData: {user: {}, sqjl: [], listjf: []},
|
||||
unitOptions: [],
|
||||
tableData: [],
|
||||
jrTime: [],
|
||||
pageForm: {
|
||||
searchName: "username",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: "",
|
||||
fghid: "",
|
||||
unitid: "",
|
||||
jrTime: "",
|
||||
rylx: "",
|
||||
jfnf: moment().add(-1, 'year').format('YYYY'),
|
||||
year: "",
|
||||
sfjr: "1"
|
||||
},
|
||||
roleDialogVisible: false,
|
||||
optionsrylx: [{
|
||||
value: '1',
|
||||
label: '在编'
|
||||
}, {
|
||||
value: '2',
|
||||
label: '离退休人员'
|
||||
},
|
||||
// {
|
||||
// value: '3',
|
||||
// label: '劳动服务公司'
|
||||
// }
|
||||
],
|
||||
rmDialogVisible: false,
|
||||
userid: "",
|
||||
tclx: "",
|
||||
addDialogVisible: false,
|
||||
fileList: [],
|
||||
delFiles: [],
|
||||
uploadForm: {},
|
||||
formData: {},
|
||||
fileData: [],
|
||||
user: {},
|
||||
loading: false,
|
||||
useroptions: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getFghBydw: async function (dwid) {
|
||||
var self = this;
|
||||
self.unitOptions = await getUnits(dwid);
|
||||
self.pageForm.unitid = "";
|
||||
},
|
||||
getUnionid(unitid) {
|
||||
var self = this;
|
||||
$.post(base + "/platform/zgfw/dbhzjjtz/getUnionid", {id: unitid}, function (data) {
|
||||
self.formData.fghid = data.data.id;
|
||||
})
|
||||
},
|
||||
/**************************************时间格式化处理************************************/
|
||||
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;
|
||||
},
|
||||
doSearch: function () {
|
||||
if (this.pageForm.jllx == "1") {
|
||||
this.pageForm.sfjr = "1"
|
||||
} else if (this.pageForm.jllx == "2") {
|
||||
this.pageForm.sfjr = "0"
|
||||
} else {
|
||||
this.pageForm.sfjr = "1"
|
||||
}
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
},
|
||||
pageOrder: function (column) {//按字段排序
|
||||
switch (column.order) {
|
||||
case 'descending':
|
||||
column.order = 'desc'
|
||||
break
|
||||
case "ascending":
|
||||
column.order = 'asc'
|
||||
break
|
||||
}
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange: function (val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange: function (val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData: function () {//加载分页数据
|
||||
var self = this;
|
||||
sublime.showLoadingbar();//显示loading
|
||||
if (self.jrTime) {
|
||||
self.pageForm.jrTime = self.jrTime.toString();
|
||||
} else {
|
||||
self.pageForm.jrTime = "";
|
||||
}
|
||||
$.post(base + "/platform/zgfw/dbhzjjtz/data", self.pageForm, function (data) {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
if (data.code == 0) {
|
||||
self.tableData = data.data.jj.list;
|
||||
self.pageForm.totalCount = data.data.jj.totalCount;
|
||||
self.sfgl = data.data.sfgl;
|
||||
self.ghOptions = data.data.listunion;
|
||||
self.unitOptions = data.data.listun;
|
||||
self.user = data.data.user;
|
||||
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
hybf() {
|
||||
var self = this;
|
||||
self.$confirm('请确认是否备份' + moment().format('YYYY') + '年度的数据', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: function (a, b) {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
const loading = self.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
$.post(base + "/platform/zgfw/dbhzjjtz/hybf", function (data) {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.pageData();
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
loading.close();
|
||||
}, "json");
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
created: function () {
|
||||
this.yeard = new Date().getFullYear() + 1;
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,267 @@
|
||||
<!--基金批量设置-->
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<div id="app" v-cloak="">
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<!-- <div class="btn-group tool-button mt5">
|
||||
<el-input placeholder="可按工号、姓名查询" v-model="plszpageForm.searchKeyword" clearable></el-input>
|
||||
</div>-->
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="plszpageForm.unionid" @change="unionChange" @clear="unionChange" filterable clearable
|
||||
placeholder="请选择工会">
|
||||
<el-option
|
||||
v-for="item in unions"
|
||||
:label="item.unionname"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="plszpageForm.unitid" filterable clearable placeholder="请选择单位">
|
||||
<el-option
|
||||
v-for="item in units"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<div>
|
||||
<el-input placeholder="请输入内容" v-model="plszpageForm.searchKeyword">
|
||||
<el-select v-model="plszpageForm.searchName" slot="prepend" placeholder="查询" style="width: 100px;">
|
||||
<el-option label="工号" value="loginname"></el-option>
|
||||
<el-option label="姓名" value="username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button type="primary" icon="el-icon-search" @click="dosearch"></el-button>
|
||||
</div>
|
||||
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<el-button size="medium" type="warning" @click="sz"><i class="ti-plus"></i>批量设置基金会员</el-button>
|
||||
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="plsztableData" ref="multipleTable" size="small" @selection-change="handleSelectionChange"
|
||||
:row-key="getRowKeys">
|
||||
<el-table-column type="selection" :reserve-selection="true"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(plszpageForm.pageNumber - 1) * plszpageForm.pageSize + 1}} </span></template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="工号" prop="loginname"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="姓名" prop="username"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="性别" prop="sex"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="电话" prop="mobile"></el-table-column>
|
||||
<!-- <el-table-column align="center" header-align="center" label="入校时间" prop="rxsj"></el-table-column>-->
|
||||
<el-table-column align="center" header-align="center" :show-overflow-tooltip="true" label="单位"
|
||||
prop="depname"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="所属工会" :show-overflow-tooltip="true"
|
||||
prop="unionname"></el-table-column>
|
||||
<el-table-column
|
||||
prop="rylx"
|
||||
label="人员类型"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
|
||||
|
||||
</el-table>
|
||||
</el-row>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="plszpageSizeChange"
|
||||
@current-change="plszpageNumberChange"
|
||||
:current-page="plszpageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="plszpageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="plszpageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
|
||||
<el-dialog
|
||||
title="批量加入大病基金"
|
||||
:visible.sync="addhyDialog"
|
||||
custom-class="ViewDialogClass"
|
||||
width="50%">
|
||||
<el-table :data="hylist" size="small">
|
||||
<el-table-column align="center" header-align="center" label="序号" type="index"
|
||||
min-width="60px"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="工号" prop="loginname"
|
||||
min-width="80px"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="姓名" prop="username"
|
||||
min-width="60px"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="性别" prop="sex"
|
||||
min-width="60px"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="电话" prop="mobile"
|
||||
min-width="100px"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" :show-overflow-tooltip="true" label="单位"
|
||||
min-width="120px" prop="depname"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="入校时间" prop="unionname" min-width="130px">
|
||||
<template scope="scope">
|
||||
<el-date-picker
|
||||
size="small"
|
||||
v-model="scope.row.rxsj"
|
||||
type="month"
|
||||
placeholder="选择年月"
|
||||
format="yyyy-MM"
|
||||
value-format="yyyy-MM"
|
||||
style="width: 130px;"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-date-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="addhyDialog=false">取消</el-button>
|
||||
<el-button type="primary" @click="doSz">确定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<script>
|
||||
const vm = new Vue({
|
||||
el: "#app",
|
||||
data: function () {
|
||||
return {
|
||||
plszpageForm: {
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
flag: "",
|
||||
unionid: "",
|
||||
unitid: "",
|
||||
searchKeyword: "",
|
||||
searchName: "username"
|
||||
},
|
||||
plsztableData: [],
|
||||
units: [],
|
||||
unions: [],
|
||||
flag: "",
|
||||
pageForm: {
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
searchKeyword: "",
|
||||
rxTime: "",
|
||||
txTime: "",
|
||||
unionid: "",
|
||||
userstate: "",
|
||||
},
|
||||
hylist: [],
|
||||
oldlist: [],
|
||||
con: false,
|
||||
addhyDialog: false,
|
||||
multipleTable: [],
|
||||
ids: [],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
unionChange() {
|
||||
let self = this
|
||||
if (!self.plszpageForm.unionid) {
|
||||
self.plszpageForm.unitid = ''
|
||||
self.units = []
|
||||
}
|
||||
self.getUnitOptions()
|
||||
},
|
||||
async getUnitOptions() {
|
||||
this.units = await getUnits(this.plszpageForm.unionid)
|
||||
},
|
||||
plszpageSizeChange: function (val) {
|
||||
this.plszpageForm.pageSize = val;
|
||||
this.plszPageData();
|
||||
},
|
||||
plszpageNumberChange: function (val) {
|
||||
this.plszpageForm.pageNumber = val;
|
||||
this.plszPageData();
|
||||
},
|
||||
plszPageData: function () {
|
||||
var self = this;
|
||||
$.post(base + "/platform/zgfw/dbhzjjpl/data", self.plszpageForm, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.plsztableData = data.data.user.list;
|
||||
self.plszpageForm.totalCount = data.data.user.totalCount;
|
||||
console.log(self.plszpageForm.totalCount);
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
handleSelectionChange: function (val) {
|
||||
this.hylist = val;
|
||||
},
|
||||
getRowKeys: function (row) {
|
||||
return row.id;
|
||||
},
|
||||
dosearch: function () {
|
||||
var self = this;
|
||||
self.plszpageForm.pageNumber = 1;
|
||||
self.plszPageData();
|
||||
|
||||
},
|
||||
sz: function () {
|
||||
this.con = false;
|
||||
|
||||
if (this.hylist == "") {
|
||||
this.addhyDialog = false;
|
||||
this.$message({
|
||||
message: "请先选择批量设置的用户！",
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
this.addhyDialog = true
|
||||
},
|
||||
doSz: function () {
|
||||
var self = this;
|
||||
self.ids = [];
|
||||
var count = 0;
|
||||
for (var i = 0; i < self.hylist.length; i++) {
|
||||
self.ids[i] = self.hylist[i].id;
|
||||
if (self.hylist[i].rxsj == "" || self.hylist[i].rxsj == null) {
|
||||
count++;
|
||||
}
|
||||
}
|
||||
if (count > 0) {
|
||||
this.$message({
|
||||
message: "请先填写会员入校时间！",
|
||||
type: 'warning'
|
||||
});
|
||||
return;
|
||||
}
|
||||
$.post(base + "/platform/zgfw/dbhzjjpl/plSz", {
|
||||
"ids": self.ids.toString(),
|
||||
"userlist": JSON.stringify(self.hylist),
|
||||
}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.plszPageData();
|
||||
self.$refs.multipleTable.clearSelection();
|
||||
self.addhyDialog = false;
|
||||
}
|
||||
}, "json");
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
created: async function () {
|
||||
this.plszPageData();
|
||||
this.unions = await getUnions()
|
||||
await this.getUnitOptions()
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user