first commit
This commit is contained in:
@@ -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>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user