first commit
This commit is contained in:
@@ -0,0 +1,777 @@
|
||||
<!--校工会变更申请审核 何鹏飞 2019-5-21-->
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-collapse-item__content {
|
||||
padding-bottom: 0px;
|
||||
font-size: 13px;
|
||||
color: #303133;
|
||||
line-height: 1.769230769230769;
|
||||
}
|
||||
|
||||
.demo-table-expand {
|
||||
font-size: 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.demo-table-expand label {
|
||||
width: 120px;
|
||||
color: black;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.demo-table-expand .el-form-item {
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.el-form-item__content {
|
||||
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
tr.el-table__row.el-table__row--level-1 {
|
||||
background-color: #F5F5F5
|
||||
}
|
||||
|
||||
.tpa {
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
width: 12%;
|
||||
background-color: rgb(250, 250, 250);
|
||||
border: 1px solid rgb(220, 220, 220);
|
||||
}
|
||||
|
||||
.tpb {
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
color: #a0a9b4;
|
||||
width: 16%;
|
||||
border: 1px solid rgb(220, 220, 220);
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<!--<div class="btn-group tool-button mt5">-->
|
||||
<!--<el-input placeholder="根据姓名或者用户名进行查询" style="width: 240px" clearable v-model="pageForm.searchName" @keyup.enter.native="doSearch">-->
|
||||
<!--</el-input>-->
|
||||
<!--</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-date-picker
|
||||
v-model="time"
|
||||
type="daterange"
|
||||
range-separator="-"
|
||||
start-placeholder="开始申请时间"
|
||||
end-placeholder="结束申请时间"
|
||||
format="yyyy 年 MM 月 dd 日"
|
||||
value-format="yyyy-MM-dd">
|
||||
</el-date-picker>
|
||||
|
||||
<dict-select v-model="pageForm.bgsy" style="width: 200px;" clearable placeholder="变更类型"
|
||||
code="MemberChangeType"></dict-select>
|
||||
|
||||
<el-select v-model="pageForm.sfhy" slot="prepend" clearable placeholder="审核状态" style="width: 200px;">
|
||||
<el-option label="待基层工会审核" value="1"></el-option>
|
||||
<el-option label="基层工会审核不通过" value="2"></el-option>
|
||||
<el-option label="待校工会审核" value="3"></el-option>
|
||||
<el-option label="校工会审核不通过" value="4"></el-option>
|
||||
<el-option label="审核通过" value="5"></el-option>
|
||||
</el-select>
|
||||
|
||||
<el-button slot="append" icon="el-icon-search" type="primary" @click="doSearch"></el-button>
|
||||
|
||||
</div>
|
||||
|
||||
</el-row>
|
||||
<!--表格-->
|
||||
<el-row class="el-table-container">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%;margin-bottom: 20px;"
|
||||
row-key="memberturnoutid"
|
||||
size="small"
|
||||
|
||||
:tree-props="{children: 'children'}"
|
||||
>
|
||||
<el-table-column label="序号" width="50" header-align="center" align="center" type="index">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNum - 1) * pageForm.pageSize + 1}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="loginname"
|
||||
label="会员编号">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="username"
|
||||
label="姓名">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="sex"
|
||||
label="性别">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="bgtype"
|
||||
label="变更类型">
|
||||
<template slot-scope="scope">
|
||||
{{bgtype[scope.row.bgtype]}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="bgtime"
|
||||
label="变更时间">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
show-overflow-tooltip="true"
|
||||
prop="bgsy"
|
||||
label="变更事由">
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<!--#if(@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')){#-->
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="申请方式">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.apply_origin==1">个人申请</span>
|
||||
<span v-if="scope.row.apply_origin==2">基层工会申请</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!--#}#-->
|
||||
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="变更状态">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.bgstate==1" type="warning">待基层工会审核</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==2" type="danger">基层工会审核不通过</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==3" type="warning">待校工会审核</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==4" type="danger">校工会审核不通过</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==5" type="success">审核通过</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" header-align="center" align="center">
|
||||
<template slot-scope="scope">
|
||||
|
||||
<el-button size="mini" v-if="scope.row.bgstate==1" type="primary"
|
||||
@click="show(scope)">审核
|
||||
</el-button>
|
||||
|
||||
<el-button size="mini" v-if="scope.row.bgstate>1"
|
||||
type="success"
|
||||
@click="see(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.pageNum"
|
||||
: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 title="变更审核" width="65%" custom-class="ViewDialogClass" top="5%" :visible.sync="editDialogVisible">
|
||||
<el-collapse v-model="activeNames2">
|
||||
<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">{{UserForm.username}}</td>
|
||||
<td class="tpa">性  别</td>
|
||||
<td class="tpb">{{UserForm.sex}}</td>
|
||||
<td class="tpa">出生日期</td>
|
||||
<td class="tpb">{{UserForm.birthday}}</td>
|
||||
<td rowspan="3">
|
||||
<img v-if="UserForm.imgurl!=''&&UserForm.imgurl!=null " :src="showPic"
|
||||
style="height: 140px;width: 100%">
|
||||
<p v-else style="text-align: center;line-height: 140%">暂无图片</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">出生地点</td>
|
||||
<td class="tpb">{{UserForm.csdd}}</td>
|
||||
<td class="tpa">民  族</td>
|
||||
<td class="tpb">{{UserForm.mz}}</td>
|
||||
<td class="tpa">政治面貌</td>
|
||||
<td class="tpb">{{UserForm.zzmc}}</td>
|
||||
</tr>
|
||||
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">工  资</td>
|
||||
<td class="tpb">{{UserForm.gz}}</td>
|
||||
<td class="tpa">职  称</td>
|
||||
<td class="tpb">{{UserForm.zc}}</td>
|
||||
<td class="tpa">联系电话</td>
|
||||
<td class="tpb">{{UserForm.mobile}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">人事编制</td>
|
||||
<td class="tpb" colspan="3">{{UserForm.rsbz}}</td>
|
||||
<td class="tpa" colspan="1">Email</td>
|
||||
<td class="tpb" colspan="2">{{UserForm.email}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">所在部门</td>
|
||||
<td class="tpb" colspan="3">{{UserForm.name}}</td>
|
||||
<td class="tpa" colspan="1">现任职务</td>
|
||||
<td class="tpb" colspan="2">{{UserForm.zw}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="7">个 人 简 历</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpb" colspan="7" v-if="(typeof(UserForm.grjl)==='undefined')">暂无个人简历信息</td>
|
||||
<td class="tpc" colspan="7" v-if="!(typeof(UserForm.grjl)==='undefined')">
|
||||
<div v-html="UserForm.grjl"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="家庭成员" name="2">
|
||||
<el-table
|
||||
:data="UserForm.jtcy"
|
||||
border
|
||||
size="mini"
|
||||
>
|
||||
<el-table-column prop="gx" label="与本人关系" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column prop="xm" label="姓名" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="dw" label="单位" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column prop="bz" label="备注" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="变更信息" name="3">
|
||||
<el-card>
|
||||
<div>
|
||||
<table style="width: 100%">
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">变更类型</td>
|
||||
<td class="tpb" colspan="3">{{UserForm.bgsy}}</td>
|
||||
<td class="tpa" colspan="1">变更时间</td>
|
||||
<td class="tpb" colspan="2">{{UserForm.bgtime}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="7">变 更 原 因</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpb" colspan="7" v-if="(typeof(UserForm.bgyy)==='undefined')">暂无变更原因</td>
|
||||
<td class="tpc" colspan="7" v-if="!(typeof(UserForm.bgyy)==='undefined')">
|
||||
<div v-html="UserForm.bgyy"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="7">备 注</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpb" colspan="7" v-if="(typeof(UserForm.bz)==='undefined')">暂无备注</td>
|
||||
<td class="tpc" colspan="7" v-if="!(typeof(UserForm.bz)==='undefined')">
|
||||
<div v-html="UserForm.bz"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item :title="UserForm.bgstate==1?'基层工会审核':'校工会审核'" name="3">
|
||||
<table width="100%">
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="7">审 核 建 议</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td>
|
||||
<el-input
|
||||
style="width: 100%;"
|
||||
:autosize="{ minRows: 5, maxRows: 5}"
|
||||
v-model="jy"
|
||||
resize="none"
|
||||
type="textarea"
|
||||
placeholder="请输入内容">
|
||||
</el-input>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="editDialogVisible=false">取 消</el-button>
|
||||
<el-button type="danger" @click="edit(4,UserForm.bgtype,false)">拒 绝</el-button>
|
||||
<el-button type="success" @click="edit(5,UserForm.bgtype,true)">同 意</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!--查看-->
|
||||
<el-dialog title="申请详情信息" width="65%" custom-class="ViewDialogClass" :visible.sync="seeDialogVisible" top="5%">
|
||||
<el-form label-width="80px">
|
||||
<el-collapse v-model="activeNames">
|
||||
<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">{{UserList.username}}</td>
|
||||
<td class="tpa">性  别</td>
|
||||
<td class="tpb">{{UserList.sex}}</td>
|
||||
<td class="tpa">出生日期</td>
|
||||
<td class="tpb">{{UserList.birthday}}</td>
|
||||
<td rowspan="3">
|
||||
<img v-if="UserList.imgurl!='' && UserList.imgurl!=null" :src="showPic"
|
||||
style="height: 140px;width: 100%">
|
||||
<p v-else style="text-align: center;line-height: 140%">暂无图片</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">出生地点</td>
|
||||
<td class="tpb">{{UserList.csdd}}</td>
|
||||
<td class="tpa">民  族</td>
|
||||
<td class="tpb">{{UserList.mz}}</td>
|
||||
<td class="tpa">政治面貌</td>
|
||||
<td class="tpb">{{UserList.zzmm}}</td>
|
||||
</tr>
|
||||
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">工  资</td>
|
||||
<td class="tpb">{{UserList.gz}}</td>
|
||||
<td class="tpa">职  称</td>
|
||||
<td class="tpb">{{UserList.zc}}</td>
|
||||
<td class="tpa">联系电话</td>
|
||||
<td class="tpb">{{UserList.mobile}}</td>
|
||||
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">人事编制</td>
|
||||
<td class="tpb" colspan="3">{{UserList.rsbz}}</td>
|
||||
<td class="tpa" colspan="1">Email</td>
|
||||
<td class="tpb" colspan="2">{{UserList.email}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">所在部门</td>
|
||||
<td class="tpb" colspan="3">{{UserList.name}}</td>
|
||||
<td class="tpa" colspan="1">现任职务</td>
|
||||
<td class="tpb" colspan="2">{{UserList.zw}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="7">个 人 简 历</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpb" colspan="7" v-if="(typeof(UserList.grjl)==='undefined')">暂无个人简历信息
|
||||
</td>
|
||||
<td class="tpc" colspan="7" v-if="!(typeof(UserList.grjl)==='undefined')">
|
||||
<div v-html="UserList.grjl"></div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="家庭成员" name="2">
|
||||
<el-table
|
||||
:data="UserList.jtcy"
|
||||
border
|
||||
size="mini"
|
||||
>
|
||||
<el-table-column prop="gx" label="与本人关系" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column prop="xm" label="姓名" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="dw" label="单位" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column prop="bz" label="备注" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="变更记录" name="3">
|
||||
<el-table
|
||||
|
||||
size="mini"
|
||||
:data="bgTableData"
|
||||
style="width: 95%"
|
||||
|
||||
>
|
||||
<el-table-column type="expand">
|
||||
<template scope="scope">
|
||||
<el-form label-position="left" inline class="demo-table-expand">
|
||||
|
||||
<el-form-item v-if="scope.row.fghshjl!=''" label="基层工会审核人">
|
||||
<span>{{scope.row.fghshjl.fghshr}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="scope.row.fghshjl!=''" label="基层工会审核时间">
|
||||
<span>{{scope.row.fghshjl.shsj}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="scope.row.fghshjl!=''" label="基层工会审核建议">
|
||||
<span>{{scope.row.fghshjl.shjy}}</span>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="校工会审核人">
|
||||
<span>{{scope.row.xghshjl.xghshr}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="校工会审核时间">
|
||||
<span>{{scope.row.xghshjl.shsj}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="校工会审核建议">
|
||||
<span>{{scope.row.xghshjl.shjy}}</span>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更事由"
|
||||
show-overflow-tooltip="true"
|
||||
prop="bgsy"
|
||||
header-align="center"
|
||||
align="center"
|
||||
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更时间"
|
||||
width="120"
|
||||
prop="bgtime"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更类型"
|
||||
show-overflow-tooltip="true"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope"><span>
|
||||
{{starts[scope.row.bgtype]}}
|
||||
</span></template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="原单位"
|
||||
width="120"
|
||||
show-overflow-tooltip="true"
|
||||
prop="oldunitname"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="原工会"
|
||||
width="140"
|
||||
show-overflow-tooltip="true"
|
||||
prop="oldunionname"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更单位"
|
||||
width="120"
|
||||
show-overflow-tooltip="true"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
<template scope="scope">
|
||||
<div v-if="scope.row.newunitname!=''||scope.row.newunitname!=undefined">
|
||||
{{scope.row.newunitname}}
|
||||
</div>
|
||||
<div v-if="scope.row.newunitname==''||scope.row.newunitname==undefined">
|
||||
暂无信息
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更工会"
|
||||
width="140"
|
||||
show-overflow-tooltip="true"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
<template scope="scope">
|
||||
<div v-if="scope.row.newunionname!=''||scope.row.newunionname!=undefined">
|
||||
{{scope.row.newunionname}}
|
||||
</div>
|
||||
<div v-if="scope.row.newunionname==''||scope.row.newunionname==undefined">
|
||||
暂无信息
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更状态"
|
||||
show-overflow-tooltip="true"
|
||||
width="130"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
<template scope="scope">
|
||||
<span>
|
||||
|
||||
<el-tag v-if="scope.row.bgstate==1" type="warning">待基层工会审核</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==2" type="danger">基层工会审核不通过</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==3" type="warning">待校工会审核</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==4" type="danger">校工会审核不通过</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==5" type="success">审核通过</el-tag>
|
||||
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<script>
|
||||
var vm = new Vue({
|
||||
el: "#app",
|
||||
components: {
|
||||
'dict-select': httpVueLoader('/components/plugins/DictSelect.vue?v=1.0.4'),
|
||||
},
|
||||
data: function () {
|
||||
return {
|
||||
pageForm: {//分页
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
searchName: "username",
|
||||
startTime: "",
|
||||
endTime: "",
|
||||
sfhy: "",
|
||||
gxid: "",
|
||||
bglx: "",
|
||||
searchKeyword: ""
|
||||
},
|
||||
time: "",
|
||||
gxList: [],
|
||||
tableData: [],
|
||||
con: false,
|
||||
bgtype: ['', '会籍转出', '会籍转入', '会籍保留', '会员退会', '会籍开除'],
|
||||
editDialogVisible: false,
|
||||
UserForm: {},
|
||||
jy: "",
|
||||
UserList: {},
|
||||
seeDialogVisible: false,
|
||||
activeNames: ["1", "2", "3"],
|
||||
activeNames2: ["3"],
|
||||
bgTableData: [],
|
||||
starts: ["", "会籍转出", "会籍转入", "会籍保留", "会员退会", "会籍开除"],
|
||||
userTable: [],
|
||||
showPic: "",
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageNumberChange: function (val) {//页码更新操作
|
||||
this.pageForm.pageNum = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange: function (val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData: function () {//加载分页数据
|
||||
var self = this;
|
||||
self.tableData = []
|
||||
self.userTable = []
|
||||
if (self.time != "" && self.time != null) {
|
||||
self.pageForm.startTime = self.time[0];
|
||||
self.pageForm.endTime = self.time[1];
|
||||
}
|
||||
sublime.showLoadingbar();//显示loading
|
||||
$.post(base + "/platform/hy/fghbgsh/data", self.pageForm, function (data) {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
if (data.code == 0) {
|
||||
self.tableData = data.data.list;
|
||||
self.pageForm.totalCount = data.data.totalCount;
|
||||
self.pageForm.startTime = "";
|
||||
self.pageForm.endTime = "";
|
||||
|
||||
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
isCon: function (val, id) {
|
||||
val.forEach(function (item) {
|
||||
if (item.id == id) {
|
||||
return true;
|
||||
}
|
||||
})
|
||||
}
|
||||
,
|
||||
isAdmin: function () {//判断是否为管理员
|
||||
var self = this
|
||||
$.post(base + "/platform/hy/xghbgsh/isAdmin", function (data) {
|
||||
self.con = data.data;
|
||||
if (self.con) {
|
||||
self.pageForm.gxid = "A1";//默认选择中国地质大学
|
||||
self.pageData();
|
||||
} else {
|
||||
self.pageData();
|
||||
}
|
||||
})
|
||||
},
|
||||
findGx: function () {//获取所有的高校
|
||||
var self = this;
|
||||
$.post(base + "/platform/hy/xghbgsh/findGx", function (data) {
|
||||
if (data.code == 0) {
|
||||
self.gxList = data.data
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
show: function (scope) {
|
||||
this.UserForm = scope.row;
|
||||
if (!scope.row.jtcy) {
|
||||
this.UserForm.jtcy = [];
|
||||
} else {
|
||||
this.UserForm.jtcy = JSON.parse(scope.row.jtcy | '[]');
|
||||
}
|
||||
this.showPic = FILE_DOMAIN + this.UserForm.imgurl;
|
||||
this.editDialogVisible = true;
|
||||
},
|
||||
edit: function (hyzt, bgtype, flag) {
|
||||
var self = this;
|
||||
self.UserForm.hyzt = hyzt;
|
||||
self.UserForm.bgtype = bgtype
|
||||
if (hyzt == 4) {
|
||||
if (self.jy == "") {
|
||||
self.$message({
|
||||
message: '审核建议不能为空!',
|
||||
type: 'warning'
|
||||
});
|
||||
return;
|
||||
}
|
||||
}
|
||||
self.$confirm('确定要执行此操作吗? ', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: function (a, b) {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
$.post(base + "/platform/hy/xghbgsh/edit?jy=" + self.jy, {
|
||||
...self.UserForm,
|
||||
flag
|
||||
}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.editDialogVisible = false;
|
||||
self.pageData();
|
||||
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
see: function (id) {
|
||||
var self = this;
|
||||
$.post(base + "/platform/hy/xghbgsh/findShjl", {id: id}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.UserList = data.data;
|
||||
if (!data.data.jtcy) {
|
||||
self.UserList.jtcy = [];
|
||||
} else {
|
||||
self.UserList.jtcy = JSON.parse(data.data.jtcy | '[]');
|
||||
}
|
||||
self.bgTableData = self.UserList.bgjl;
|
||||
self.showPic = FILE_DOMAIN + self.UserList.imgurl;
|
||||
self.bgTableData.forEach(function (val, index) {
|
||||
if (index == 0) {
|
||||
val.hyzt = self.UserList.hyzt
|
||||
} else {
|
||||
val.hyzt = 5
|
||||
}
|
||||
})
|
||||
self.seeDialogVisible = true;
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, 'json')
|
||||
},
|
||||
doSearch: function () {
|
||||
this.pageForm.pageNum = 1;
|
||||
this.pageData();
|
||||
}
|
||||
|
||||
},
|
||||
created: function () {
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,833 @@
|
||||
<!--会员转出 何鹏飞 2019-5-16-->
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-table-container {
|
||||
padding-top: 0px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.ViewDialogClass .el-form-item {
|
||||
margin-bottom: 15px;
|
||||
/*white-space: nowrap;*/
|
||||
width: 95%;
|
||||
text-overflow: ellipsis;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.el-collapse-item__content {
|
||||
padding-bottom: 0px;
|
||||
font-size: 13px;
|
||||
color: #303133;
|
||||
line-height: 1.769230769230769;
|
||||
}
|
||||
|
||||
.demo-table-expand {
|
||||
font-size: 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.demo-table-expand label {
|
||||
width: 120px;
|
||||
color: #99a9bf;
|
||||
}
|
||||
|
||||
.demo-table-expand .el-form-item {
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.el-table td div {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.tpa {
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
width: 12%;
|
||||
background-color: rgb(250, 250, 250);
|
||||
border: 1px solid rgb(220, 220, 220);
|
||||
}
|
||||
|
||||
.tpb {
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
color: #a0a9b4;
|
||||
width: 16%;
|
||||
border: 1px solid rgb(220, 220, 220);
|
||||
}
|
||||
|
||||
.note1, .note2 {
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
|
||||
#app {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #f0f2f5;
|
||||
}
|
||||
|
||||
.box-card {
|
||||
width: calc(100% - 50px);
|
||||
height: calc(100% - 50px);
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<el-card class="box-card" shadow="never">
|
||||
<!--表格-->
|
||||
<el-row class="el-table-container">
|
||||
<el-table
|
||||
default-expand-all="true"
|
||||
:data="tableData"
|
||||
size="small"
|
||||
style="width: 100%;">
|
||||
<el-table-column type="expand">
|
||||
<template slot-scope="props">
|
||||
<el-tabs v-model="activeName">
|
||||
<el-tab-pane label="用户信息" name="first">
|
||||
<el-form label-width="80px" :inline="true">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="姓名">
|
||||
<el-lable style="color: black">{{props.row.user[0].username}}</el-lable>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="性别">
|
||||
<el-lable style="color: black">{{props.row.user[0].sex}}</el-lable>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="出生日期">
|
||||
<el-lable style="color: black">{{props.row.user[0].birthday}}</el-lable>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-form label-width="80px" :inline="true">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="职务">
|
||||
<el-lable style="color: black">{{props.row.user[0].zw}}</el-lable>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="民族">
|
||||
<el-lable style="color: black">{{props.row.user[0].mz}}</el-lable>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="出生地点">
|
||||
<el-lable style="color: black">{{props.row.user[0].csdd}}</el-lable>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-form label-width="80px" :inline="true">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="工资">
|
||||
<el-lable style="color: black">{{props.row.user[0].gz}}</el-lable>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="学历">
|
||||
<el-lable style="color: black">{{props.row.user[0].xl}}</el-lable>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="政治面貌">
|
||||
<el-lable style="color: black">{{props.row.user[0].zzmm}}</el-lable>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-form label-width="80px" :inline="true">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="籍贯">
|
||||
<el-lable style="color: black">{{props.row.user[0].jg}}</el-lable>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="所属单位">
|
||||
<el-lable style="color: black">{{props.row.user[0].name}}</el-lable>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="变更记录" name="second">
|
||||
<el-table
|
||||
empty-text="您暂无变更记录"
|
||||
:data="props.row.bgjl"
|
||||
header-align="center"
|
||||
size="small"
|
||||
style="width: 100%;">
|
||||
<el-table-column label="序号" header-align="center" align="center" type="index">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNum - 1) * pageForm.pageSize + 1}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更事由"
|
||||
show-overflow-tooltip="true"
|
||||
prop="bgsy"
|
||||
header-align="center"
|
||||
align="center"
|
||||
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更时间"
|
||||
prop="bgtime"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更类型"
|
||||
show-overflow-tooltip="true"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope"><span>
|
||||
{{starts[scope.row.bgtype]}}
|
||||
</span></template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="原单位"
|
||||
|
||||
show-overflow-tooltip="true"
|
||||
prop="oldunitname"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
|
||||
label="原工会"
|
||||
show-overflow-tooltip="true"
|
||||
prop="oldunionname"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
|
||||
label="变更单位"
|
||||
show-overflow-tooltip="true"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
<template scope="scope">
|
||||
<div v-if="scope.row.newunitname!=''||scope.row.newunitname!=undefined">
|
||||
{{scope.row.newunitname}}
|
||||
</div>
|
||||
<div v-if="scope.row.newunitname==''||scope.row.newunitname==undefined">
|
||||
暂无信息
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
|
||||
label="变更工会"
|
||||
show-overflow-tooltip="true"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
<template scope="scope">
|
||||
<div v-if="scope.row.newunionname!=''||scope.row.newunionname!=undefined">
|
||||
{{scope.row.newunionname}}
|
||||
</div>
|
||||
<div v-if="scope.row.newunionname==''||scope.row.newunionname==undefined">
|
||||
暂无信息
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" header-align="center" align="center" type="index">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNum - 1) * pageForm.pageSize + 1}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="loginname"
|
||||
label="用户名">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="username"
|
||||
label="姓名">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="sex"
|
||||
label="性别">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="name"
|
||||
label="所属单位">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="unionname"
|
||||
label="所属工会">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="sqsj"
|
||||
label="申请时间">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="hyzt"
|
||||
label="变更状态">
|
||||
<template scope="scope">
|
||||
<el-tag v-if="scope.row.sfhy==1&&scope.row.sfybg==0&&(scope.row.bgtype==2||scope.row.hyzt==5)&&(scope.row.bglx!=1&&scope.row.bglx!=2&&scope.row.bglx!=3)">
|
||||
待申请
|
||||
</el-tag>
|
||||
<template v-else>
|
||||
<el-tag v-if="scope.row.bglx==1" type="warning">待基层工会审核</el-tag>
|
||||
<el-tag v-if="scope.row.bglx==2" type="danger">基层工会审核不通过</el-tag>
|
||||
<el-tag v-if="scope.row.bglx==3" type="warning">待校工会审核</el-tag>
|
||||
<el-tag v-if="scope.row.bglx==4" type="danger">校工会审核不通过</el-tag>
|
||||
<el-tag v-if="scope.row.bglx==5" type="success">审核通过</el-tag>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" header-align="center" align="center" width="280px">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" v-if="scope.row.sfybg>0" type="success" @click="see()">查看</el-button>
|
||||
<el-button size="mini" v-if="scope.row.sfybg==0&&(scope.row.sfhy==1||scope.row.sfhy==2)"
|
||||
type="primary" @click="bg">变更申请
|
||||
</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.pageNum"
|
||||
: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 title="申请变更" width="60%" custom-class="ViewDialogClass" v-if="editDialogVisible"
|
||||
:visible.sync="editDialogVisible">
|
||||
<el-form label-width="80px" :model="ruleForm" ref="addForm">
|
||||
|
||||
|
||||
<el-form-item label="变更类型">
|
||||
<dict-select v-model="ruleForm.bgsy" style="width: 100%" code="MemberChangeType"></dict-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="变更时间">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="ruleForm.bgsj"
|
||||
type="datetime"
|
||||
placeholder="选择日期时间"
|
||||
format="yyyy-MM-dd"
|
||||
value-format="yyyy-MM-dd HH-mm-ss">
|
||||
</el-date-picker>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="转入单位" v-if="ruleForm.bgsy=='校内异动'">
|
||||
<el-select
|
||||
style="width: 100%"
|
||||
v-model="ruleForm.newunitid"
|
||||
filterable
|
||||
remote
|
||||
reserve-keyword
|
||||
placeholder="请输入关键词"
|
||||
:remote-method="unitRemoteMethod"
|
||||
:loading="unitloading">
|
||||
<el-option
|
||||
v-for="item in unitList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="转入工会" v-if="ruleForm.bgsy=='校内异动'">
|
||||
<el-input placeholder="转入工会" disabled="true" v-model="newunionid"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="变更原因">
|
||||
<!--<script type="text/plain" id="note1" class="note1"></script>-->
|
||||
<el-input size="small" v-model="ruleForm.bgyy" type="textarea" :rows="4"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注">
|
||||
<!--<script type="text/plain" id="note2" class="note2"></script>-->
|
||||
<el-input size="small" v-model="ruleForm.bz" type="textarea" :rows="4"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="editDialogVisible=false">取 消</el-button>
|
||||
<el-button type="primary" @click="add">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
|
||||
<!--查看-->
|
||||
<el-dialog title="申请详情信息" width="55%" custom-class="ViewDialogClass" :visible.sync="seeDialogVisible" top="5%">
|
||||
<el-form label-width="80px">
|
||||
<el-collapse v-model="activeNames">
|
||||
<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">{{UserList.username}}</td>
|
||||
<td class="tpa">性  别</td>
|
||||
<td class="tpb">{{UserList.sex}}</td>
|
||||
<td class="tpa">出生日期</td>
|
||||
<td class="tpb">{{UserList.birthday}}</td>
|
||||
<td rowspan="3">
|
||||
<img v-if="UserList.imgurl!='' && UserList.imgurl!=null" :src="showPic"
|
||||
style="height: 140px;width: 100%">
|
||||
<p v-else style="text-align: center;line-height: 140%">
|
||||
暂无图片
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">出生地点</td>
|
||||
<td class="tpb">{{UserList.csdd}}</td>
|
||||
<td class="tpa">民  族</td>
|
||||
<td class="tpb">{{UserList.mz}}</td>
|
||||
<td class="tpa">政治面貌</td>
|
||||
<td class="tpb">{{UserList.zzmm}}</td>
|
||||
</tr>
|
||||
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">工  资</td>
|
||||
<td class="tpb">{{UserList.gz}}</td>
|
||||
<td class="tpa">职  称</td>
|
||||
<td class="tpb">{{UserList.zc}}</td>
|
||||
<td class="tpa">联系电话</td>
|
||||
<td class="tpb">{{UserList.mobile}}</td>
|
||||
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">人事编制</td>
|
||||
<td class="tpb" colspan="3">{{UserList.rsbz}}</td>
|
||||
<td class="tpa" colspan="1">Email</td>
|
||||
<td class="tpb" colspan="2">{{UserList.email}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">所在部门</td>
|
||||
<td class="tpb" colspan="3">{{UserList.name}}</td>
|
||||
<td class="tpa" colspan="1">现任职务</td>
|
||||
<td class="tpb" colspan="2">{{UserList.zw}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="7">个 人 简 历</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpc" colspan="7" v-if="UserList.grjl!=null">
|
||||
<div v-html="UserList.grjl"></div>
|
||||
</td>
|
||||
<td class="tpb" colspan="7" v-else>
|
||||
暂无个人简历信息
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="家庭成员" name="2">
|
||||
<el-table
|
||||
:data="UserList.jtcy"
|
||||
border
|
||||
size="mini"
|
||||
>
|
||||
<el-table-column prop="gx" label="与本人关系" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column prop="xm" label="姓名" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="dw" label="单位" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column prop="bz" label="备注" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="变更记录" name="3">
|
||||
<el-table
|
||||
size="mini"
|
||||
:data="bgTableData"
|
||||
style="width: 95%">
|
||||
<el-table-column type="expand">
|
||||
<template scope="scope">
|
||||
<el-form label-position="left" inline class="demo-table-expand">
|
||||
|
||||
<el-form-item v-if="scope.row.fghshjl!=''" label="基层工会审核人">
|
||||
<span>{{scope.row.fghshjl.fghshr}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="scope.row.fghshjl!=''" label="基层工会审核时间">
|
||||
<span>{{scope.row.fghshjl.shsj}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="scope.row.fghshjl!=''" label="基层工会审核建议">
|
||||
<span>{{scope.row.fghshjl.shjy}}</span>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-form-item label="校工会审核人">
|
||||
<span>{{scope.row.xghshjl.xghshr}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="校工会审核时间">
|
||||
<span>{{scope.row.xghshjl.shsj}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="校工会审核建议">
|
||||
<span>{{scope.row.xghshjl.shjy}}</span>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更事由"
|
||||
width="120"
|
||||
show-overflow-tooltip="true"
|
||||
prop="bgsy"
|
||||
header-align="center"
|
||||
align="center"
|
||||
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更时间"
|
||||
width="120"
|
||||
prop="bgtime"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更类型"
|
||||
show-overflow-tooltip="true"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope"><span>
|
||||
{{starts[scope.row.bgtype]}}
|
||||
</span></template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="原单位"
|
||||
width="120"
|
||||
show-overflow-tooltip="true"
|
||||
prop="oldunitname"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
width="140"
|
||||
label="原工会"
|
||||
show-overflow-tooltip="true"
|
||||
prop="oldunionname"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
width="120"
|
||||
label="变更单位"
|
||||
show-overflow-tooltip="true"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
<template scope="scope">
|
||||
<div v-if="scope.row.newunitname!=''||scope.row.newunitname!=undefined">
|
||||
{{scope.row.newunitname}}
|
||||
</div>
|
||||
<div v-if="scope.row.newunitname==''||scope.row.newunitname==undefined">
|
||||
暂无信息
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
width="140"
|
||||
label="变更工会"
|
||||
show-overflow-tooltip="true"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
<template scope="scope">
|
||||
<div v-if="scope.row.newunionname!=''||scope.row.newunionname!=undefined">
|
||||
{{scope.row.newunionname}}
|
||||
</div>
|
||||
<div v-if="scope.row.newunionname==''||scope.row.newunionname==undefined">
|
||||
暂无信息
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更状态"
|
||||
show-overflow-tooltip="true"
|
||||
width="130"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
<template scope="scope">
|
||||
<span>
|
||||
<el-tag v-if="scope.row.bgstate==1" type="warning">待审核</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==2" type="success">审核通过</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==3" type="danger">审核拒绝</el-tag>
|
||||
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
</el-card>
|
||||
</div>
|
||||
<link href="${base!}/assets/platform/plugins/umeditor/themes/default/css/umeditor.min.css" type="text/css"
|
||||
rel="stylesheet">
|
||||
<script src="${base!}/assets/platform/plugins/umeditor/umeditor.config.js"></script>
|
||||
<script src="${base!}/assets/platform/plugins/umeditor/umeditor.js"></script>
|
||||
<script>
|
||||
var ue1;
|
||||
var ue2;
|
||||
var vm = new Vue({
|
||||
el: "#app",
|
||||
components: {
|
||||
'dict-select': httpVueLoader('/components/plugins/DictSelect.vue?v=1.0.2'),
|
||||
},
|
||||
data: function () {
|
||||
|
||||
return {
|
||||
tableData: [],//表格展示数据
|
||||
pageForm: {//分页
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
},
|
||||
editDialogVisible: false,
|
||||
ruleForm: {},
|
||||
seeDialogVisible: false,
|
||||
UserList: {},
|
||||
activeNames: ["1"],
|
||||
starts: ["暂无变更类型", '会籍转出', '会籍转入', '会籍保留', '会员退会', '会籍开除'],
|
||||
bgTableData: [],
|
||||
bgtype: ["暂无变更类型", '会籍转出', '会籍转入', '会籍保留', '会员退会', '会籍开除'],
|
||||
activeName: "first",
|
||||
unitList: [],
|
||||
unitloading: false,
|
||||
newunionid: "",
|
||||
showPic: ""
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageNumberChange: function (val) {//页码更新操作
|
||||
this.pageForm.pageNum = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange: function (val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData: function () {//表格展示数据
|
||||
var self = this;
|
||||
sublime.showLoadingbar();//显示loading
|
||||
$.post(base + "/platform/hy/hybg/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");
|
||||
},
|
||||
bg: function () {//打开申请表单
|
||||
var self = this;
|
||||
|
||||
self.ruleForm = {}
|
||||
self.ruleForm = {bgsj: ""};
|
||||
self.ruleForm.bgsj = moment().format("YYYY-MM-DD HH:mm:ss")
|
||||
/* //加载富文本框
|
||||
UM.delEditor("note1")
|
||||
UM.delEditor("note2")
|
||||
self.$nextTick(function () {
|
||||
ue1 = UM.getEditor('note1', {
|
||||
toolbar: ['removeformat | undo redo | bold italic underline | justifyleft justifyright justifycenter | insertorderedlist insertunorderedlist | cleardoc'],
|
||||
initialFrameWidth: '100%',//设置编辑器高度
|
||||
});
|
||||
|
||||
ue2 = UM.getEditor('note2', {
|
||||
toolbar: ['removeformat | undo redo | bold italic underline | justifyleft justifyright justifycenter | insertorderedlist insertunorderedlist | cleardoc'],
|
||||
initialFrameWidth: '100%',//设置编辑器高度
|
||||
});
|
||||
})*/
|
||||
self.editDialogVisible = true;
|
||||
},
|
||||
add: function () {//提交申请
|
||||
var self = this;
|
||||
if (self.ruleForm.bgsy == "" || self.ruleForm.bgsy == undefined) {
|
||||
self.$message({
|
||||
message: "变更事由不能为空",
|
||||
type: 'warning'
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (self.ruleForm.bgyy == "" || self.ruleForm.bgyy == undefined) {
|
||||
self.$message({
|
||||
message: "变更原因不能为空",
|
||||
type: 'warning'
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (self.ruleForm.bgsy == "校内异动") {
|
||||
self.ruleForm.bgtype = '2';
|
||||
if (self.newunionid == "") {
|
||||
self.$message({
|
||||
message: "工会不能为空",
|
||||
type: 'error'
|
||||
});
|
||||
return;
|
||||
}
|
||||
}
|
||||
if (self.ruleForm.bgsy == "离职") {
|
||||
self.ruleForm.bgtype = '1';
|
||||
}
|
||||
if (self.ruleForm.bgsy == "退休") {
|
||||
self.ruleForm.bgtype = '3';
|
||||
}
|
||||
if (self.ruleForm.bgsy == "去世") {
|
||||
self.ruleForm.bgtype = '1';
|
||||
}
|
||||
self.$refs["addForm"].validate(function (valid) {
|
||||
if (valid) {
|
||||
// self.ruleForm.bgyy = ue1.getContent();
|
||||
// self.ruleForm.bz = ue2.getContent();
|
||||
$.post(base + "/platform/hy/hybg/add", self.ruleForm, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.editDialogVisible = false;
|
||||
self.pageData();
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
}
|
||||
});
|
||||
},
|
||||
see: function () {//查看变更记录
|
||||
var self = this;
|
||||
|
||||
$.post(base + "/platform/hy/hybg/findbBgjl", function (data) {
|
||||
if (data.code == 0) {
|
||||
self.UserList = data.data;
|
||||
if (!self.UserList.jtcy) {
|
||||
self.UserList.jtcy = [];
|
||||
} else {
|
||||
self.UserList.jtcy = JSON.parse(data.data.jtcy);
|
||||
}
|
||||
self.showPic = base + "/platform/hy/hyda/showPic?filePath=" + self.UserList.imgurl;
|
||||
self.bgTableData = self.UserList.bgjl;
|
||||
self.bgTableData.forEach(function (val, index) {
|
||||
if (index == 0) {
|
||||
val.hyzt = self.UserList.hyzt
|
||||
} else {
|
||||
val.hyzt = 5
|
||||
}
|
||||
})
|
||||
self.seeDialogVisible = true;
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, 'json')
|
||||
},
|
||||
unitRemoteMethod: function (keywords) {//单位远程搜索
|
||||
var self = this;
|
||||
if (keywords != '') {
|
||||
self.unitloading = true;
|
||||
$.post(base + "/platform/hy/hybg/findUnit", {keywords: keywords}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.unitList = data.data;
|
||||
} else {
|
||||
self.unitList = [];
|
||||
self.$message.error(data.msg);
|
||||
}
|
||||
self.unitloading = false;
|
||||
})
|
||||
} else {
|
||||
self.unitList = [];
|
||||
}
|
||||
},
|
||||
findUnion: function (id) {
|
||||
var self = this;
|
||||
$.post(base + "/platform/hy/hybg/findUnion", {id: id}, function (data) {
|
||||
self.newunionid = data.data.unionname;
|
||||
self.ruleForm.newunionid = data.data.id
|
||||
})
|
||||
}
|
||||
},
|
||||
created: function () {
|
||||
this.pageData();
|
||||
|
||||
}
|
||||
})
|
||||
vm.$watch('ruleForm.newunitid', function (nval, oval) {
|
||||
vm.newunionid = "";
|
||||
vm.ruleForm.newunionid = "";
|
||||
vm.findUnion(nval);
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,776 @@
|
||||
<!--校工会变更申请审核 何鹏飞 2019-5-21-->
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-collapse-item__content {
|
||||
padding-bottom: 0px;
|
||||
font-size: 13px;
|
||||
color: #303133;
|
||||
line-height: 1.769230769230769;
|
||||
}
|
||||
|
||||
.demo-table-expand {
|
||||
font-size: 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.demo-table-expand label {
|
||||
width: 120px;
|
||||
color: black;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.demo-table-expand .el-form-item {
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.el-form-item__content {
|
||||
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
tr.el-table__row.el-table__row--level-1 {
|
||||
background-color: #F5F5F5
|
||||
}
|
||||
|
||||
.tpa {
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
width: 12%;
|
||||
background-color: rgb(250, 250, 250);
|
||||
border: 1px solid rgb(220, 220, 220);
|
||||
}
|
||||
|
||||
.tpb {
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
color: #a0a9b4;
|
||||
width: 16%;
|
||||
border: 1px solid rgb(220, 220, 220);
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<!--<div class="btn-group tool-button mt5">-->
|
||||
<!--<el-input placeholder="根据姓名或者用户名进行查询" style="width: 240px" clearable v-model="pageForm.searchName" @keyup.enter.native="doSearch">-->
|
||||
<!--</el-input>-->
|
||||
<!--</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-date-picker
|
||||
v-model="time"
|
||||
type="daterange"
|
||||
range-separator="-"
|
||||
start-placeholder="开始申请时间"
|
||||
end-placeholder="结束申请时间"
|
||||
format="yyyy 年 MM 月 dd 日"
|
||||
value-format="yyyy-MM-dd">
|
||||
</el-date-picker>
|
||||
|
||||
<dict-select v-model="pageForm.bgsy" style="width: 200px;" clearable placeholder="变更类型"
|
||||
code="MemberChangeType"></dict-select>
|
||||
|
||||
<el-select v-model="pageForm.sfhy" slot="prepend" clearable placeholder="审核状态" style="width: 200px;">
|
||||
<el-option label="待基层工会审核" value="1"></el-option>
|
||||
<el-option label="基层工会审核不通过" value="2"></el-option>
|
||||
<el-option label="待校工会审核" value="3"></el-option>
|
||||
<el-option label="校工会审核不通过" value="4"></el-option>
|
||||
<el-option label="审核通过" value="5"></el-option>
|
||||
</el-select>
|
||||
|
||||
<el-button slot="append" icon="el-icon-search" type="primary" @click="doSearch"></el-button>
|
||||
|
||||
</div>
|
||||
|
||||
</el-row>
|
||||
<!--表格-->
|
||||
<el-row class="el-table-container">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%;margin-bottom: 20px;"
|
||||
row-key="memberturnoutid"
|
||||
size="small"
|
||||
|
||||
:tree-props="{children: 'children'}"
|
||||
>
|
||||
<el-table-column label="序号" width="50" header-align="center" align="center" type="index">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNum - 1) * pageForm.pageSize + 1}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="loginname"
|
||||
label="会员编号">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="username"
|
||||
label="姓名">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="sex"
|
||||
label="性别">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="bgtype"
|
||||
label="变更类型">
|
||||
<template slot-scope="scope">
|
||||
{{bgtype[scope.row.bgtype]}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="bgtime"
|
||||
label="变更时间">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
show-overflow-tooltip="true"
|
||||
prop="bgsy"
|
||||
label="变更事由">
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<!--#if(@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')){#-->
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="申请方式">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.apply_origin==1">个人申请</span>
|
||||
<span v-if="scope.row.apply_origin==2">基层工会申请</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!--#}#-->
|
||||
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="变更状态">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.bgstate==1" type="warning">待基层工会审核</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==2" type="danger">基层工会审核不通过</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==3" type="warning">待校工会审核</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==4" type="danger">校工会审核不通过</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==5" type="success">审核通过</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" header-align="center" align="center">
|
||||
<template slot-scope="scope">
|
||||
|
||||
<el-button size="mini" v-if="scope.row.bgstate==3" type="primary"
|
||||
@click="show(scope)">审核
|
||||
</el-button>
|
||||
|
||||
<el-button size="mini" v-if="scope.row.bgstate!=3"
|
||||
type="success"
|
||||
@click="see(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.pageNum"
|
||||
: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 title="变更审核" width="65%" custom-class="ViewDialogClass" top="5%" :visible.sync="editDialogVisible">
|
||||
<el-collapse v-model="activeNames2">
|
||||
<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">{{UserForm.username}}</td>
|
||||
<td class="tpa">性  别</td>
|
||||
<td class="tpb">{{UserForm.sex}}</td>
|
||||
<td class="tpa">出生日期</td>
|
||||
<td class="tpb">{{UserForm.birthday}}</td>
|
||||
<td rowspan="3">
|
||||
<img v-if="UserForm.imgurl!=''&&UserForm.imgurl!=null " :src="showPic"
|
||||
style="height: 140px;width: 100%">
|
||||
<p v-else style="text-align: center;line-height: 140%">暂无图片</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">出生地点</td>
|
||||
<td class="tpb">{{UserForm.csdd}}</td>
|
||||
<td class="tpa">民  族</td>
|
||||
<td class="tpb">{{UserForm.mz}}</td>
|
||||
<td class="tpa">政治面貌</td>
|
||||
<td class="tpb">{{UserForm.zzmc}}</td>
|
||||
</tr>
|
||||
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">工  资</td>
|
||||
<td class="tpb">{{UserForm.gz}}</td>
|
||||
<td class="tpa">职  称</td>
|
||||
<td class="tpb">{{UserForm.zc}}</td>
|
||||
<td class="tpa">联系电话</td>
|
||||
<td class="tpb">{{UserForm.mobile}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">人事编制</td>
|
||||
<td class="tpb" colspan="3">{{UserForm.rsbz}}</td>
|
||||
<td class="tpa" colspan="1">Email</td>
|
||||
<td class="tpb" colspan="2">{{UserForm.email}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">所在部门</td>
|
||||
<td class="tpb" colspan="3">{{UserForm.name}}</td>
|
||||
<td class="tpa" colspan="1">现任职务</td>
|
||||
<td class="tpb" colspan="2">{{UserForm.zw}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="7">个 人 简 历</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpb" colspan="7" v-if="(typeof(UserForm.grjl)==='undefined')">暂无个人简历信息</td>
|
||||
<td class="tpc" colspan="7" v-if="!(typeof(UserForm.grjl)==='undefined')">
|
||||
<div v-html="UserForm.grjl"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="家庭成员" name="2">
|
||||
<el-table
|
||||
:data="UserForm.jtcy"
|
||||
border
|
||||
size="mini"
|
||||
>
|
||||
<el-table-column prop="gx" label="与本人关系" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column prop="xm" label="姓名" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="dw" label="单位" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column prop="bz" label="备注" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="变更信息" name="3">
|
||||
<el-card>
|
||||
<div>
|
||||
<table style="width: 100%">
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">变更类型</td>
|
||||
<td class="tpb" colspan="3">{{UserForm.bgsy}}</td>
|
||||
<td class="tpa" colspan="1">变更时间</td>
|
||||
<td class="tpb" colspan="2">{{UserForm.bgtime}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="7">变 更 原 因</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpb" colspan="7" v-if="(typeof(UserForm.bgyy)==='undefined')">暂无变更原因</td>
|
||||
<td class="tpc" colspan="7" v-if="!(typeof(UserForm.bgyy)==='undefined')">
|
||||
<div v-html="UserForm.bgyy"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="7">备 注</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpb" colspan="7" v-if="(typeof(UserForm.bz)==='undefined')">暂无备注</td>
|
||||
<td class="tpc" colspan="7" v-if="!(typeof(UserForm.bz)==='undefined')">
|
||||
<div v-html="UserForm.bz"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item :title="UserForm.bgstate==1?'基层工会审核':'校工会审核'" name="3">
|
||||
<table width="100%">
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="7">审 核 建 议</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td>
|
||||
<el-input
|
||||
style="width: 100%;"
|
||||
:autosize="{ minRows: 5, maxRows: 5}"
|
||||
v-model="jy"
|
||||
resize="none"
|
||||
type="textarea"
|
||||
placeholder="请输入内容">
|
||||
</el-input>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="editDialogVisible=false">取 消</el-button>
|
||||
<el-button type="danger" @click="edit(4,UserForm.bgtype,false)">拒 绝</el-button>
|
||||
<el-button type="success" @click="edit(5,UserForm.bgtype,true)">同 意</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!--查看-->
|
||||
<el-dialog title="申请详情信息" width="65%" custom-class="ViewDialogClass" :visible.sync="seeDialogVisible" top="5%">
|
||||
<el-form label-width="80px">
|
||||
<el-collapse v-model="activeNames">
|
||||
<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">{{UserList.username}}</td>
|
||||
<td class="tpa">性  别</td>
|
||||
<td class="tpb">{{UserList.sex}}</td>
|
||||
<td class="tpa">出生日期</td>
|
||||
<td class="tpb">{{UserList.birthday}}</td>
|
||||
<td rowspan="3">
|
||||
<img v-if="UserList.imgurl!='' && UserList.imgurl!=null" :src="showPic"
|
||||
style="height: 140px;width: 100%">
|
||||
<p v-else style="text-align: center;line-height: 140%">暂无图片</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">出生地点</td>
|
||||
<td class="tpb">{{UserList.csdd}}</td>
|
||||
<td class="tpa">民  族</td>
|
||||
<td class="tpb">{{UserList.mz}}</td>
|
||||
<td class="tpa">政治面貌</td>
|
||||
<td class="tpb">{{UserList.zzmm}}</td>
|
||||
</tr>
|
||||
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">工  资</td>
|
||||
<td class="tpb">{{UserList.gz}}</td>
|
||||
<td class="tpa">职  称</td>
|
||||
<td class="tpb">{{UserList.zc}}</td>
|
||||
<td class="tpa">联系电话</td>
|
||||
<td class="tpb">{{UserList.mobile}}</td>
|
||||
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">人事编制</td>
|
||||
<td class="tpb" colspan="3">{{UserList.rsbz}}</td>
|
||||
<td class="tpa" colspan="1">Email</td>
|
||||
<td class="tpb" colspan="2">{{UserList.email}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">所在部门</td>
|
||||
<td class="tpb" colspan="3">{{UserList.name}}</td>
|
||||
<td class="tpa" colspan="1">现任职务</td>
|
||||
<td class="tpb" colspan="2">{{UserList.zw}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="7">个 人 简 历</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpb" colspan="7" v-if="(typeof(UserList.grjl)==='undefined')">暂无个人简历信息
|
||||
</td>
|
||||
<td class="tpc" colspan="7" v-if="!(typeof(UserList.grjl)==='undefined')">
|
||||
<div v-html="UserList.grjl"></div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="家庭成员" name="2">
|
||||
<el-table
|
||||
:data="UserList.jtcy"
|
||||
border
|
||||
size="mini"
|
||||
>
|
||||
<el-table-column prop="gx" label="与本人关系" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column prop="xm" label="姓名" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="dw" label="单位" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column prop="bz" label="备注" align="center" header-align="center">
|
||||
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="变更记录" name="3">
|
||||
<el-table
|
||||
|
||||
size="mini"
|
||||
:data="bgTableData"
|
||||
style="width: 95%"
|
||||
|
||||
>
|
||||
<el-table-column type="expand">
|
||||
<template scope="scope">
|
||||
<el-form label-position="left" inline class="demo-table-expand">
|
||||
|
||||
<el-form-item v-if="scope.row.fghshjl!=''" label="基层工会审核人">
|
||||
<span>{{scope.row.fghshjl.fghshr}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="scope.row.fghshjl!=''" label="基层工会审核时间">
|
||||
<span>{{scope.row.fghshjl.shsj}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="scope.row.fghshjl!=''" label="基层工会审核建议">
|
||||
<span>{{scope.row.fghshjl.shjy}}</span>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="校工会审核人">
|
||||
<span>{{scope.row.xghshjl.xghshr}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="校工会审核时间">
|
||||
<span>{{scope.row.xghshjl.shsj}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="校工会审核建议">
|
||||
<span>{{scope.row.xghshjl.shjy}}</span>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更事由"
|
||||
show-overflow-tooltip="true"
|
||||
prop="bgsy"
|
||||
header-align="center"
|
||||
align="center"
|
||||
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更时间"
|
||||
width="120"
|
||||
prop="bgtime"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更类型"
|
||||
show-overflow-tooltip="true"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope"><span>
|
||||
{{starts[scope.row.bgtype]}}
|
||||
</span></template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="原单位"
|
||||
width="120"
|
||||
show-overflow-tooltip="true"
|
||||
prop="oldunitname"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="原工会"
|
||||
width="140"
|
||||
show-overflow-tooltip="true"
|
||||
prop="oldunionname"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更单位"
|
||||
width="120"
|
||||
show-overflow-tooltip="true"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
<template scope="scope">
|
||||
<div v-if="scope.row.newunitname!=''||scope.row.newunitname!=undefined">
|
||||
{{scope.row.newunitname}}
|
||||
</div>
|
||||
<div v-if="scope.row.newunitname==''||scope.row.newunitname==undefined">
|
||||
暂无信息
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更工会"
|
||||
width="140"
|
||||
show-overflow-tooltip="true"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
<template scope="scope">
|
||||
<div v-if="scope.row.newunionname!=''||scope.row.newunionname!=undefined">
|
||||
{{scope.row.newunionname}}
|
||||
</div>
|
||||
<div v-if="scope.row.newunionname==''||scope.row.newunionname==undefined">
|
||||
暂无信息
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="变更状态"
|
||||
show-overflow-tooltip="true"
|
||||
width="130"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
<template scope="scope">
|
||||
<span>
|
||||
|
||||
<el-tag v-if="scope.row.bgstate==1" type="warning">待基层工会审核</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==2" type="danger">基层工会审核不通过</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==3" type="warning">待校工会审核</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==4" type="danger">校工会审核不通过</el-tag>
|
||||
<el-tag v-if="scope.row.bgstate==5" type="success">审核通过</el-tag>
|
||||
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<script>
|
||||
var vm = new Vue({
|
||||
el: "#app",
|
||||
components: {
|
||||
'dict-select': httpVueLoader('/components/plugins/DictSelect.vue?v=1.0.4'),
|
||||
},
|
||||
data: function () {
|
||||
return {
|
||||
pageForm: {//分页
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
searchName: "username",
|
||||
startTime: "",
|
||||
endTime: "",
|
||||
sfhy: "",
|
||||
gxid: "",
|
||||
bglx: "",
|
||||
searchKeyword: ""
|
||||
},
|
||||
time: "",
|
||||
gxList: [],
|
||||
tableData: [],
|
||||
con: false,
|
||||
bgtype: ['', '会籍转出', '会籍转入', '会籍保留', '会员退会', '会籍开除'],
|
||||
editDialogVisible: false,
|
||||
UserForm: {},
|
||||
jy: "",
|
||||
UserList: {},
|
||||
seeDialogVisible: false,
|
||||
activeNames: ["1", "2", "3"],
|
||||
activeNames2: ["3"],
|
||||
bgTableData: [],
|
||||
starts: ["", "会籍转出", "会籍转入", "会籍保留", "会员退会", "会籍开除"],
|
||||
userTable: [],
|
||||
showPic: "",
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageNumberChange: function (val) {//页码更新操作
|
||||
this.pageForm.pageNum = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange: function (val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData: function () {//加载分页数据
|
||||
var self = this;
|
||||
self.tableData = []
|
||||
self.userTable = []
|
||||
if (self.time != "" && self.time != null) {
|
||||
self.pageForm.startTime = self.time[0];
|
||||
self.pageForm.endTime = self.time[1];
|
||||
}
|
||||
sublime.showLoadingbar();//显示loading
|
||||
$.post(base + "/platform/hy/xghbgsh/data", self.pageForm, function (data) {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
if (data.code == 0) {
|
||||
self.tableData = data.data.list;
|
||||
self.pageForm.totalCount = data.data.totalCount;
|
||||
self.pageForm.startTime = "";
|
||||
self.pageForm.endTime = "";
|
||||
|
||||
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
isCon: function (val, id) {
|
||||
val.forEach(function (item) {
|
||||
if (item.id == id) {
|
||||
return true;
|
||||
}
|
||||
})
|
||||
}
|
||||
,
|
||||
isAdmin: function () {//判断是否为管理员
|
||||
var self = this
|
||||
$.post(base + "/platform/hy/xghbgsh/isAdmin", function (data) {
|
||||
self.con = data.data;
|
||||
if (self.con) {
|
||||
self.pageForm.gxid = "A1";//默认选择中国地质大学
|
||||
self.pageData();
|
||||
} else {
|
||||
self.pageData();
|
||||
}
|
||||
})
|
||||
},
|
||||
findGx: function () {//获取所有的高校
|
||||
var self = this;
|
||||
$.post(base + "/platform/hy/xghbgsh/findGx", function (data) {
|
||||
if (data.code == 0) {
|
||||
self.gxList = data.data
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
show: function (scope) {
|
||||
this.UserForm = scope.row;
|
||||
if (!scope.row.jtcy) {
|
||||
this.UserForm.jtcy = [];
|
||||
} else {
|
||||
this.UserForm.jtcy = JSON.parse(scope.row.jtcy | '[]');
|
||||
}
|
||||
this.showPic = FILE_DOMAIN + this.UserForm.imgurl;
|
||||
this.editDialogVisible = true;
|
||||
},
|
||||
edit: function (hyzt, bgtype, flag) {
|
||||
var self = this;
|
||||
self.UserForm.hyzt = hyzt;
|
||||
self.UserForm.bgtype = bgtype
|
||||
if (hyzt == 4) {
|
||||
if (self.jy == "") {
|
||||
self.$message({
|
||||
message: '审核建议不能为空!',
|
||||
type: 'warning'
|
||||
});
|
||||
return;
|
||||
}
|
||||
}
|
||||
self.$confirm('确定要执行此操作吗? ', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: function (a, b) {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
$.post(base + "/platform/hy/xghbgsh/edit?jy=" + self.jy, {
|
||||
...self.UserForm,
|
||||
flag
|
||||
}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.editDialogVisible = false;
|
||||
self.pageData();
|
||||
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
see: function (id) {
|
||||
var self = this;
|
||||
$.post(base + "/platform/hy/xghbgsh/findShjl", {id: id}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.UserList = data.data;
|
||||
if (!data.data.jtcy) {
|
||||
self.UserList.jtcy = [];
|
||||
} else {
|
||||
self.UserList.jtcy = JSON.parse(data.data.jtcy | '[]');
|
||||
}
|
||||
self.bgTableData = self.UserList.bgjl;
|
||||
self.showPic = FILE_DOMAIN + self.UserList.imgurl;
|
||||
self.bgTableData.forEach(function (val, index) {
|
||||
if (index == 0) {
|
||||
val.hyzt = self.UserList.hyzt
|
||||
} else {
|
||||
val.hyzt = 5
|
||||
}
|
||||
})
|
||||
self.seeDialogVisible = true;
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, 'json')
|
||||
},
|
||||
doSearch: function () {
|
||||
this.pageForm.pageNum = 1;
|
||||
this.pageData();
|
||||
}
|
||||
|
||||
},
|
||||
created: function () {
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user