first commit
This commit is contained in:
@@ -0,0 +1,578 @@
|
||||
<!--会员变更记录查看 何鹏飞 2019-5-29-->
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.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%;
|
||||
}
|
||||
|
||||
.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="请输入内容" clearable v-model="pageForm.searchKeyword">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询" style="width: 80px;">
|
||||
<el-option label="工号" value="loginname"></el-option>
|
||||
<el-option label="姓名" value="username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-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.bgfs" slot="prepend" clearable placeholder="变更方式" style="width: 200px;">
|
||||
<el-option label="人事变动" value="2"></el-option>
|
||||
<el-option label="会员申请" value="1"></el-option>
|
||||
<el-option label="校工会变更" value="3"></el-option>
|
||||
</el-select>
|
||||
|
||||
<dict-select v-model="pageForm.bgsy" style="width: 200px;" clearable placeholder="变更类型"
|
||||
code="MemberChangeType"></dict-select>
|
||||
|
||||
<!-- <el-select v-model="pageForm.bgtype" slot="prepend" 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>-->
|
||||
|
||||
<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="userUpdate"></i>同步人事数据</el-button>-->
|
||||
<!-- </div>-->
|
||||
</el-row>
|
||||
|
||||
<!--表格-->
|
||||
<el-row class="el-table-container">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
size="small"
|
||||
>
|
||||
<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"
|
||||
width="150"
|
||||
show-overflow-tooltip="true"
|
||||
label="原工会">
|
||||
<template scope="scope">
|
||||
<div v-if="scope.row.oldunionname!=''||scope.row.oldunionname!=undefined">
|
||||
{{scope.row.oldunionname}}
|
||||
</div>
|
||||
<div v-if="scope.row.oldunionname==''||scope.row.oldunionname==undefined">
|
||||
暂无信息
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="150"
|
||||
show-overflow-tooltip="true"
|
||||
label="原单位">
|
||||
<template scope="scope">
|
||||
<div v-if="scope.row.oldunitname!=''||scope.row.oldunitname!=undefined">
|
||||
{{scope.row.oldunitname}}
|
||||
</div>
|
||||
<div v-if="scope.row.oldunitname==''||scope.row.oldunitname==undefined">
|
||||
暂无信息
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="150"
|
||||
show-overflow-tooltip="true"
|
||||
label="新工会">
|
||||
<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
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="150"
|
||||
show-overflow-tooltip="true"
|
||||
label="新单位">
|
||||
<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
|
||||
header-align="center"
|
||||
align="center"
|
||||
prop="bgtime"
|
||||
sortable
|
||||
label="变更时间">
|
||||
</el-table-column>
|
||||
<el-table-column label="变更类型"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.bgtype==1">会籍转出</el-tag>
|
||||
<el-tag v-if="scope.row.bgtype==2" type="success">会籍转入</el-tag>
|
||||
<el-tag v-if="scope.row.bgtype==3" type="info">会籍保留</el-tag>
|
||||
<el-tag v-if="scope.row.bgtype==4" type="warning">会籍退会</el-tag>
|
||||
<el-tag v-if="scope.row.bgtype==5" type="danger">会籍开除</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
align="center"
|
||||
|
||||
label="变更方式">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.bgfs==1" class="text-primary">{{bgfs[scope.row.bgfs]}}</span>
|
||||
<span v-if="scope.row.bgfs==2" class="text-warning">{{bgfs[scope.row.bgfs]}}</span>
|
||||
<span v-if="scope.row.bgfs==3" class="text-danger">{{bgfs[scope.row.bgfs]}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" header-align="center" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="success" @click="see(scope.row.hyid)">查看</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="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">
|
||||
<table style="width: 100%">
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">姓  名</td>
|
||||
<td class="tpb">{{UserList.user.username}}</td>
|
||||
<td class="tpa">性  别</td>
|
||||
<td class="tpb">{{UserList.user.sex}}</td>
|
||||
<td class="tpa">出生日期</td>
|
||||
<td class="tpb">{{UserList.user.birthday}}</td>
|
||||
<td rowspan="3">
|
||||
<el-image fit="cover" v-if="UserList.user.imgurl!=''" style="height: 140px;width: 100%"
|
||||
:src="'${AppFileDomain!}'+UserList.user.imgurl"
|
||||
@click="dd3s.showpic(UserList.user.imgurl)">
|
||||
</el-image>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">出生地点</td>
|
||||
<td class="tpb">{{UserList.user.csdd}}</td>
|
||||
<td class="tpa">民  族</td>
|
||||
<td class="tpb">{{UserList.user.mz}}</td>
|
||||
<td class="tpa">政治面貌</td>
|
||||
<td class="tpb">{{UserList.user.zzmm}}</td>
|
||||
</tr>
|
||||
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">工  资</td>
|
||||
<td class="tpb">{{UserList.user.gz}}</td>
|
||||
<td class="tpa">职  称</td>
|
||||
<td class="tpb">{{UserList.user.zc}}</td>
|
||||
<td class="tpa">联系电话</td>
|
||||
<td class="tpb">{{UserList.user.mobile}}</td>
|
||||
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">兴趣爱好</td>
|
||||
<td class="tpb" colspan="3">{{UserList.user.hobby}}</td>
|
||||
<td class="tpa" colspan="1">是否结婚</td>
|
||||
<td class="tpb" colspan="2">{{UserList.user.sfjh}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">人事编制</td>
|
||||
<td class="tpb" colspan="3">{{UserList.user.rsbz}}</td>
|
||||
<td class="tpa" colspan="1">Email</td>
|
||||
<td class="tpb" colspan="2">{{UserList.user.email}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="1">所在部门</td>
|
||||
<td class="tpb" colspan="3">{{UserList.user.name}}</td>
|
||||
<td class="tpa" colspan="1">现任职务</td>
|
||||
<td class="tpb" colspan="2">{{UserList.user.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.user.grjl!=null">
|
||||
<div v-html="UserList.user.grjl"></div>
|
||||
</td>
|
||||
<td class="tpb" colspan="7" v-else>
|
||||
暂无个人简历信息
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="家庭成员" name="2">
|
||||
<el-table
|
||||
:data="UserList.user.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="变更原因"
|
||||
show-overflow-tooltip="true"
|
||||
prop="bgyy"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</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="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 {
|
||||
time: "",
|
||||
pageForm: {//分页
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
searchName: "username",
|
||||
searchKeyword: "",
|
||||
startTime: "",
|
||||
endTime: "",
|
||||
bgfs: "",
|
||||
bgtype: "",
|
||||
bgstate: ""
|
||||
},
|
||||
tableData: [],
|
||||
bgfs: ["", "会员申请", "院级工会变更", "校工会变更"],
|
||||
bgTableData: [],
|
||||
UserList: {user: {}},
|
||||
seeDialogVisible: false,
|
||||
starts: ["", "会籍转出", "会籍转入", "会籍保留", "会籍退会", "会籍开除"],
|
||||
activeNames: ["1", "2"]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageNumberChange: function (val) {//页码更新操作
|
||||
this.pageForm.pageNum = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange: function (val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData: function () {//表格展示数据
|
||||
var self = this;
|
||||
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/bgjl/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");
|
||||
},
|
||||
see: function (id) {//查看变更记录
|
||||
var self = this;
|
||||
$.post(base + "/platform/hy/bgjl/findbBgjl", {id: id}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.UserList = data.data;
|
||||
if (self.UserList.user.jtcy == "" || self.UserList.user.jtcy == null || self.UserList.user == undefined) {
|
||||
self.UserList.user.jtcy = [];
|
||||
} else {
|
||||
self.UserList.user.jtcy = JSON.parse(self.UserList.user.jtcy);
|
||||
}
|
||||
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')
|
||||
},
|
||||
userUpdate: function () {
|
||||
var self = this;
|
||||
self.$confirm('即将进行用户更新，确定吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: function (a, b) {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
$.post(base + "/platform/hy/unit/UserUpdate", function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
})
|
||||
self.pageData();
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
doSearch: function () {
|
||||
this.pageForm.pageNum = 1;
|
||||
this.pageData();
|
||||
}
|
||||
},
|
||||
created: function () {
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user