361 lines
14 KiB
HTML
361 lines
14 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);
|
|
}
|
|
|
|
.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>
|
|
<!--#
|
|
}
|
|
#--> |