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

608 lines
28 KiB
HTML

<!--会籍保留开除页面 djx 2019-5-14-->
<!--#
layout("/layouts/platform.html"){
#-->
<style>
.el-date-editor .el-range-separator {
padding: 0px;
}
.el-input--suffix .el-input__inner {
padding-right: 0px;
}
.el-date-editor .el-range-separator {
width: 6%;
}
.el-dialog__body {
padding: 30px 20px 10px 20px;
}
#infoDialog .el-dialog__body {
padding: 15px 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);
}
.tpc {
padding: 10px;
color: #a0a9b4;
width: 15%;
border: 1px solid rgb(220, 220, 220);
}
.el-alert {
background-color: #f0f9eb;
color: #67c23a;
}
</style>
<div id="app" v-cloak>
<!--快捷查询-->
<el-row class="header navbar bg-white shadow">
<!--#if(@shiro.hasRole('sysadmin')||@shiro.hasRole('H03')||@shiro.hasRole('A06')){#-->
<div class="btn-group tool-button mt5">
<el-select placeholder="请选择所属工会" @change="seeunit(pageForm.unionid)" 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">
<el-select placeholder="请选择所属单位" v-model="pageForm.unitid" style="width: 200px;" clearable="true"
filterable="true">
<el-option v-for="item in units" :label="item.name" :value="item.id"></el-option>
</el-select>
</div>
<div class="btn-group tool-button mt5">
<div>
<el-input placeholder="请输入内容" 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 style="width:260px;"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
v-model="sqsj"
type="daterange"
range-separator="至"
start-placeholder="入会时间"
end-placeholder="入会时间">
</el-date-picker>
</div>
<div class="btn-group tool-button mt5">
<dict-select v-model="pageForm.bgsy" style="width: 120px" placeholder="变更类型"
code="MemberChangeType"></dict-select>
</div>
<!-- <div class="btn-group tool-button mt5">-->
<!-- <el-select v-model="pageForm.bglx" clearable placeholder="变更类型" style="width: 120px;">-->
<!-- <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>-->
<!-- </div>-->
<div class="btn-group tool-button mt5">
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
</div>
<div class="pull-right offscreen-right mt5">
<el-button size="medium" @click="openDo">变更</el-button>
</div>
</el-row>
<!-- <el-alert title="该列表下的数据都为校工会直接变更,不需要审核" type="success" effect="dark"></el-alert>-->
<!--表格-->
<el-row class="el-table-container">
<el-table :data="tableData" size="small">
<el-table-column align="center" header-align="center" label="序号" type="index">
<template scope="scope"><span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
</template>
</el-table-column>
<el-table-column align="center" header-align="center" label="姓名" prop="username"></el-table-column>
<el-table-column align="center" header-align="center" label="性别" prop="sex"></el-table-column>
<el-table-column align="center" header-align="center" label="电话" prop="mobile"></el-table-column>
<el-table-column align="center" header-align="center" label="所属单位" width="200px"
prop="name"></el-table-column>
<el-table-column align="center" header-align="center" label="所属工会" width="200px"
prop="unionname"></el-table-column>
<el-table-column align="center" header-align="center" label="在职情况" prop="zzzt"></el-table-column>
<el-table-column align="center" header-align="center" label="入会时间" prop="sqsj"></el-table-column>
<el-table-column align="center" header-align="center" label="类型" prop="bgsy">
<template slot-scope="scope">
{{scope.row.bgsy}}
<!-- <el-tag v-if="scope.row.bgtype==1" type="primary">会籍转出</el-tag>-->
<!-- <el-tag v-if="scope.row.bgtype==2" type="success">会籍转入</el-tag>-->
<!-- <el-tag v-if="scope.row.bgtype==3" type="warning">会籍保留</el-tag>-->
<!-- <el-tag v-if="scope.row.bgtype==4" type="danger">会员退会</el-tag>-->
<!-- <el-tag v-if="scope.row.bgtype==5" type="danger">会籍开除</el-tag>-->
</template>
</el-table-column>
<el-table-column align="center" header-align="center" label="状态" prop="bgstate">
<template slot-scope="scope">
<span v-if="scope.row.bgstate==1" class="text-warning ml5">待基层工会审核</span>
<span v-if="scope.row.bgstate==2" class="text-danger ml5">基层工会审核不通过</span>
<span v-if="scope.row.bgstate==3" class="text-warning ml5">待校工会审核</span>
<span v-if="scope.row.bgstate==4" class="text-danger ml5">校工会审核不通过</span>
<span v-if="scope.row.bgstate==5" class="text-success ml5">审核通过</span>
</template>
</el-table-column>
<el-table-column align="center" label="操作" width="200px">
<template slot-scope="scope">
<el-button type="success" @click="openInfo(scope)" size="mini">查看</el-button>
</template>
</el-table-column>
</el-table>
</el-row>
<!--分页-->
<el-row class="el-pagination-container">
<el-pagination
@size-change="pageSizeChange"
@current-change="pageNumberChange"
:current-page="pageForm.pageNumber"
:page-sizes="[10, 20, 30, 50]"
:page-size="pageForm.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="pageForm.totalCount">
</el-pagination>
</el-row>
<!--模态框-->
<el-dialog title="操作" :visible.sync="DialogVisible" width="50%">
<el-form label-width="86px">
<el-form-item prop="userSel" label="请选择人员">
<el-select
style="width: 100%"
v-model="formData.userSel"
filterable
multiple
remote
reserve-keyword
placeholder="根据姓名或手机号选择人员"
:remote-method="remoteMethod"
:loading="loading">
<el-option v-for="item in User" :label="item.name" :value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item prop="loginname" label="变更类型">
<dict-select v-model="formData.choose" style="width: 100%" placeholder="变更类型"
code="MemberChangeType"></dict-select>
<!-- <el-select v-model="formData.choose" placeholder="请选择" style="width: 100%">-->
<!-- <el-option label="单位变动" value="1"></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-form-item>
<el-form-item prop="unitid" label="新单位" class="isShow">
<el-select v-model="formData.unitid" @change="getUnionByUnit" filterable style="width: 100%"
placeholder="请选择单位">
<el-option v-for="item in units" :label="item.name" :value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item prop="unionid" label="新工会" class="isShow">
<el-select v-model="formData.unionid" filterable style="width: 100%" placeholder="请选择工会" disabled>
<el-option v-for="item in unionadd" :label="item.unionname" :value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item prop="bgyy" label="变更原因">
<el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="formData.bgyy"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="DialogVisible = false">取 消</el-button>
<el-button type="primary" @click="goDo">确 定</el-button>
</span>
</el-dialog>
<!--查看会员详细资料-->
<el-dialog title="查看" width="55%" custom-class="ViewDialogClass" :visible.sync="infoDialogVisible" top="5%">
<el-form label-width="80px">
<el-collapse v-model="activeName">
<el-collapse-item title="用户信息" name="1">
<el-card>
<div>
<table style="width: 100%">
<tr style="border: 1px solid rgb(220,220,220);">
<td class="tpa">&emsp;&emsp;</td>
<td class="tpb">{{viewData.username}}</td>
<td class="tpa">&emsp;&emsp;</td>
<td class="tpb">{{viewData.sex}}</td>
<td class="tpa">出生日期</td>
<td class="tpb">{{viewData.birthday}}</td>
<td rowspan="3">
<img v-if="viewData.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">{{viewData.csdd}}</td>
<td class="tpa">&emsp;&emsp;</td>
<td class="tpb">{{viewData.mz}}</td>
<td class="tpa">政治面貌</td>
<td class="tpb">{{viewData.zzmc}}</td>
</tr>
<tr style="border: 1px solid rgb(220,220,220);">
<td class="tpa">&emsp;&emsp;</td>
<td class="tpb">{{viewData.gz}}</td>
<td class="tpa">&emsp;&emsp;</td>
<td class="tpb">{{viewData.zc}}</td>
<td class="tpa">联系电话</td>
<td class="tpb">{{viewData.mobile}}</td>
</tr>
<tr style="border: 1px solid rgb(220,220,220);">
<td class="tpa" colspan="1">所在部门</td>
<td class="tpb" colspan="3">{{viewData.unitname}}</td>
<td class="tpa" colspan="1">现任职务</td>
<td class="tpb" colspan="2">{{viewData.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(viewData.grjl)==='undefined')">暂无个人简历信息
</td>
<td class="tpc" colspan="7" v-if="!(typeof(viewData.grjl)==='undefined')">
<div v-html="viewData.grjl"></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(viewData.jtcy)==='undefined')">暂无家庭成员信息
</td>
<td class="tpc" colspan="7" v-if="!(typeof(viewData.jtcy)==='undefined')">
<div v-html="viewData.jtcy"></div>
</td>
</tr>
</table>
</div>
</el-card>
</el-collapse-item>
<el-collapse-item title="会籍变更档案" name="2">
<el-table size="mini"
:data="hjtableData"
style="width: 95%">
<el-tale-column label="变更事由" show-overflow-tooltip="true" prop="bgsy" header-align="center"
align="center"></el-tale-column>
<el-table-column label="变更时间" width="88" show-overflow-tooltip="true" prop="sj"
header-align="center" align="center"></el-table-column>
<el-table-column label="变更类型" show-overflow-tooltip="true" prop="bgtype" header-align="center"
align="center">
<template scope="scope"><span>
<span v-if="scope.row.bgtype == 1" class="text-danger ml5">转出</span>
<span v-if="scope.row.bgtype == 2" class="text-primary ml5">转入</span>
<span v-if="scope.row.bgtype == 3" class="text-warning ml5">保留</span>
<span v-if="scope.row.bgtype == 4" class="text-info ml5">退会</span>
<span v-if="scope.row.bgtype == 5" class="text-muted ml5">开除</span>
</span></template>
</el-table-column>
<el-table-column label="变更方式" show-overflow-tooltip="true" prop="bgfs" header-align="center"
align="center">
<template scope="scope"><span>
<span v-if="scope.row.bgfs == 1" class="text-danger ml5">会员申请</span>
<span v-if="scope.row.bgfs == 2" class="text-primary ml5">用户更新</span>
<span v-if="scope.row.bgfs == 3" class="text-warning ml5">校工会变更</span>
</span></template>
</el-table-column>
<el-table-column label="变更原因" :show-overflow-tooltip="true" prop="bgyy" header-align="center"
align="center"></el-table-column>
<el-table-column label="原单位" :show-overflow-tooltip="true" width="120" prop="oldunitname"
header-align="center" align="center"></el-table-column>
<el-table-column label="原工会" :show-overflow-tooltip="true" width="140" prop="oldunionname"
header-align="center" align="center"></el-table-column>
<el-table-column label="变更单位" :show-overflow-tooltip="true" width="120" prop="newunitname"
header-align="center" align="center"></el-table-column>
<el-table-column label="变更工会" :show-overflow-tooltip="true" width="140" prop="newunionname"
header-align="center" align="center"></el-table-column>
<el-table-column label="状态" show-overflow-tooltip="true" prop="hyzt" 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>
</div>
<script>
new Vue({
el: "#app",
data: function () {
return {
tableData: [],
pageForm: {
pageNumber: 1,
pageSize: 10,
totalCount: 0,
searchKeyword: "",
searchName: "username",
unionid: "",
sqsj: "",
unitid: ""
},
unions: [],
unionadd: [],
isShow: false,
units: [],
formData: {
unitid: "",
unionid: "",
bgsy: "",
choose: "",
userSel: [],
flag: "",
},
DialogVisible: false,
User: [],
loading: false,
flag: "",
viewData: [],
age: "",
infoDialogVisible: false,
sqsj: [],
activeName: "1",
hjtableData: [],
showPic: "",
}
},
components: {
'dict-select': httpVueLoader('/components/plugins/DictSelect.vue?v=1.0.2'),
},
methods: {
seeunit: function (id) {
var self = this;
$.post(base + "/platform/hy/hyda/seeunit", {id: id}, function (data) {
self.units = data.data;
self.pageForm.unitid = "";
})
},
pageData: function () {
var self = this;
if (self.sqsj) {
self.pageForm.sqsj = self.sqsj.toString();
} else {
self.pageForm.sqsj = "";
}
sublime.showLoadingbar();//显示loading
$.post(base + "/platform/hy/hjblkc/init", self.pageForm, function (data) {
sublime.closeLoadingbar();//关闭loading
if (data.code == 0) {
self.tableData = data.data.users.list;
self.pageForm.totalCount = data.data.users.totalCount;
self.flag = data.data.flag;
self.unions = data.data.unions;
self.units = data.data.ejdw;
}
}, "json");
},
/*分页事件*/
pageSizeChange: function (val) {
this.pageForm.pageSize = val;
this.pageData();
},
pageNumberChange: function (val) {
this.pageForm.pageNumber = val;
this.pageData();
},
doSearch: function () {
this.pageForm.pageNumber = 1;
this.pageData();
},
/*打开模态框*/
openDo: function () {
var self = this;
self.formData.choose = "";
self.formData.userSel = [];
self.formData.unitid = "";
self.formData.unionid = "";
self.DialogVisible = true;
},
/*查看*/
openInfo: function (scope) {
var self = this;
$.post(base + "/platform/hy/hjblkc/findInfo", {id: scope.row.id}, function (data) {
if (data.code == 0) {
self.viewData = data.data.userInfo;
self.hjtableData = data.data.hjbg;
if (data.data.userInfo.imgurl != null) {
self.showPic = FILE_DOMAIN + data.data.userInfo.imgurl;
} else {
self.showPic = "";
}
self.age = self.calAge(self.viewData.birthday);
}
}, "json");
self.infoDialogVisible = true;
},
/*远程搜索*/
remoteMethod: function (keyWord) {
var self = this;
if (keyWord != "" && keyWord != null) {
self.loading = true;
setTimeout(function () {
$.post(base + "/platform/hy/hjblkc/remoteMethod", {
keyWord: keyWord,
flag: self.flag
}, function (data) {
if (data.code == 0) {
self.User = data.data;
self.loading = false;
}
}, "json");
}, 200)
} else {
self.User = [];
}
},
getUnionByUnit: function (value) {
var self = this;
//根据单位id查询对应的工会
$.post(base + "/platform/hy/hjblkc/getUnionByUnit", {unitid: value}, function (data) {
if (data.code == 0) {
if (data.data == null || data.data == undefined) {
self.formData.unionid = "";
self.unionadd = [];
} else {
self.formData.unionid = data.data[0].id;
self.unionadd = data.data;
}
}
}, "json");
},
goDo: function () {
var self = this;
self.formData.flag = self.flag;
if (self.formData.userSel.length == 0) {
self.$message({
message: "请选择人员",
type: 'warning'
});
return;
}
if (self.formData.choose == 0) {
self.$message({
message: "请选择对应的操作",
type: 'warning'
});
return;
}
if (self.formData.choose == "1") {
if (self.formData.unionid == "") {
self.$message({
message: "所属工会不能为空",
type: 'warning'
});
return;
}
}
//
self.$confirm("确定要进行此操作吗?", "提示", {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
callback: function (a, b) {
if ("confirm" == a) {
$.post(base + "/platform/hy/hjblkc/goDo", self.formData, function (data) {
if (data.code == 0) {
self.$message({
message: data.msg,
type: 'success'
});
self.pageData();
self.DialogVisible = false;
} else {
self.$message({
message: data.msg,
type: 'error'
});
}
}, "json");
}
}
})
},
/*计算年龄*/
calAge: function (birthday) {
// 获得今天的时间
var date = new Date();
var startDate = new Date(birthday);
var newDate = date.getTime() - startDate.getTime();
var age = Math.ceil(newDate / 1000 / 60 / 60 / 24 / 365);
if (isNaN(age)) {
age = "";
}
return age;
},
},
created: function () {
this.pageData();
if (this.formData.choose == '') {
$(".isShow").hide();
}
},
watch: {
'formData.choose': function (value) {
if (value == '校内异动') {
$(".isShow").show();
} else {
$(".isShow").hide();
}
}
}
})
</script>
<!--#
}
#-->