833 lines
40 KiB
HTML
833 lines
40 KiB
HTML
<!--会员转出 何鹏飞 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>
|
|
<!--#
|
|
}
|
|
#--> |