270 lines
11 KiB
HTML
270 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">
|
|
<div>
|
|
<el-input placeholder="请输入内容" clearable 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-select v-model="plszpageForm.union" @change="seeunit(plszpageForm.union)"
|
|
:disabled="flag==2||flag==5?true:false" 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.unit" 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">
|
|
<el-button type="primary" icon="el-icon-search" @click="dosearch"></el-button>
|
|
</div>
|
|
|
|
<div class="pull-right offscreen-right mt5">
|
|
<el-button @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="所属工会" :show-overflow-tooltip="true"
|
|
prop="unionname"></el-table-column>
|
|
<el-table-column align="center" header-align="center" :show-overflow-tooltip="true" label="所属单位"
|
|
prop="name"></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="工号" 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" :show-overflow-tooltip="true" label="单位"
|
|
prop="name"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="电话" prop="mobile"></el-table-column>
|
|
<!-- <el-table-column align="right">
|
|
<template scope="scope">
|
|
<el-button type="danger" size="small" @click="remove(scope)">移除</el-button>
|
|
</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>
|
|
var vm;
|
|
vm = new Vue({
|
|
el: "#app",
|
|
data: function () {
|
|
return {
|
|
plszpageForm: {
|
|
pageNumber: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
flag: "",
|
|
union: "",
|
|
unit: "",
|
|
searchKeyword: "",
|
|
searchName: "username"
|
|
},
|
|
plsztableData: [],
|
|
units: [],
|
|
flag: "",
|
|
pageForm: {
|
|
pageNumber: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
searchKeyword: "",
|
|
rxTime: "",
|
|
txTime: "",
|
|
unionid: "",
|
|
userstate: "",
|
|
searchName: "username"
|
|
},
|
|
hylist: [],
|
|
oldlist: [],
|
|
con: false,
|
|
addhyDialog: false,
|
|
multipleTable: [],
|
|
ids: [],
|
|
unions: []
|
|
}
|
|
},
|
|
methods: {
|
|
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/hy/hyda/findPlSzUser", self.plszpageForm, function (data) {
|
|
if (data.code == 0) {
|
|
self.plsztableData = data.data.user.list;
|
|
self.plszpageForm.totalCount = data.data.user.totalCount;
|
|
self.unionid = data.data.unionid;
|
|
}
|
|
}, "json");
|
|
},
|
|
handleSelectionChange: function (val) {
|
|
this.hylist = val;
|
|
},
|
|
getRowKeys: function (row) {
|
|
return row.id;
|
|
},
|
|
dosearch: function () {
|
|
var self = this;
|
|
self.plszpageForm.pageNumber = 1;
|
|
self.plszPageData();
|
|
|
|
},
|
|
load: function () {
|
|
var self = this;
|
|
$.post(base + "/platform/hy/hyda/init", self.pageForm, function (data) {
|
|
sublime.closeLoadingbar();//关闭loading
|
|
if (data.code == 0) {
|
|
self.flag = data.data.flag;
|
|
if (self.flag == 2 || self.flag == 5) {
|
|
self.plszpageForm.union = data.data.unions[0].id
|
|
}
|
|
self.plszpageForm.flag = data.data.flag;
|
|
self.units = data.data.ejdw;
|
|
self.unions = data.data.unions;
|
|
self.plszPageData()
|
|
}
|
|
}, "json");
|
|
},
|
|
sz: function () {
|
|
this.con = false;
|
|
|
|
if (this.hylist == "") {
|
|
this.addhyDialog = false;
|
|
this.$message({
|
|
message: "请先选择批量设置的用户！",
|
|
type: 'warning'
|
|
});
|
|
return
|
|
}
|
|
this.addhyDialog = true
|
|
},
|
|
remove: function (scope) {
|
|
this.con = true
|
|
this.$refs.multipleTable.clearSelection();
|
|
this.oldlist.splice(scope.$index, 1);
|
|
this.hylist = this.oldlist;
|
|
|
|
for (var i = 0; i < this.hylist.length; i++) {
|
|
for (var j = 0; j < this.plsztableData.length; j++) {
|
|
if (this.hylist[i].id == this.plsztableData[j].id) {
|
|
this.$refs.multipleTable.toggleRowSelection(this.plsztableData[j]);
|
|
}
|
|
}
|
|
}
|
|
|
|
},
|
|
doSz: function () {
|
|
var self = this;
|
|
self.ids = [];
|
|
for (var i = 0; i < self.hylist.length; i++) {
|
|
if (self.hylist[i].name == "" || self.hylist[i].name == null) {
|
|
self.$message({
|
|
message: "用户单位为空，操作失败",
|
|
type: 'warning'
|
|
});
|
|
return;
|
|
}
|
|
self.ids[i] = self.hylist[i].id;
|
|
}
|
|
|
|
$.post(base + "/platform/hy/hyda/plSz", {
|
|
"ids": self.ids.toString(),
|
|
"flag": self.flag
|
|
}, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.plszPageData();
|
|
self.addhyDialog = false;
|
|
}
|
|
}, "json");
|
|
|
|
},
|
|
seeunit: function (id) {
|
|
console.log(id)
|
|
var self = this;
|
|
$.post(base + "/platform/hy/hyda/seeunit", {id: id}, function (data) {
|
|
self.units = data.data;
|
|
self.pageForm.unitid = "";
|
|
})
|
|
}
|
|
|
|
},
|
|
created: function () {
|
|
this.load()
|
|
|
|
}
|
|
});
|
|
</script>
|
|
<!--#
|
|
}
|
|
#--> |