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

764 lines
34 KiB
HTML

<!--分工会审核 何鹏飞 2019-5-14-->
<!--#
layout("/layouts/platform.html"){
#-->
<style>
.el-collapse-item__content {
padding-bottom: 0px;
font-size: 13px;
color: #303133;
line-height: 1.769230769230769;
}
.rh .el-col {
border: 1px solid #e5e9f2;
line-height: 40px;
height: 40px;
text-align: center;
}
.el-dialog__body {
padding: 10px 20px;
}
.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);
}
.el-textarea__inner {
border: none;
}
</style>
<div id="app" v-cloak>
<el-row class="header navbar bg-white shadow">
<!-- <div class="btn-group tool-button mt5">-->
<!-- <el-select placeholder="请选择所属工会" v-model="pageForm.unionid" style="width: 200px;" clearable="true"-->
<!-- filterable="true">-->
<!-- <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">
<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>
<el-select v-model="pageForm.sfhy" slot="prepend" clearable placeholder="审核状态" style="width: 150px;">
<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>
<div class="pull-right offscreen-right mt5">
<el-button size="medium" @click="showpl" icon="el-icon-check">批量通过</el-button>
</div>
</el-row>
<!--表格-->
<el-row class="el-table-container">
<el-table
:data="tableData"
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
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="mobile"
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 label="状态"
header-align="center"
align="center">
<template slot-scope="scope">
<el-tag v-if="scope.row.hyzt==0&&(scope.row.sfhy==0||scope.row.sfhy=='')">可以申请</el-tag>
<el-tag v-if="scope.row.hyzt==1" type="warning">待基层工会审核</el-tag>
<el-tag v-if="scope.row.hyzt==2" type="danger">基层工会审核拒绝</el-tag>
<el-tag v-if="scope.row.hyzt==3" type="warning">待校工会审核</el-tag>
<el-tag v-if="scope.row.hyzt==4" type="danger">校工会审核拒绝</el-tag>
<el-tag v-if="scope.row.hyzt==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.hyzt==1" type="primary"
@click="show(scope.row.id)">审核
</el-button>
<el-button size="mini" v-else @click="see(scope.row.id)">查看
</el-button>
</template>
</el-table-column>
</el-table>
<!--分页-->
<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-row>
<!--审核表单-->
<el-dialog title="入会审核" width="65%" modal="true" custom-class="ViewDialogClass" top="1%"
: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!=''" :src="showPic" style="height: 140px;width: 100%">
<p v-if="UserForm.imgurl==''" 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.zzmm}}</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="UserForm.hyzt==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 style="border-right: 1px solid rgb(220,220,220)">
<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(UserForm.id,UserForm.hyzt==1?2:4)">拒 绝</el-button>
<el-button type="success" @click="edit(UserForm.id,UserForm.hyzt==1?3:5)">同 意</el-button>
</div>
</el-dialog>
<!--查看-->
<el-dialog title="申请详情信息" id="show" width="65%" modal="true" custom-class="ViewDialogClass"
:visible.sync="seeDialogVisible" top="1%">
<el-form v-if="ruleForm!=null" 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">{{ruleForm.username}}</td>
<td class="tpa">&emsp;&emsp;</td>
<td class="tpb">{{ruleForm.sex}}</td>
<td class="tpa">出生日期</td>
<td class="tpb">{{ruleForm.birthday}}</td>
<td rowspan="3">
<img v-if="ruleForm.imgurl!=''" :src="showPic"
style="height: 140px;width: 100%">
<p v-if="ruleForm.imgurl==''" 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">{{ruleForm.csdd}}</td>
<td class="tpa">&emsp;&emsp;</td>
<td class="tpb">{{ruleForm.mz}}</td>
<td class="tpa">政治面貌</td>
<td class="tpb">{{ruleForm.zzmm}}</td>
</tr>
<tr style="border: 1px solid rgb(220,220,220);">
<td class="tpa">&emsp;&emsp;</td>
<td class="tpb">{{ruleForm.gz}}</td>
<td class="tpa">&emsp;&emsp;</td>
<td class="tpb">{{ruleForm.zc}}</td>
<td class="tpa">联系电话</td>
<td class="tpb">{{ruleForm.mobile}}</td>
</tr>
<tr style="border: 1px solid rgb(220,220,220);">
<td class="tpa" colspan="1">人事编制</td>
<td class="tpb" colspan="3">{{ruleForm.rsbz}}</td>
<td class="tpa" colspan="1">Email</td>
<td class="tpb" colspan="2">{{ruleForm.email}}</td>
</tr>
<tr style="border: 1px solid rgb(220,220,220);">
<td class="tpa" colspan="1">所在部门</td>
<td class="tpb" colspan="3">{{ruleForm.name}}</td>
<td class="tpa" colspan="1">现任职务</td>
<td class="tpb" colspan="2">{{ruleForm.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="(ruleForm.grjl=='undefined'||ruleForm.grjl=='')">
暂无个人简历信息
</td>
<td class="tpc" colspan="7" v-if="!(ruleForm.grjl=='undefined'||ruleForm.grjl=='')">
<div v-html="ruleForm.grjl"></div>
</td>
</tr>
</table>
</div>
</el-card>
</el-collapse-item>
<el-collapse-item title="家庭成员" name="2">
<el-table
:data="ruleForm.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">
<div v-if="ruleForm.xghshjl!=''">
<el-row>
<el-col :span="8">
<el-form-item label="审核人">
<el-lable style="color: grey">{{ruleForm.fghshjl.fghshr}}</el-lable>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="审核时间">
<el-lable style="color: grey">{{ruleForm.fghshjl.shsj}}</el-lable>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col span="24">
<el-form-item label="审核建议">
<p style="color: grey ;word-wrap: break-word;word-break: break-all;overflow: hidden;">
{{ruleForm.fghshjl.shjy}}</p>
</el-form-item>
</el-col>
</el-row>
</div>
<div v-else>
<h4 style="text-align: center;line-height: 40px">暂时没有审核信息</h4>
</div>
</el-collapse-item>
<el-collapse-item title="校工会审核信息" name="4">
<div v-if="ruleForm.fghshjl!=''">
<el-row>
<el-col :span="8">
<el-form-item label="审核人">
<el-lable style="color: grey">{{ruleForm.xghshjl.xghshr}}</el-lable>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="审核时间">
<el-lable style="color: grey">{{ruleForm.xghshjl.shsj}}</el-lable>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col span="24">
<el-form-item label="审核建议">
<p style="color: grey ;word-wrap: break-word;word-break: break-all;overflow: hidden;">
{{ruleForm.xghshjl.shjy}}</p>
</el-form-item>
</el-col>
</el-row>
</div>
<div v-else>
<h4 style="text-align: center;line-height: 40px">暂时没有审核信息</h4>
</div>
</el-collapse-item>
</el-collapse>
</el-form>
<div v-if="ruleForm==null">
<h4 style="text-align: center;line-height: 40px">暂时没有审核信息</h4>
</div>
</el-dialog>
<el-dialog title="批量通过" width="55%" :visible.sync="plDialogVisible">
<el-table
ref="multipleTable"
:data="pltableData"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="55">
</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="mobile"
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>
<div slot="footer" class="dialog-footer">
<el-button @click="plDialogVisible=false">取 消</el-button>
<el-button type="success" @click="pltg">通 过</el-button>
</div>
</el-dialog>
</div>
<script>
var vm = new Vue({
el: "#app",
data: function () {
return {
pageForm: {//分页
pageNum: 1,
pageSize: 10,
totalCount: 0,
searchName: "username",
searchKeyword: "",
startTime: "",
endTime: "",
sfhy: "",
gxid: "",
unionid: ""
},
unions: [],
tableData: [],
starts: ['可以申请', '审核通过', '待基层工会审核', '待校工会审核', '已转出', '已退会', '已开除', '已驳回'],
editDialogVisible: false,
seeDialogVisible: false,
ruleForm: {fghshjl: {}, xghshjl: {}},
jy: "",
time: [],
activeNames: ["1", "2"],
activeNames2: ["1", "2"],
con: false,
gxList: [],
UserForm: {},
showPic: "",
plDialogVisible: false,
pltableData: [],
multipleTable: [],
hypl: []
}
},
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
if (self.time != "" && self.time != null) {
self.pageForm.startTime = self.time[0];
self.pageForm.endTime = self.time[1];
}
$.post(base + "/platform/hy/fghsh/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");
},
show: function (id) {//打开处理窗口
this.editDialogVisible = true;
this.jy = "";
this.findUser(id);
},
findUser: function (id) {//获取信息
var self = this;
$.post(base + "/platform/hy/xghsh/findUser", {id: id}, function (data) {
if (data.code == 0) {
self.UserForm = data.data;
if (self.UserForm.jtcy == "" || self.UserForm.jtcy == null || self.UserForm == undefined) {
self.UserForm.jtcy = [];
} else {
self.UserForm.jtcy = JSON.parse(self.UserForm.jtcy);
//self.UserForm.jtcy=JSON.parse(self.UserForm.jtcy);
}
console.log(self.UserForm.imgurl)
self.showPic = base + '/platform/hy/sqrh/showPic?filePath=' + self.UserForm.imgurl
} else {
self.$message({
message: data.msg,
type: 'error'
});
}
}, "json");
},
edit: function (id, hyzt) {
var self = this;
self.UserForm.hyzt = hyzt;
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) {//确认后再执行
self.UserForm.jtcy = JSON.stringify(self.UserForm.jtcy)
$.post(base + "/platform/hy/xghsh/edit?userid=" + id + "&jy=" + self.jy + "&imgUrl=" + self.UserForm.imgurl, self.UserForm, function (data) {
if (data.code == 0) {
self.$message({
message: data.msg,
type: 'success'
});
self.pageData();
self.editDialogVisible = false;
} else {
self.$message({
message: data.msg,
type: 'error'
});
}
}, "json");
}
}
});
},
see: function (id) {
this.seeDialogVisible = true;
this.findShjl(id);
},
findShjl: function (id) {//获取信息
var self = this;
$.post(base + "/platform/hy/xghsh/findShjl", {id: id}, function (data) {
if (data.code == 0) {
self.ruleForm = data.data;
if (self.ruleForm.jtcy == "" || self.ruleForm.jtcy == null || self.ruleForm == undefined) {
self.ruleForm.jtcy = [];
} else {
self.ruleForm.jtcy = JSON.parse(self.ruleForm.jtcy);
self.ruleForm.jtcy = JSON.parse(self.ruleForm.jtcy);
}
self.showPic = base + '/platform/hy/sqrh/showPic?filePath=' + self.ruleForm.imgurl
} else {
self.$message({
message: data.msg,
type: 'error'
});
}
}, "json");
},
isAdmin: function () {
var self = this
$.post(base + "/platform/hy/xghsh/isAdmin", function (data) {
self.con = data.data;
if (self.con) {
self.pageForm.gxid = "A1";//默认选择中国地质大学
}
self.pageData();
})
},
findGx: function () {
var self = this;
$.post(base + "/platform/hy/xghsh/findGx", function (data) {
if (data.code == 0) {
self.gxList = data.data
} else {
self.$message({
message: data.msg,
type: 'error'
});
}
})
},
getunion: function () {
var self = this;
$.post(base + "/platform/hy/xghsh/unions", function (data) {
self.unions = data.data
})
},
pltg: function () {
var self = this;
var ids = [];
self.$confirm('将会通过所有选中的申请? ', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
callback: function (a, b) {
if ("confirm" == a) {
self.hypl.forEach(function (value) {
ids.push(value.id);
})
if (ids.length == 0) {
self.$message({
message: "暂时没有要处理的申请",
type: 'warning'
});
return;
}
ids = JSON.stringify(ids);
$.post(base + "/platform/hy/xghsh/plsh", {ids: ids}, function (data) {
if (data.code == 0) {
self.$message({
message: data.msg,
type: 'success'
});
self.plDialogVisible = false;
self.pageData();
} else {
self.$message({
message: "系统异常",
type: 'error'
});
}
})
}
}
})
},
handleSelectionChange: function (val) {
this.hypl = val;
},
pl: function () {
var self = this;
$.post("/platform/hy/xghsh/pl", function (data) {
self.pltableData = data.data;
self.$refs.multipleTable.toggleAllSelection(self.pltableData, true);
})
},
showpl: function () {
this.plDialogVisible = true;
this.pl();
},
doSearch: function () {
this.pageForm.pageNum = 1;
this.pageData();
}
},
created: function () {
this.pageData();
this.getunion();
}
})
</script>
<!--#
}
#-->