Files
UNION_HUTB/target/classes/views/platform/hy/hybg/xghshindex.html
T
2026-09-09 09:14:28 +08:00

776 lines
35 KiB
HTML

<!--校工会变更申请审核 何鹏飞 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">&emsp;&emsp;</td>
<td class="tpb">{{UserForm.username}}</td>
<td class="tpa">&emsp;&emsp;</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">&emsp;&emsp;</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">&emsp;&emsp;</td>
<td class="tpb">{{UserForm.gz}}</td>
<td class="tpa">&emsp;&emsp;</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">&emsp;&emsp;</td>
<td class="tpb">{{UserList.username}}</td>
<td class="tpa">&emsp;&emsp;</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">&emsp;&emsp;</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">&emsp;&emsp;</td>
<td class="tpb">{{UserList.gz}}</td>
<td class="tpa">&emsp;&emsp;</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>
<!--#
}
#-->