267 lines
11 KiB
HTML
267 lines
11 KiB
HTML
<!--基金批量设置-->
|
|
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
<div id="app" v-cloak="">
|
|
<el-row class="header navbar bg-white shadow">
|
|
<!-- <div class="btn-group tool-button mt5">
|
|
<el-input placeholder="可按工号、姓名查询" v-model="plszpageForm.searchKeyword" clearable></el-input>
|
|
</div>-->
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select v-model="plszpageForm.unionid" @change="unionChange" @clear="unionChange" filterable clearable
|
|
placeholder="请选择工会">
|
|
<el-option
|
|
v-for="item in unions"
|
|
:label="item.unionname"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select v-model="plszpageForm.unitid" filterable clearable placeholder="请选择单位">
|
|
<el-option
|
|
v-for="item in units"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<div>
|
|
<el-input placeholder="请输入内容" v-model="plszpageForm.searchKeyword">
|
|
<el-select v-model="plszpageForm.searchName" slot="prepend" placeholder="查询" style="width: 100px;">
|
|
<el-option label="工号" value="loginname"></el-option>
|
|
<el-option label="姓名" value="username"></el-option>
|
|
</el-select>
|
|
</el-input>
|
|
</div>
|
|
</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" type="warning" @click="sz"><i class="ti-plus"></i>批量设置基金会员</el-button>
|
|
|
|
</div>
|
|
</el-row>
|
|
|
|
<el-row class="el-table-container">
|
|
<el-table :data="plsztableData" ref="multipleTable" size="small" @selection-change="handleSelectionChange"
|
|
:row-key="getRowKeys">
|
|
<el-table-column type="selection" :reserve-selection="true"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="序号" type="index">
|
|
<template scope="scope">
|
|
<span>{{scope.$index+(plszpageForm.pageNumber - 1) * plszpageForm.pageSize + 1}} </span></template>
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="工号" prop="loginname"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="姓名" prop="username"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="性别" prop="sex"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="电话" prop="mobile"></el-table-column>
|
|
<!-- <el-table-column align="center" header-align="center" label="入校时间" prop="rxsj"></el-table-column>-->
|
|
<el-table-column align="center" header-align="center" :show-overflow-tooltip="true" label="单位"
|
|
prop="depname"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="所属工会" :show-overflow-tooltip="true"
|
|
prop="unionname"></el-table-column>
|
|
<el-table-column
|
|
prop="rylx"
|
|
label="人员类型"
|
|
header-align="center"
|
|
align="center">
|
|
</el-table-column>
|
|
|
|
|
|
</el-table>
|
|
</el-row>
|
|
<el-row class="el-pagination-container">
|
|
<el-pagination
|
|
@size-change="plszpageSizeChange"
|
|
@current-change="plszpageNumberChange"
|
|
:current-page="plszpageForm.pageNumber"
|
|
:page-sizes="[10, 20, 30, 50]"
|
|
:page-size="plszpageForm.pageSize"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
:total="plszpageForm.totalCount">
|
|
</el-pagination>
|
|
</el-row>
|
|
|
|
<el-dialog
|
|
title="批量加入大病基金"
|
|
:visible.sync="addhyDialog"
|
|
custom-class="ViewDialogClass"
|
|
width="50%">
|
|
<el-table :data="hylist" size="small">
|
|
<el-table-column align="center" header-align="center" label="序号" type="index"
|
|
min-width="60px"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="工号" prop="loginname"
|
|
min-width="80px"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="姓名" prop="username"
|
|
min-width="60px"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="性别" prop="sex"
|
|
min-width="60px"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="电话" prop="mobile"
|
|
min-width="100px"></el-table-column>
|
|
<el-table-column align="center" header-align="center" :show-overflow-tooltip="true" label="单位"
|
|
min-width="120px" prop="depname"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="入校时间" prop="unionname" min-width="130px">
|
|
<template scope="scope">
|
|
<el-date-picker
|
|
size="small"
|
|
v-model="scope.row.rxsj"
|
|
type="month"
|
|
placeholder="选择年月"
|
|
format="yyyy-MM"
|
|
value-format="yyyy-MM"
|
|
style="width: 130px;"
|
|
>
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button @click="addhyDialog=false">取消</el-button>
|
|
<el-button type="primary" @click="doSz">确定</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
<script>
|
|
const vm = new Vue({
|
|
el: "#app",
|
|
data: function () {
|
|
return {
|
|
plszpageForm: {
|
|
pageNumber: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
flag: "",
|
|
unionid: "",
|
|
unitid: "",
|
|
searchKeyword: "",
|
|
searchName: "username"
|
|
},
|
|
plsztableData: [],
|
|
units: [],
|
|
unions: [],
|
|
flag: "",
|
|
pageForm: {
|
|
pageNumber: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
searchKeyword: "",
|
|
rxTime: "",
|
|
txTime: "",
|
|
unionid: "",
|
|
userstate: "",
|
|
},
|
|
hylist: [],
|
|
oldlist: [],
|
|
con: false,
|
|
addhyDialog: false,
|
|
multipleTable: [],
|
|
ids: [],
|
|
}
|
|
},
|
|
methods: {
|
|
unionChange() {
|
|
let self = this
|
|
if (!self.plszpageForm.unionid) {
|
|
self.plszpageForm.unitid = ''
|
|
self.units = []
|
|
}
|
|
self.getUnitOptions()
|
|
},
|
|
async getUnitOptions() {
|
|
this.units = await getUnits(this.plszpageForm.unionid)
|
|
},
|
|
plszpageSizeChange: function (val) {
|
|
this.plszpageForm.pageSize = val;
|
|
this.plszPageData();
|
|
},
|
|
plszpageNumberChange: function (val) {
|
|
this.plszpageForm.pageNumber = val;
|
|
this.plszPageData();
|
|
},
|
|
plszPageData: function () {
|
|
var self = this;
|
|
$.post(base + "/platform/zgfw/dbhzjjpl/data", self.plszpageForm, function (data) {
|
|
if (data.code == 0) {
|
|
self.plsztableData = data.data.user.list;
|
|
self.plszpageForm.totalCount = data.data.user.totalCount;
|
|
console.log(self.plszpageForm.totalCount);
|
|
}
|
|
}, "json");
|
|
},
|
|
handleSelectionChange: function (val) {
|
|
this.hylist = val;
|
|
},
|
|
getRowKeys: function (row) {
|
|
return row.id;
|
|
},
|
|
dosearch: function () {
|
|
var self = this;
|
|
self.plszpageForm.pageNumber = 1;
|
|
self.plszPageData();
|
|
|
|
},
|
|
sz: function () {
|
|
this.con = false;
|
|
|
|
if (this.hylist == "") {
|
|
this.addhyDialog = false;
|
|
this.$message({
|
|
message: "请先选择批量设置的用户！",
|
|
type: 'warning'
|
|
});
|
|
return
|
|
}
|
|
this.addhyDialog = true
|
|
},
|
|
doSz: function () {
|
|
var self = this;
|
|
self.ids = [];
|
|
var count = 0;
|
|
for (var i = 0; i < self.hylist.length; i++) {
|
|
self.ids[i] = self.hylist[i].id;
|
|
if (self.hylist[i].rxsj == "" || self.hylist[i].rxsj == null) {
|
|
count++;
|
|
}
|
|
}
|
|
if (count > 0) {
|
|
this.$message({
|
|
message: "请先填写会员入校时间！",
|
|
type: 'warning'
|
|
});
|
|
return;
|
|
}
|
|
$.post(base + "/platform/zgfw/dbhzjjpl/plSz", {
|
|
"ids": self.ids.toString(),
|
|
"userlist": JSON.stringify(self.hylist),
|
|
}, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.plszPageData();
|
|
self.$refs.multipleTable.clearSelection();
|
|
self.addhyDialog = false;
|
|
}
|
|
}, "json");
|
|
|
|
}
|
|
|
|
},
|
|
created: async function () {
|
|
this.plszPageData();
|
|
this.unions = await getUnions()
|
|
await this.getUnitOptions()
|
|
}
|
|
});
|
|
</script>
|
|
<!--#
|
|
}
|
|
#--> |