first commit
This commit is contained in:
@@ -0,0 +1,634 @@
|
||||
<!--#
|
||||
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)"
|
||||
placeholder="年度">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select clearable placeholder="福利项目" @change="change" filterable v-model="pageForm.lp"
|
||||
style="width:250px">
|
||||
<el-option v-for="lp in lplist" :value="lp.lp_id" :label="lp.lp_ms"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<!-- <div class="btn-group tool-button mt5">-->
|
||||
<!-- <el-select clearable placeholder="基层工会"-->
|
||||
<!-- @change="getFghBydw(pageForm.fgh);getJjrlp(pageForm.year,pageForm.fgh)" filterable-->
|
||||
<!-- v-model="pageForm.fgh" style="width:180px">-->
|
||||
<!-- <el-option v-for="dw in fghlist" :value="dw.unionname" :label="dw.unionname"></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.name" :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: 80px" 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.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-select v-model="pageForm.rylx" style="width: 100%" filterable clearable 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-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>
|
||||
<el-button size="medium" @click="doAllDel">
|
||||
批量删除
|
||||
</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" @sort-change="changeTableSort" size="small">
|
||||
<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 prop="ejdw" width="220px" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="福利单位" sortable prop="fgh" width="220px" 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 v-if="scope.row.ryzt==1">待审核</span>
|
||||
<span v-if="scope.row.ryzt==2">拒绝</span>
|
||||
<span v-if="scope.row.ryzt==3">通过</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否签收" sortable prop="sfqs" header-align="center" align="center">
|
||||
<template scope="scope">
|
||||
<span style="color: #67C23A" v-if="scope.row.sfqs==1">已签收</span>
|
||||
<span style="color: #909399" v-else>未签收</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" header-align="center" align="center" width="300">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" @click="see(scope.row)">查看</el-button>
|
||||
<el-button size="mini" 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
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
|
||||
|
||||
<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);">
|
||||
<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>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</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="fgh">
|
||||
<el-select clearable v-model="EditFormData.fgh" @change="getFghBydw(EditFormData.fgh)"
|
||||
style="width: 100%">
|
||||
<el-option v-for="dw in fghlist" :value="dw.welfare_unit_name"
|
||||
: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="ejdw">
|
||||
<el-select clearable v-model="EditFormData.ejdw" style="width: 100%">
|
||||
<el-option v-for="dw in dwlist" :value="dw.name" :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>
|
||||
</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="新增"
|
||||
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="工号">
|
||||
<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="fgh">
|
||||
<el-select clearable v-model="AddFormData.fgh" @change="getFghBydw(AddFormData.fgh)"
|
||||
style="width: 100%">
|
||||
<el-option v-for="dw in fghlist" :value="dw.welfare_unit_name"
|
||||
: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="ejdw">
|
||||
<el-select clearable v-model="AddFormData.ejdw" style="width: 100%"
|
||||
@change="unitChange">
|
||||
<el-option v-for="dw in dwlist" :value="dw.name" :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>
|
||||
|
||||
|
||||
</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",
|
||||
jflx: "",
|
||||
rylx: "",
|
||||
fgh: "",
|
||||
prop: "",
|
||||
order: "",
|
||||
ejdw: "",
|
||||
newhy: "",
|
||||
flhy: ""
|
||||
},
|
||||
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']}],
|
||||
year: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
yf: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
order: "",
|
||||
prop: "",
|
||||
},
|
||||
drDialogVisible: false,
|
||||
fileList: [],
|
||||
year: "",
|
||||
yf: "",
|
||||
fghlist: [],
|
||||
dw: [],
|
||||
lp: "",
|
||||
lplist: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
doSearch: function () {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageForm.newhy = "";
|
||||
this.pageData();
|
||||
},
|
||||
pageData: function () {
|
||||
var self = this;
|
||||
$.post(base + "/platform/zgfw/flhy/data", self.pageForm, function (data) {
|
||||
if (data.code === 0) {
|
||||
self.tableData = data.data.list;
|
||||
self.pageForm.totalCount = data.data.totalCount;
|
||||
|
||||
} else {
|
||||
self.$message.error(data.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
pageNumberChange: function (val) {
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
openAdd: function () {
|
||||
var self = this;
|
||||
self.addDialogVisible = true;
|
||||
self.AddFormData = {jflx: '2', year: self.pageForm.year, lpid: self.pageForm.lp};
|
||||
if (this.$refs["addForm"])
|
||||
this.$refs["addForm"].resetFields();
|
||||
},
|
||||
async getDw() {
|
||||
this.dwlist = await getUnits();
|
||||
},
|
||||
async getFgh() {
|
||||
this.fghlist = await getWelfareUnits();
|
||||
},
|
||||
unitChange(unitName) {
|
||||
let un = this.dwlist.find(v => v.name == unitName)
|
||||
this.$set(this.AddFormData, "unit_id", un.id);
|
||||
},
|
||||
async getFghBydw(welfare_unit_name) {
|
||||
let wu = this.fghlist.find(v => v.welfare_unit_name == welfare_unit_name)
|
||||
|
||||
this.$set(this.AddFormData, "ejdw", "");
|
||||
this.$set(this.AddFormData, "union_id", wu.id);
|
||||
this.$set(this.EditFormData, "ejdw", "");
|
||||
this.$set(this.EditFormData, "union_id", wu.id);
|
||||
|
||||
if (wu) {
|
||||
this.dwlist = await getUnitsByWelfareUnit(wu.id)
|
||||
}
|
||||
},
|
||||
doAdd: function () {
|
||||
var self = this;
|
||||
this.$refs["addForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
$.post(base + "/platform/zgfw/flhy/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) {
|
||||
var self = this;
|
||||
self.EditFormData = JSON.parse(JSON.stringify(scope));
|
||||
self.editDialogVisible = true;
|
||||
if (this.$refs["editForm"])
|
||||
this.$refs["editForm"].resetFields();
|
||||
},
|
||||
doEdit: function () {
|
||||
var self = this;
|
||||
this.$refs["editForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
$.post(base + "/platform/zgfw/flhy/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/flhy/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");
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
opendr: function () {
|
||||
var self = this;
|
||||
self.fileList = [];
|
||||
self.year = "";
|
||||
self.drDialogVisible = true;
|
||||
},
|
||||
alldel: function () {
|
||||
var self = this;
|
||||
self.$confirm('此操作将删除当前所选数据，确定吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: function (a, b) {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
$.post(base + "/platform/zgfw/mddr/allDel", self.pageForm, 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, id) {
|
||||
var self = this;
|
||||
$.post(base + "/platform/zgfw/mdgl/getJjrlp", {year: year, id: id}, function (data) {
|
||||
self.lplist = data.data;
|
||||
if (self.lplist.length > 0) {
|
||||
self.pageForm.lp = self.lplist[0].lp_id
|
||||
}
|
||||
if (id == null || id == "") {
|
||||
self.pageData();
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
change: function () {
|
||||
this.$forceUpdate()
|
||||
},
|
||||
doAllDel: function () {
|
||||
var self = this;
|
||||
self.$confirm('此操作将删除当前福利项目下所以数据，确定吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: function (a, b) {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
$.post(base + "/platform/zgfw/flhy/doAllDel", {lpid: self.pageForm.lp}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.pageData();
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, 'json')
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
},
|
||||
created: function () {
|
||||
this.getJjrlp(this.pageForm.year, "");
|
||||
this.getDw();
|
||||
this.getFgh();
|
||||
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,376 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-table .warning-row {
|
||||
color: red;
|
||||
}
|
||||
|
||||
input[type=file] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.el-form-item {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.el-form-item__error {
|
||||
color: #F56C6C;
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
input[type="number"] {
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
|
||||
.el-table .warning-row {
|
||||
background: oldlace;
|
||||
}
|
||||
|
||||
.el-collapse-item__header {
|
||||
background-color: #317fca;
|
||||
color: whitesmoke;
|
||||
padding-left: 10px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
|
||||
.el-dialog__body {
|
||||
padding: 30px 20px;
|
||||
margin-bottom: -50px;
|
||||
color: #606266;
|
||||
font-size: 14px;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app">
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
v-model="hzpageForm.year"
|
||||
type="year"
|
||||
:clearable="false"
|
||||
value-format="yyyy"
|
||||
@change="getJjrlp(hzpageForm.year)"
|
||||
placeholder="年度">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select clearable placeholder="福利项目" @change="change" filterable v-model="hzpageForm.lp"
|
||||
style="width:250px">
|
||||
<el-option v-for="lp in lplist" :value="lp.lp_id" :label="lp.lp_ms"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select clearable placeholder="按单位查询" filterable v-model="hzpageForm.fgh" style="width: 100%">
|
||||
<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-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<el-button type="warning" @click="bg"><i class="ti-plus"></i>导出福利名单</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" ref="multipleTable" size="small">
|
||||
<el-table-column label="序号" type="index" header-align="center" align="center">
|
||||
<template scope="scope"><span>{{scope.$index+1}} </span></template>
|
||||
</el-table-column>
|
||||
<el-table-column label="福利单位" prop="unionname" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="发放地址" prop="welfare_unit_address" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="联系人电话" prop="leader_phone" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="合计" prop="zrs" header-align="center" align="center"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" header-align="center" align="center" width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" @click="openView(scope.row.id)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="hzpageSizeChange"
|
||||
@current-change="hzpageNumberChange"
|
||||
:current-page="hzpageForm.pageNumber"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="hzpageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
|
||||
<el-dialog
|
||||
custom-class="ViewDialogClass"
|
||||
title="发放名单详情"
|
||||
top="1%"
|
||||
:visible.sync="seeDialogVisible"
|
||||
width="80%"
|
||||
|
||||
>
|
||||
<div style="margin-bottom: 15px;margin-top: -10px">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
disabled
|
||||
style="width: 100px"
|
||||
:clearable="false"
|
||||
value-format="yyyy"
|
||||
placeholder="年度">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.lp" disabled slot="prepend" placeholder="项目">
|
||||
<el-option v-for="item in lplist" :label="item.lp_ms" :value="item.lp_id"></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 dw" :value="dw.name" :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" size="mini" 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-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button type="primary" icon="el-icon-search" @click="see"></el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-table :data="rytableData" 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 prop="ejdw" 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="状态" prop="ryzt" header-align="center" align="center">
|
||||
<template scope="scope">
|
||||
<span v-if="scope.row.ryzt==1">待审核</span>
|
||||
<span v-if="scope.row.ryzt==2">拒绝</span>
|
||||
<span v-if="scope.row.ryzt==3">通过</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<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>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" @click="seeDialogVisible = false">关 闭</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: "#app",
|
||||
data() {
|
||||
|
||||
return {
|
||||
addDialogVisible: false,
|
||||
AddFormData: {sex: '男'},
|
||||
editDialogVisible: false,
|
||||
EditFormData: {},
|
||||
pageForm: {
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
searchName: "",
|
||||
year: moment().format('YYYY'),
|
||||
sfhz: "",
|
||||
searchKey: "username",
|
||||
jflx: "",
|
||||
rylx: "",
|
||||
ejdw: "",
|
||||
lp: ""
|
||||
},
|
||||
hzpageForm: {
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
year: moment().format('YYYY'),
|
||||
fgh: "",
|
||||
lp: ""
|
||||
},
|
||||
tableData: [],
|
||||
multipleTable: [],
|
||||
drDialogVisible: false,
|
||||
fileList: [],
|
||||
rows: [],
|
||||
hzlist: [],
|
||||
year: "",
|
||||
seeDialogVisible: false,
|
||||
rytableData: [],
|
||||
dwlist: [],
|
||||
dw: [],
|
||||
lplist: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
},
|
||||
pageData() {
|
||||
let self = this;
|
||||
$.post(base + "/platform/zgfw/mdgl/data", self.hzpageForm, function (data) {
|
||||
if (data.code === 0) {
|
||||
self.tableData = data.data.list;
|
||||
self.hzpageForm.totalCount = data.data.totalCount;
|
||||
|
||||
} else {
|
||||
self.$message.error(data.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
hzpageNumberChange(val) {
|
||||
this.hzpageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
hzpageSizeChange(val) {//分页大小更新操作
|
||||
this.hzpageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange(val) {
|
||||
this.pageForm.pageNumber = val;
|
||||
this.see();
|
||||
},
|
||||
pageSizeChange(val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.see();
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.hzlist = val;
|
||||
},
|
||||
|
||||
handleRemove(file, fileList) {
|
||||
let self = this;
|
||||
self.fileList = fileList;
|
||||
},
|
||||
handleChange(file, fileList) {
|
||||
let self = this;
|
||||
if (file.size == 0) {
|
||||
self.$message.warning("您选择的是空文件!");
|
||||
for (let i = 0; i < fileList.length; i++) {
|
||||
if (file == fileList[i]) {
|
||||
fileList.splice(i, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
self.fileList = fileList;
|
||||
},
|
||||
openView(wu_id) {
|
||||
this.pageForm = {
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
searchName: "",
|
||||
year: this.hzpageForm.year,
|
||||
sfhz: "",
|
||||
searchKey: "username",
|
||||
jflx: "",
|
||||
rylx: "",
|
||||
ejdw: "",
|
||||
lp: this.hzpageForm.lp,
|
||||
wu_id: wu_id
|
||||
}
|
||||
this.getFghBydw(this.pageForm.wu_id);
|
||||
this.seeDialogVisible = true;
|
||||
this.see()
|
||||
},
|
||||
|
||||
see() {
|
||||
let self = this;
|
||||
$.post(base + "/platform/zgfw/mdgl/fghdata", self.pageForm, function (data) {
|
||||
if (data.code === 0) {
|
||||
self.rytableData = data.data.list;
|
||||
self.pageForm.totalCount = data.data.totalCount;
|
||||
self.seeDialogVisible = true;
|
||||
|
||||
} else {
|
||||
self.$message.error(data.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
getFghBydw(wu_id) {
|
||||
let self = this;
|
||||
$.post(base + "/platform/zgfw/mdgl/getDw", {wu_id: wu_id}, function (data) {
|
||||
self.dw = data.data;
|
||||
|
||||
})
|
||||
},
|
||||
changeTableSort(column) {
|
||||
let self = this;
|
||||
self.pageForm.prop = column.prop;
|
||||
self.pageForm.order = column.order;
|
||||
self.see();
|
||||
},
|
||||
bg() {
|
||||
location.href = base + "/platform/zgfw/mdgl/doExcel?year=" + this.hzpageForm.year + "&lp=" + this.hzpageForm.lp;
|
||||
},
|
||||
getJjrlp(year) {
|
||||
let self = this;
|
||||
$.post(base + "/platform/zgfw/mdgl/getJjrlp", {year: year}, function (data) {
|
||||
self.lplist = data.data;
|
||||
self.pageForm.lp = self.lplist[0].lp_id
|
||||
self.hzpageForm.lp = self.lplist[0].lp_id
|
||||
self.pageData();
|
||||
})
|
||||
},
|
||||
change() {
|
||||
this.$forceUpdate()
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.getJjrlp(this.pageForm.year);
|
||||
this.dwlist = await getUnits()
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,780 @@
|
||||
<!--#
|
||||
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;
|
||||
}
|
||||
|
||||
.el-table-container2 el-table-container {
|
||||
padding-top: 0px !important;
|
||||
}
|
||||
</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"
|
||||
placeholder="年度">
|
||||
</el-date-picker>
|
||||
</div>-->
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select clearable placeholder="福利单位" @change="getFghBydw(pageForm.fgh)" filterable v-model="pageForm.fgh"
|
||||
style="width:180px">
|
||||
<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.flhy" style="width: 130px" slot="prepend" placeholder="福利会员">
|
||||
<el-option value="1" label="有效会员"></el-option>
|
||||
<el-option value="0" label="无效会员"></el-option>
|
||||
<!–<el-option value="3" label="自筹经费"></el-option>–>
|
||||
</el-select>
|
||||
</div>-->
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.rylx" style="width: 100%" filterable clearable 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.jflx" style="width: 130px" slot="prepend" placeholder="缴费类型">
|
||||
<el-option value="学校经费" label="学校经费"></el-option>
|
||||
<el-option value="单位缴费" 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="download">-->
|
||||
<!-- 数据模板-->
|
||||
<!-- </el-button>-->
|
||||
<el-button size="medium" @click="opendr">
|
||||
导入
|
||||
</el-button>
|
||||
<el-button size="medium" @click="openAdd">
|
||||
新增
|
||||
</el-button>
|
||||
<!-- <el-button size="medium" @click="alldel">
|
||||
删除
|
||||
</el-button>-->
|
||||
<!-- <el-button size="medium" @click="dc">
|
||||
导出
|
||||
</el-button>-->
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" @sort-change="changeTableSort" size="small">
|
||||
<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 prop="name" width="220px" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="福利单位" sortable prop="unionname" width="220px" 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="福利会员" prop="flhy" 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="300">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" @click="see(scope.row)">查看</el-button>
|
||||
<el-button size="mini" 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
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
|
||||
<el-divider content-position="left" style="color: #409EFF">系统未找到的人员数据</el-divider>
|
||||
|
||||
<template class="el-table-container2">
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="noTableData" @sort-change="changeTableSort" size="small">
|
||||
<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 prop="unitname" width="220px" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<!-- <el-table-column label="基层工会" sortable prop="unionname" width="220px" 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="操作" header-align="center" align="center" width="300">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" @click="see(scope.row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@current-change="noPageNumberChange"
|
||||
:current-page="noPageForm.pageNumber"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="noPageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
|
||||
<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);">
|
||||
<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>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</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="unionid">
|
||||
<el-select clearable filterable v-model="EditFormData.unionid"
|
||||
@change="getFghBydw(EditFormData.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 filterable 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>
|
||||
</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="新增"
|
||||
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="工号">
|
||||
<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 filterable 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 filterable 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-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
|
||||
custom-class="ViewDialogClass"
|
||||
title="人员名单导入"
|
||||
:visible.sync="drDialogVisible"
|
||||
:close-on-click-modal="false"
|
||||
width="40%"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="9">
|
||||
<el-upload
|
||||
name="file"
|
||||
ref="upload"
|
||||
action="****"
|
||||
:on-remove="handleRemove"
|
||||
:on-change="handleChange"
|
||||
:auto-upload="false"
|
||||
:limit="1"
|
||||
:file-list="fileList">
|
||||
<el-button size="small" type="">选择文件</el-button>
|
||||
<div class="el-upload__tip" slot="tip" style="color: #F56C6C">
|
||||
只能上传 xls/xlsx 文件
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="10">
|
||||
导入数据年度：
|
||||
<el-date-picker
|
||||
v-model="year"
|
||||
type="year"
|
||||
size="small"
|
||||
style="width: 50%"
|
||||
value-format="yyyy"
|
||||
placeholder="年度">
|
||||
</el-date-picker>
|
||||
</el-col>
|
||||
<!-- <el-col :span="5">
|
||||
<el-select size="small" v-model="yf" placeholder="月份">
|
||||
<el-option label="4月" value="4月"></el-option>
|
||||
<el-option label="12月" value="12月"></el-option>
|
||||
</el-select>
|
||||
</el-col>-->
|
||||
|
||||
|
||||
</el-row>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="drDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="dq">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: "#app",
|
||||
data() {
|
||||
|
||||
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",
|
||||
jflx: "",
|
||||
rylx: "",
|
||||
fgh: "",
|
||||
prop: "",
|
||||
order: "",
|
||||
ejdw: "",
|
||||
newhy: "",
|
||||
flhy: ""
|
||||
},
|
||||
|
||||
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']}],
|
||||
year: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
yf: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
order: "",
|
||||
prop: "",
|
||||
},
|
||||
drDialogVisible: false,
|
||||
fileList: [],
|
||||
year: "",
|
||||
yf: "",
|
||||
fghlist: [],
|
||||
dw: [],
|
||||
lp: "",
|
||||
lplist: [],
|
||||
noTableData: [],
|
||||
noPageForm: {
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageForm.newhy = "";
|
||||
this.pageData();
|
||||
},
|
||||
pageData() {
|
||||
var self = this;
|
||||
$.post(base + "/platform/zgfw/mddr/data", self.pageForm, function (data) {
|
||||
if (data.code === 0) {
|
||||
self.tableData = data.data.list;
|
||||
self.pageForm.totalCount = data.data.totalCount;
|
||||
|
||||
} else {
|
||||
self.$message.error(data.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
noPageData() {
|
||||
$.post("/platform/zgfw/mddr/getUserNo", this.noPageForm, (data) => {
|
||||
if (data.code === 0) {
|
||||
this.noTableData = data.data.list;
|
||||
this.noPageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
this.$message.error(data.msg);
|
||||
}
|
||||
})
|
||||
},
|
||||
pageNumberChange(val) {
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
noPageNumberChange(val) {
|
||||
this.noPageForm.pageNumber = val;
|
||||
this.noPageData();
|
||||
},
|
||||
openAdd() {
|
||||
var self = this;
|
||||
self.addDialogVisible = true;
|
||||
self.AddFormData = {jflx: '2', year: self.pageForm.year, lpid: self.pageForm.lp};
|
||||
if (this.$refs["addForm"])
|
||||
this.$refs["addForm"].resetFields();
|
||||
},
|
||||
async getDw() {
|
||||
this.dwlist = await getUnits();
|
||||
},
|
||||
async getFgh() {
|
||||
this.fghlist = await getWelfareUnits();
|
||||
},
|
||||
async getFghBydw(dwid) {
|
||||
this.dwlist = await getUnitsByWelfareUnit(dwid);
|
||||
this.EditFormData.unitid = "";
|
||||
this.AddFormData.unitid = "";
|
||||
},
|
||||
doAdd() {
|
||||
var self = this;
|
||||
this.$refs["addForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
$.post(base + "/platform/zgfw/mddr/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(scope) {
|
||||
var self = this;
|
||||
self.viewData = scope;
|
||||
self.viewDialogVisible = true;
|
||||
},
|
||||
openEdit(scope) {
|
||||
var self = this;
|
||||
self.EditFormData = JSON.parse(JSON.stringify(scope));
|
||||
self.editDialogVisible = true;
|
||||
if (this.$refs["editForm"])
|
||||
this.$refs["editForm"].resetFields();
|
||||
},
|
||||
doEdit() {
|
||||
var self = this;
|
||||
this.$refs["editForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
$.post(base + "/platform/zgfw/mddr/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(id) {
|
||||
var self = this;
|
||||
self.$confirm('此操作将删除这条数据，确定吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback(a, b) {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
$.post(base + "/platform/zgfw/mddr/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");
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
download() {//附件下载
|
||||
var self = this;
|
||||
window.location.href = base + "/platform/zgfw/mdgl/downLoad";
|
||||
|
||||
},
|
||||
opendr() {
|
||||
var self = this;
|
||||
self.fileList = [];
|
||||
self.year = "";
|
||||
self.drDialogVisible = true;
|
||||
},
|
||||
dq() {
|
||||
var self = this;
|
||||
|
||||
if (self.fileList.length == 0) {
|
||||
self.$message.warning("请选择选择一个文件!");
|
||||
return;
|
||||
}
|
||||
if (self.year == "" || self.year == undefined) {
|
||||
self.$message.warning("请选择数据所属年份!");
|
||||
return;
|
||||
}
|
||||
var formdata = new FormData();
|
||||
self.fileList.forEach(function (val) {
|
||||
formdata.append("file", val.raw, val.raw.name);
|
||||
});
|
||||
sublime.showLoadingbar()
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '数据读取中',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
$.ajax({
|
||||
url: base + "/platform/zgfw/mdgl/getRow?year=" + self.year + "&yf=" + self.yf,
|
||||
type: "post",
|
||||
data: formdata,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
success(data) {
|
||||
if (data.code == 0) {
|
||||
loading.close();
|
||||
self.$message.success("数据导入成功！");
|
||||
self.pageData();
|
||||
self.drDialogVisible = false;
|
||||
} else {
|
||||
loading.close();
|
||||
self.$message.error(data.msg);
|
||||
}
|
||||
sublime.closeLoadingbar()
|
||||
},
|
||||
error(data) {
|
||||
|
||||
sublime.closeLoadingbar()
|
||||
}
|
||||
});
|
||||
},
|
||||
handleRemove(file, fileList) {
|
||||
var self = this;
|
||||
self.fileList = fileList;
|
||||
},
|
||||
handleChange(file, fileList) {
|
||||
var self = this;
|
||||
if (file.size == 0) {
|
||||
self.$message.warning("您选择的是空文件!");
|
||||
for (var i = 0; i < fileList.length; i++) {
|
||||
if (file == fileList[i]) {
|
||||
fileList.splice(i, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
self.fileList = fileList;
|
||||
},
|
||||
alldel() {
|
||||
var self = this;
|
||||
self.$confirm('此操作将删除当前所选数据，确定吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback(a, b) {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
$.post(base + "/platform/zgfw/mddr/allDel", self.pageForm, 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(column) {
|
||||
var self = this;
|
||||
self.pageForm.prop = column.prop;
|
||||
self.pageForm.order = column.order;
|
||||
self.pageData();
|
||||
},
|
||||
dc() {
|
||||
var self = this;
|
||||
location.href = base + "/platform/zgfw/mdgl/exportExcel?year=" + self.pageForm.year + "&yf=" + self.pageForm.yf + "&searchKey=" + self.searchKey + "&searchName=" +
|
||||
self.pageForm.searchName + "&jflx=" + self.pageForm.jflx + "&bzlx=" + self.pageForm.bzlx + "&fgh=" + self.pageForm.fgh + "&order=" + self.pageForm.order + "&prop=" + self.pageForm.prop;
|
||||
},
|
||||
getJjrlp(year) {
|
||||
var self = this;
|
||||
$.post(base + "/platform/zgfw/mdgl/getJjrlp", {year: year}, function (data) {
|
||||
self.lplist = data.data;
|
||||
self.pageForm.lp = self.lplist[0].lp_id
|
||||
self.pageData();
|
||||
})
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
this.noPageData()
|
||||
this.getDw();
|
||||
this.getFgh();
|
||||
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,627 @@
|
||||
<!--#
|
||||
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>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,361 @@
|
||||
<!--#
|
||||
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);
|
||||
}
|
||||
|
||||
.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-select clearable placeholder="福利单位" filterable v-model="pageForm.fgh" style="width:210px">
|
||||
<el-option v-for="dw in dwlist" :value="dw.id" :label="dw.welfare_unit_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-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<el-button size="medium" :disabled="ids.length==0?true:false" @click="plsh">
|
||||
批量审核
|
||||
</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" ref="multipleTable" @sort-change="changeTableSort" size="small"
|
||||
@selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection">
|
||||
</el-table-column>
|
||||
<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="welfare_unit_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="变化原因" prop="bhyy" header-align="center" align="center">
|
||||
</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="200">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="primary" @click="see(scope.row)">审核</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
|
||||
<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-item title="审核" name="2">
|
||||
<el-form :model="formData" :rules="formRules" ref="shForm" size="medium" label-width="100px">
|
||||
<el-form-item prop="flag" label="审核结果">
|
||||
<el-radio-group @change="change" style="margin-left: 32%" v-model="formData.flag">
|
||||
<el-radio label="false" border>拒绝</el-radio>
|
||||
<el-radio label="true" border>通过</el-radio>
|
||||
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="viewDialogVisible = false">关 闭</el-button>
|
||||
<el-button type="primary" @click="doSh">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog
|
||||
title="批量审核"
|
||||
:visible.sync="plshDialogVisible"
|
||||
width="40%">
|
||||
|
||||
<el-form :model="formData" :rules="formRules" ref="shForm" size="medium" label-width="80px">
|
||||
<el-form-item prop="flag" label="审核结果">
|
||||
<el-radio-group @change="change" style="margin-left: 32%" v-model="formData.flag">
|
||||
<el-radio label="flase" border>拒绝</el-radio>
|
||||
<el-radio label="true" border>通过</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="plshDialogVisible = false">关 闭</el-button>
|
||||
<el-button type="primary" @click="doplsh">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: "#app",
|
||||
data: function () {
|
||||
|
||||
return {
|
||||
formRules: {
|
||||
flag: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
||||
shyj: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
viewData: {},
|
||||
viewDialogVisible: false,
|
||||
activeNames: ["1", "2"],
|
||||
addDialogVisible: false,
|
||||
AddFormData: {},
|
||||
editDialogVisible: false,
|
||||
EditFormData: {},
|
||||
pageForm: {
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
searchName: "",
|
||||
year: moment().format('YYYY'),
|
||||
sfhz: "",
|
||||
fgh: "",
|
||||
searchKey: "username",
|
||||
jflx: "",
|
||||
rylx: "",
|
||||
yf: moment().format('MM') == '12' ? '12月' : '4月',
|
||||
prop: "",
|
||||
order: ""
|
||||
},
|
||||
tableData: [],
|
||||
drDialogVisible: false,
|
||||
fileList: [],
|
||||
rows: [],
|
||||
hzlist: [],
|
||||
year: "",
|
||||
dwlist: [],
|
||||
formData: {},
|
||||
multipleTable: [],
|
||||
ids: [],
|
||||
plshDialogVisible: false,
|
||||
lplist: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
doSearch: function () {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
},
|
||||
pageData: function () {
|
||||
var self = this;
|
||||
$.post(base + "/platform/zgfw/rysh/data", self.pageForm, function (data) {
|
||||
if (data.code === 0) {
|
||||
self.tableData = data.data.list;
|
||||
self.pageForm.totalCount = data.data.totalCount;
|
||||
|
||||
} else {
|
||||
self.$message.error(data.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
pageNumberChange: function (val) {
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
async getDw() {
|
||||
this.dwlist = await getWelfareUnits();
|
||||
},
|
||||
change: function () {
|
||||
this.$forceUpdate()
|
||||
},
|
||||
see: function (scope) {
|
||||
var self = this;
|
||||
console.log(scope)
|
||||
self.viewData = scope;
|
||||
self.viewDialogVisible = true;
|
||||
self.formData.id = scope.id;
|
||||
self.formData.flag = 'true';
|
||||
},
|
||||
doSh() {
|
||||
this.$refs["shForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
|
||||
$.post(base + "/platform/zgfw/rysh/doSh", this.formData, (data) => {
|
||||
if (data.code == 0) {
|
||||
this.$message({
|
||||
message: '审核成功！',
|
||||
type: 'success'
|
||||
});
|
||||
this.pageData();
|
||||
this.viewDialogVisible = false;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
|
||||
}, "json");
|
||||
}
|
||||
});
|
||||
},
|
||||
handleSelectionChange: function (val) {
|
||||
var self = this;
|
||||
self.ids = [];
|
||||
val.forEach(function (value) {
|
||||
self.ids.push(value.id);
|
||||
})
|
||||
},
|
||||
plsh: function () {
|
||||
var self = this;
|
||||
self.formData.flag = 'true';
|
||||
self.plshDialogVisible = true;
|
||||
},
|
||||
doplsh: function () {
|
||||
var self = this;
|
||||
self.$refs["shForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
self.formData.ids = JSON.stringify(self.ids);
|
||||
$.post(base + "/platform/zgfw/rysh/plsh", self.formData, (data) => {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: '审核成功！',
|
||||
type: 'success'
|
||||
});
|
||||
self.pageData();
|
||||
self.plshDialogVisible = false;
|
||||
} 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.pageForm.lp = self.lplist[0].lp_id
|
||||
self.pageData();
|
||||
})
|
||||
}
|
||||
},
|
||||
created: function () {
|
||||
this.pageData();
|
||||
this.getDw();
|
||||
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user