first commit
This commit is contained in:
@@ -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