first commit
This commit is contained in:
@@ -0,0 +1,267 @@
|
||||
<!--基金批量设置-->
|
||||
<!--#
|
||||
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>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user