627 lines
29 KiB
HTML
627 lines
29 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
<style>
|
|
.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;
|
|
width: 16%;
|
|
border: 1px solid rgb(220, 220, 220);
|
|
}
|
|
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.el-collapse-item__header {
|
|
background-color: #317fca;
|
|
color: whitesmoke;
|
|
padding-left: 10px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
font-size: 16px;
|
|
}
|
|
</style>
|
|
<div id="app" v-cloak>
|
|
<el-row class="header navbar bg-white shadow">
|
|
<!-- <div class="btn-group tool-button mt5">
|
|
<el-date-picker
|
|
v-model="pageForm.year"
|
|
type="year"
|
|
style="width: 100px"
|
|
:clearable="false"
|
|
value-format="yyyy"
|
|
@change="getJjrlp(pageForm.year);change()"
|
|
placeholder="年度">
|
|
</el-date-picker>
|
|
</div>-->
|
|
|
|
<!-- <div class="btn-group tool-button mt5">
|
|
<el-select style="width: 100px" v-model="pageForm.yf" slot="prepend" placeholder="月份">
|
|
<el-option label="4月" value="4月"></el-option>
|
|
<el-option label="12月" value="12月"></el-option>
|
|
</el-select>
|
|
</div>-->
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select clearable placeholder="福利单位" @change="getFghBydw(pageForm.fgh)" filterable v-model="pageForm.fgh"
|
|
style="width:260px">
|
|
<el-option v-for="dw in fghlist" :value="dw.id" :label="dw.welfare_unit_name"></el-option>
|
|
</el-select>
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select clearable placeholder="单位名称" filterable v-model="pageForm.ejdw" style="width:210px">
|
|
<el-option v-for="dw in dwlist" :value="dw.id" :label="dw.name"></el-option>
|
|
</el-select>
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<el-input type="text" v-model="pageForm.searchName" placeholder="请输入" style="width: 230px"
|
|
class="input-with-select">
|
|
<el-select style="width: 100px" v-model="pageForm.searchKey" slot="prepend" placeholder="请选择">
|
|
<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-select clearable v-model="pageForm.rylx" style="width: 140px" slot="prepend" placeholder="人员类型">
|
|
<el-option
|
|
label="在编" value="在编">
|
|
</el-option>
|
|
<el-option
|
|
label="非编" value="非编">
|
|
</el-option>
|
|
<el-option
|
|
label="离退休" value="离退休">
|
|
</el-option>
|
|
</el-select>
|
|
</div>
|
|
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select clearable v-model="pageForm.flhy" style="width: 130px" slot="prepend" placeholder="会员类型">
|
|
<el-option value="1" label="有效会员"></el-option>
|
|
<el-option value="0" label="无效会员"></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="openAdd">
|
|
新增
|
|
</el-button>
|
|
</div>
|
|
|
|
</el-row>
|
|
|
|
|
|
<el-row class="el-table-container">
|
|
<el-table :data="tableData" size="small" @sort-change="changeTableSort">
|
|
<el-table-column label="序号" type="index" header-align="center" align="center">
|
|
<template scope="scope"><span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="工号" prop="loginname" header-align="center" align="center"></el-table-column>
|
|
<el-table-column label="姓名" prop="username" header-align="center" align="center"></el-table-column>
|
|
<el-table-column label="单位名称" sortable width="220px" prop="name" header-align="center"
|
|
align="center"></el-table-column>
|
|
<el-table-column label="人员类型" sortable prop="rylx" header-align="center" align="center">
|
|
</el-table-column>
|
|
<el-table-column label="福利会员" sortable prop="ryzt" header-align="center" align="center">
|
|
<template scope="scope">
|
|
<span style="color: #9fadbd" v-if="scope.row.flhy==0">无效会员</span>
|
|
<span style="color: #00c1de" v-if="scope.row.flhy==1">有效会员</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="状态" sortable prop="ryzt" header-align="center" align="center">
|
|
<template scope="scope">
|
|
<span v-if="scope.row.flzt==1">待审核</span>
|
|
<span v-if="scope.row.flzt==2">拒绝</span>
|
|
<span v-if="scope.row.flzt==3">通过</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" header-align="center" align="center" width="180px">
|
|
<template slot-scope="scope">
|
|
<el-button size="mini" @click="see(scope.row)">查看</el-button>
|
|
<el-button size="mini" :disabled="scope.row.flzt==3?false:true" type="primary"
|
|
@click="openEdit(scope.row)">变更
|
|
</el-button>
|
|
<!--<el-button size="mini" type="danger" @click="doDel(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.pageNumber"
|
|
:page-size="pageForm.pageSize"
|
|
layout="total, prev, pager, next, jumper"
|
|
:total="pageForm.totalCount">
|
|
</el-pagination>
|
|
|
|
</el-row>
|
|
|
|
<!-- 添加人员 -->
|
|
<el-dialog
|
|
title="新增"
|
|
top="15px"
|
|
:close-on-click-modal="false"
|
|
:visible.sync="addDialogVisible"
|
|
width="50%">
|
|
<el-form :model="AddFormData" :rules="rules" ref="addForm" label-width="100px">
|
|
<div>
|
|
<div>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="工号" prop="loginname">
|
|
<el-input clearable v-model="AddFormData.loginname"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="姓名" prop="username">
|
|
<el-input clearable v-model="AddFormData.username"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="福利单位" prop="unionid">
|
|
<el-select clearable v-model="AddFormData.unionid"
|
|
@change="getFghBydw(AddFormData.unionid)" style="width: 100%">
|
|
<el-option v-for="dw in fghlist" :value="dw.id"
|
|
:label="dw.welfare_unit_name"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="单位" prop="unitid">
|
|
<el-select clearable v-model="AddFormData.unitid" style="width: 100%">
|
|
<el-option v-for="dw in dwlist" :value="dw.id" :label="dw.name"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="人员类型" prop="rylx">
|
|
<el-select clearable v-model="AddFormData.rylx" style="width: 100%">
|
|
<el-option
|
|
label="在编" value="在编">
|
|
</el-option>
|
|
<el-option
|
|
label="非编" value="非编">
|
|
</el-option>
|
|
<el-option
|
|
label="离退休" value="离退休">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
</el-form>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="addDialogVisible = false">取 消</el-button>
|
|
<el-button type="primary" @click="doAdd">确 定</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
<!-- 编辑人员-->
|
|
<el-dialog
|
|
title="变更"
|
|
top="15px"
|
|
:close-on-click-modal="false"
|
|
:visible.sync="editDialogVisible"
|
|
width="50%">
|
|
<el-form :model="EditFormData" :rules="rules" ref="editForm" label-width="100px">
|
|
<div>
|
|
<div>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="工号" prop="loginname">
|
|
<el-input clearable v-model="EditFormData.loginname"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="姓名" prop="username">
|
|
<el-input clearable v-model="EditFormData.username"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<!-- <el-row>-->
|
|
<!-- <el-col :span="24">-->
|
|
<!-- <el-form-item label="原基层工会" prop="unionname">-->
|
|
<!-- <el-input v-model="EditFormData.unionname"></el-input>-->
|
|
<!-- <!– <el-select clearable v-model="EditFormData.unionid"–>-->
|
|
<!-- <!– @change="getFghBydw(EditFormData.unionid)" style="width: 100%">–>-->
|
|
<!-- <!– <el-option v-for="dw in fghlist" :value="dw.id"–>-->
|
|
<!-- <!– :label="dw.unionname"></el-option>–>-->
|
|
<!-- <!– </el-select>–>-->
|
|
<!-- </el-form-item>-->
|
|
<!-- </el-col>-->
|
|
<!-- </el-row>-->
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="原单位" prop="unitid">
|
|
<el-select clearable v-model="EditFormData.unitid" style="width: 100%">
|
|
<el-option v-for="dw in dwlist" :value="dw.id" :label="dw.name"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="人员类型" prop="rylx">
|
|
<el-select clearable v-model="EditFormData.rylx" style="width: 100%">
|
|
<el-option
|
|
label="在编" value="在编">
|
|
</el-option>
|
|
<el-option
|
|
label="非编" value="非编">
|
|
</el-option>
|
|
<el-option
|
|
label="离退休" value="离退休">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="变化原因">
|
|
<el-select clearable @change="change" v-model="EditFormData.bhyy">
|
|
<el-option label="校内变动" value="校内变动"></el-option>
|
|
<el-option label="离职" value="离职"></el-option>
|
|
<el-option label="新增" value="新增"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<!-- <el-row>-->
|
|
<!-- <el-col :span="24">-->
|
|
<!-- <el-form-item v-if="EditFormData.bhyy=='校内变动'" label="新基层工会">-->
|
|
<!-- <el-select filterable clearable v-model="EditFormData.flnewunionid"-->
|
|
<!-- @change="getnewFghBydw(EditFormData.flnewunionid)" style="width: 100%">-->
|
|
<!-- <el-option v-for="dw in bgfghlist" :value="dw.id"-->
|
|
<!-- :label="dw.unionname"></el-option>-->
|
|
<!-- </el-select>-->
|
|
<!-- </el-form-item>-->
|
|
<!-- </el-col>-->
|
|
<!-- </el-row>-->
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item v-if="EditFormData.bhyy=='校内变动'" label="新单位">
|
|
<el-select filterable clearable v-model="EditFormData.flnewunitid" style="width: 100%">
|
|
<el-option v-for="dw in dwlist" :value="dw.id" :label="dw.name"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
</el-form>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="editDialogVisible = false">取 消</el-button>
|
|
<el-button type="primary" @click="doEdit">确 定</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
<el-dialog
|
|
title="福利人员信息"
|
|
:visible.sync="viewDialogVisible"
|
|
width="50%">
|
|
<el-collapse v-model="activeNames">
|
|
<el-collapse-item title="基本信息" name="1">
|
|
<div>
|
|
<table style="width: 100%">
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa">姓名</td>
|
|
<td class="tpb">{{viewData.username}}</td>
|
|
<td class="tpa">工号</td>
|
|
<td class="tpb">{{viewData.loginname}}</td>
|
|
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa">单位</td>
|
|
<td class="tpb">{{viewData.name}}</td>
|
|
<td class="tpa">联系电话</td>
|
|
<td class="tpb">{{viewData.mobile}}</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);" v-if="viewData.bhyy=='校内变动'">
|
|
<td class="tpa">调出基层工会</td>
|
|
<td class="tpb">{{viewData.newunionname}}</td>
|
|
<td class="tpa">调出单位</td>
|
|
<td class="tpb">{{viewData.newname}}</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa">福利会员</td>
|
|
<td class="tpb">
|
|
<span v-if="viewData.flhy==1">有效会员</span>
|
|
<span v-if="viewData.flhy==0">无效会员</span>
|
|
<!--<span v-if="viewData.jflx==3">自筹经费</span>-->
|
|
</td>
|
|
<td class="tpa">人员类型</td>
|
|
<td class="tpb">{{viewData.rylx}}</td>
|
|
</tr>
|
|
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa">变化原因</td>
|
|
<td colspan="3" class="tpb">
|
|
<span>{{viewData.bhyy}}</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</el-collapse-item>
|
|
</el-collapse>
|
|
</el-dialog>
|
|
</div>
|
|
<script>
|
|
const vue = new Vue({
|
|
el: "#app",
|
|
data: function () {
|
|
|
|
return {
|
|
viewData: {},
|
|
viewDialogVisible: false,
|
|
activeNames: ["1"],
|
|
addDialogVisible: false,
|
|
AddFormData: {},
|
|
editDialogVisible: false,
|
|
EditFormData: {},
|
|
pageForm: {
|
|
pageNumber: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
searchName: "",
|
|
year: moment().format('YYYY'),
|
|
sfhz: "",
|
|
searchKey: "username",
|
|
flhy: "1",
|
|
rylx: "",
|
|
ejdw: "",
|
|
newhy: ""
|
|
},
|
|
tableData: [],
|
|
multipleTable: [],
|
|
drDialogVisible: false,
|
|
fileList: [],
|
|
rows: [],
|
|
hzlist: [],
|
|
year: "",
|
|
dwlist: [],
|
|
rules: {
|
|
username: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
loginname: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
unitid: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
jflx: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
rylx: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
unionid: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
newdw: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
newfgh: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
},
|
|
tstableData: [],
|
|
fghlist: [],
|
|
lplist: [],
|
|
dw: [],
|
|
newdw: [],
|
|
bgfghlist: [],
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
doSearch: function () {
|
|
this.pageForm.pageNumber = 1;
|
|
this.pageForm.newhy = "";
|
|
this.pageData();
|
|
},
|
|
pageData: function () {
|
|
var self = this;
|
|
$.post(base + "/platform/zgfw/rygl/data", self.pageForm, function (data) {
|
|
console.log(data)
|
|
if (data.code === 0) {
|
|
|
|
self.tableData = data.data.zc.list;
|
|
self.tstableData = data.data.ts;
|
|
self.pageForm.totalCount = data.data.zc.totalCount;
|
|
|
|
} else {
|
|
self.$message.error(data.msg);
|
|
}
|
|
});
|
|
},
|
|
pageSizeChange: function (val) {//分页大小更新操作
|
|
this.pageForm.pageSize = val;
|
|
this.pageData();
|
|
},
|
|
pageNumberChange: function (val) {
|
|
this.pageForm.pageNumber = val;
|
|
this.pageData();
|
|
},
|
|
openAdd: function () {
|
|
var self = this;
|
|
self.addDialogVisible = true;
|
|
self.AddFormData = {jflx: '1', bhyy: "新增", year: self.pageForm.year, lpid: self.pageForm.lp};
|
|
self.getDw();
|
|
if (this.$refs["addForm"])
|
|
this.$refs["addForm"].resetFields();
|
|
},
|
|
async getDw() {
|
|
this.dwlist = await getUnits();
|
|
},
|
|
async getFgh() {
|
|
this.fghlist = await getWelfareUnits();
|
|
},
|
|
getbgFgh: function () {
|
|
var self = this;
|
|
$.post(base + "/platform/zgfw/rysh/getbgFgh", function (data) {
|
|
self.bgfghlist = data.data;
|
|
})
|
|
},
|
|
change: function () {
|
|
this.$forceUpdate()
|
|
},
|
|
async getFghBydw(dwid) {
|
|
this.dwlist = await getUnitsByWelfareUnit(dwid);
|
|
this.$set(this.EditFormData,"unitid","")
|
|
this.$set(this.AddFormData,"unitid","")
|
|
// this.EditFormData.unitid = "";
|
|
// this.AddFormData.unitid = "";
|
|
},
|
|
getnewFghBydw: function (dwid) {
|
|
var self = this;
|
|
$.post(base + "/platform/zgfw/rygl/getDw", {id: dwid}, function (data) {
|
|
self.newdw = data.data;
|
|
self.EditFormData.newdw = "";
|
|
})
|
|
},
|
|
doAdd: function () {
|
|
var self = this;
|
|
self.AddFormData.year = self.pageForm.year;
|
|
self.AddFormData.yf = self.pageForm.yf;
|
|
this.$refs["addForm"].validate((valid) => {
|
|
if (valid) {
|
|
$.post(base + "/platform/zgfw/rygl/doAdd", self.AddFormData, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.doSearch();//查询是带条件的,加载新建用户选择的单位用户数据
|
|
self.addDialogVisible = false;
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
})
|
|
}
|
|
})
|
|
|
|
},
|
|
see: function (scope) {
|
|
var self = this;
|
|
self.viewData = scope;
|
|
self.viewDialogVisible = true;
|
|
},
|
|
openEdit: function (scope) {
|
|
console.log(scope)
|
|
var self = this;
|
|
self.EditFormData = JSON.parse(JSON.stringify(scope));
|
|
self.getDw();
|
|
self.editDialogVisible = true;
|
|
if (this.$refs["editForm"])
|
|
this.$refs["editForm"].resetFields();
|
|
},
|
|
doEdit: function () {
|
|
var self = this;
|
|
this.$refs["editForm"].validate((valid) => {
|
|
if (valid) {
|
|
self.$confirm('确定要进行变更吗？', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback: function (a, b) {
|
|
if ("confirm" == a) {//确认后再执行
|
|
$.post(base + "/platform/zgfw/rygl/doEdit", self.EditFormData, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.doSearch();//查询是带条件的,加载新建用户选择的单位用户数据
|
|
self.editDialogVisible = false;
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
})
|
|
}
|
|
}
|
|
})
|
|
|
|
}
|
|
})
|
|
},
|
|
doDel: function (id) {
|
|
var self = this;
|
|
self.$confirm('此操作将删除这条数据，确定吗？', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback: function (a, b) {
|
|
if ("confirm" == a) {//确认后再执行
|
|
$.post(base + "/platform/zgfw/rygl/doDel", {id: id}, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.doSearch();
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
}
|
|
});
|
|
},
|
|
changeTableSort: function (column) {
|
|
var self = this;
|
|
self.pageForm.prop = column.prop;
|
|
self.pageForm.order = column.order;
|
|
self.pageData();
|
|
},
|
|
getJjrlp: function (year) {
|
|
var self = this;
|
|
$.post(base + "/platform/zgfw/mdgl/getJjrlp", {year: year}, function (data) {
|
|
self.lplist = data.data;
|
|
self.$set(self.pageForm, "lp", self.lplist[0].lp_id)
|
|
//self.pageForm.lp=self.lplist[0].lp_id
|
|
|
|
})
|
|
}
|
|
},
|
|
created: function () {
|
|
this.pageData();
|
|
this.getDw();
|
|
this.getFgh();
|
|
this.getbgFgh();
|
|
}
|
|
});
|
|
</script>
|
|
<!--#
|
|
}
|
|
#--> |