866 lines
39 KiB
HTML
866 lines
39 KiB
HTML
<!--基层工会信息管理页面 djx 2019-5-7-->
|
|
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
|
|
<style>
|
|
.el-date-editor .el-range-separator {
|
|
padding: 0px;
|
|
}
|
|
|
|
#infoDialog .el-dialog__body {
|
|
padding: 0px 20px;
|
|
}
|
|
|
|
.el-tabs__header {
|
|
margin: 0 0 1px;
|
|
}
|
|
|
|
#lxrDialog .el-dialog__body {
|
|
padding-top: 0;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div id="app" v-cloak>
|
|
|
|
<!--快捷查询-->
|
|
<el-row class="header navbar bg-white shadow">
|
|
<div class="btn-group tool-button mt5">
|
|
<el-input style="width: 300px" placeholder="可按基层工会名称或负责人姓名查询" v-model="pageForm.searchKeyword" clearable></el-input>
|
|
</div>
|
|
|
|
<!-- <div class="btn-group tool-button mt5">-->
|
|
<!-- <el-date-picker-->
|
|
<!-- format="yyyy-MM-dd"-->
|
|
<!-- value-format="yyyy-MM-dd"-->
|
|
<!-- v-model="searchTime"-->
|
|
<!-- type="daterange"-->
|
|
<!-- range-separator="至"-->
|
|
<!-- start-placeholder="开始日期"-->
|
|
<!-- end-placeholder="结束日期">-->
|
|
<!-- </el-date-picker>-->
|
|
<!-- </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" @click="openAdd" type="warning"><i class="ti-plus"></i> 新建基层工会</el-button>
|
|
</div>
|
|
</el-row>
|
|
|
|
<!--表格列表显示-->
|
|
<el-row class="el-table-container">
|
|
<el-table :data="tableData">
|
|
<el-table-column align="center" header-align="center" label="序号" type="index">
|
|
<template scope="scope"><span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="基层工会名称" prop="unionname"
|
|
:show-overflow-tooltip="true"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="基层工会地址" prop="unionaddress"
|
|
:show-overflow-tooltip="true"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="基层工会负责人" prop="leader"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="联系电话" prop="telephone"></el-table-column>
|
|
<el-table-column align="center" label="操作" width="350px">
|
|
<template slot-scope="scope">
|
|
<el-button type="info" size="mini" @click="openLxb(scope.row)">联系信息表</el-button>
|
|
<el-button type="success" size="mini" @click="openInfo(scope)">查看</el-button>
|
|
<el-button type="primary" size="mini" @click="openEdit(scope)">编辑</el-button>
|
|
<el-button type="danger" size="mini" @click="deleteDo(scope)">删除</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
</el-row>
|
|
<!--分页-->
|
|
<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>
|
|
|
|
<!--新建基层工会-->
|
|
<el-dialog
|
|
title="新增基层工会"
|
|
:visible.sync="addDialogVisible" width="40%" custom-class="ViewDialogClass">
|
|
|
|
<el-form :model="formData" ref="addForm" :rules="formRules" size="small" label-width="86px">
|
|
|
|
<el-form-item prop="unionname" label="基层工会名称">
|
|
<el-input maxlength="100" placeholder="基层工会名称"
|
|
v-model="formData.unionname"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
<el-form-item prop="unionaddress" label="基层工会地址">
|
|
<el-input maxlength="100" placeholder="基层工会地址"
|
|
v-model="formData.unionaddress"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
<el-form-item prop="unionleader" label="基层工会负责人">
|
|
<el-select
|
|
style="width: 100%"
|
|
v-model="formData.unionleader"
|
|
filterable
|
|
remote
|
|
multiple
|
|
reserve-keyword
|
|
placeholder="请输入关键词"
|
|
:remote-method="remoteMethod"
|
|
:loading="loading">
|
|
<el-option v-for="item in User" :label="item.name" :value="item.id"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item prop="telephone" label="联系电话">
|
|
<el-input maxlength="100" placeholder="联系电话"
|
|
v-model="formData.telephone" clearable
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
<el-form-item prop="dwcode" label="单位编号">
|
|
<el-input maxlength="100" placeholder="单位编号"
|
|
v-model="formData.dwcode" clearable
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
<!-- <el-form-item prop="uniontime" label="建会时间">-->
|
|
<!-- <el-date-picker style="width: 100%" v-model="formData.uniontime" format="yyyy-MM-dd"-->
|
|
<!-- value-format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>-->
|
|
<!-- </el-form-item>-->
|
|
<el-form-item prop="unit" label="组成单位">
|
|
<el-select v-model="formData.unit" multiple filterable style="width: 100%" placeholder="请选择单位">
|
|
<el-option
|
|
v-for="item in unitSeled"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
</el-form>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="addDialogVisible = false">取 消</el-button>
|
|
<el-button type="primary" @click="doAdd">确 定</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
<!--编辑基层工会-->
|
|
<el-dialog
|
|
title="编辑基层工会"
|
|
:visible.sync="editDialogVisible" width="40%" custom-class="ViewDialogClass">
|
|
|
|
<el-form :model="editformData" ref="editForm" :rules="editformRules" size="small" label-width="86px">
|
|
|
|
<el-form-item prop="unionname" label="基层工会名称">
|
|
<el-input maxlength="100" placeholder="基层工会名称"
|
|
v-model="editformData.unionname"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
<el-form-item prop="unionaddress" label="基层工会地址">
|
|
<el-input maxlength="100" placeholder="基层工会地址"
|
|
v-model="editformData.unionaddress"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
<el-form-item prop="unionleader" label="基层工会负责人">
|
|
<el-select
|
|
style="width: 100%"
|
|
v-model="editformData.unionleader"
|
|
filterable
|
|
remote
|
|
multiple
|
|
reserve-keyword
|
|
placeholder="请输入关键词"
|
|
:remote-method="remoteMethode"
|
|
:loading="loading">
|
|
<el-option v-for="item in User" :label="item.name" :value="item.id"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item prop="telephone" label="联系电话">
|
|
<el-input maxlength="100" placeholder="联系电话"
|
|
v-model="editformData.telephone" clearable
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
<el-form-item prop="dwcode" label="单位编号">
|
|
<el-input maxlength="100" placeholder="单位编号"
|
|
v-model="editformData.dwcode" clearable
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
<!-- <el-form-item prop="uniontime" label="建会时间">-->
|
|
<!-- <el-date-picker style="width: 100%" v-model="editformData.uniontime" format="yyyy-MM-dd"-->
|
|
<!-- value-format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>-->
|
|
<!-- </el-form-item>-->
|
|
<el-form-item prop="unit" label="组成单位">
|
|
<el-select v-model="editformData.unit" multiple filterable style="width: 100%" placeholder="请选择单位">
|
|
<el-option
|
|
v-for="item in editunit"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
</el-form>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="editDialogVisible = false">取 消</el-button>
|
|
<el-button type="primary" @click="doEdit">确 定</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
<!--查看-->
|
|
<el-dialog title="查看基层工会信息" id="infoDialog"
|
|
:visible.sync="infoDialogVisible" custom-class="ViewDialogClass">
|
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
<el-tab-pane style="margin-top: 14px;" label="基层工会信息" name="first">
|
|
<el-row style="text-align: left;padding-right: 17px;">
|
|
<el-col :span="6">
|
|
<el-label style="font-weight: bold;font-size: small;"> 基层工会名称：</el-label>
|
|
</el-col>
|
|
<el-col :span="18">
|
|
<el-label>{{detailInfo.unionname}}</el-label>
|
|
</el-col>
|
|
</el-row>
|
|
<br/>
|
|
|
|
<el-row style="text-align: left;padding-right: 17px;">
|
|
<el-col :span="6">
|
|
<el-label style="font-weight: bold;font-size: small;"> 基层工会地址：</el-label>
|
|
</el-col>
|
|
<el-col :span="18">
|
|
<el-label>{{detailInfo.unionaddress}}</el-label>
|
|
</el-col>
|
|
</el-row>
|
|
<br/>
|
|
|
|
<!-- <el-row style="text-align: left;padding-right: 17px;">-->
|
|
<!-- <el-col :span="6">-->
|
|
<!-- <el-label style="font-weight: bold;font-size: small;"> 建会时间：</el-label>-->
|
|
<!-- </el-col>-->
|
|
<!-- <el-col :span="18">-->
|
|
<!-- <el-label>{{detailInfo.uniontime}}</el-label>-->
|
|
<!-- </el-col>-->
|
|
<!-- </el-row>-->
|
|
<!-- <br/>-->
|
|
|
|
<el-row style="text-align: left;padding-right: 17px;">
|
|
<el-col :span="6">
|
|
<el-label style="font-weight: bold;font-size: small;">基层工会负责人：</el-label>
|
|
</el-col>
|
|
<el-col :span="18">
|
|
<el-label>{{detailInfo.leader}}</el-label>
|
|
</el-col>
|
|
</el-row>
|
|
<br/>
|
|
<el-row style="text-align: left;padding-right: 17px;">
|
|
<el-col :span="6">
|
|
<el-label style="font-weight: bold;font-size: small;"> 联系电话：</el-label>
|
|
</el-col>
|
|
<el-col :span="18">
|
|
<el-label>{{detailInfo.telephone}}</el-label>
|
|
</el-col>
|
|
</el-row>
|
|
<br/>
|
|
<el-row style="text-align: left;padding-right: 17px;">
|
|
<el-col :span="6">
|
|
<el-label style="font-weight: bold;font-size: small;"> 单位编号：</el-label>
|
|
</el-col>
|
|
<el-col :span="18">
|
|
<el-label>{{detailInfo.dwcode}}</el-label>
|
|
</el-col>
|
|
</el-row>
|
|
<br/>
|
|
|
|
<!--<el-row style="text-align: left;padding-right: 17px;">
|
|
<el-col :span="6"><el-label style="font-weight: bold;font-size: small;"> 单  位：</el-label></el-col>
|
|
<el-col :span="18">
|
|
<template v-for="item,index in unitInfo">
|
|
<el-col :span="6">{{item.name}}</el-col>
|
|
<br v-if="(index+1) % 3 == 0"/>
|
|
</template>
|
|
</el-col>
|
|
</el-row><br/>-->
|
|
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="人员信息" name="third">
|
|
<el-row class="header navbar bg-white shadow" style="min-height: 43px;">
|
|
<div class="btn-group tool-button mt5">
|
|
<el-input placeholder="可按姓名、电话查询" size="small" v-model="userpageForm.searchKeyword"
|
|
clearable></el-input>
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select v-model="userpageForm.unit" filterable clearable size="small" placeholder="请选择单位">
|
|
<el-option
|
|
v-for="item in unitInfo"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</div>
|
|
|
|
<div class="btn-group tool-button mt5">
|
|
<el-button size="small" type="primary" icon="el-icon-search" @click="doUserSearch"></el-button>
|
|
</div>
|
|
</el-row>
|
|
<el-row class="el-table-container">
|
|
<el-table :data="usertableData" size="small">
|
|
<el-table-column align="center" header-align="center" label="序号" type="index">
|
|
<template scope="scope"><span>{{scope.$index+(userpageForm.pageNumber - 1) * userpageForm.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="单位" width="200px"
|
|
prop="depname"></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="zzzt"></el-table-column>
|
|
</el-table>
|
|
</el-row>
|
|
<el-row class="el-pagination-container">
|
|
<el-pagination
|
|
@size-change="userpageSizeChange"
|
|
@current-change="userpageNumberChange"
|
|
:current-page="userpageForm.pageNumber"
|
|
:page-sizes="[10, 20, 30, 50]"
|
|
:page-size="userpageForm.pageSize"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
:total="userpageForm.totalCount">
|
|
</el-pagination>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="单位组成" name="fourth">
|
|
<el-table :data="unitInfo" size="small">
|
|
<el-table-column align="center" header-align="center" label="序号" type="index">
|
|
<template scope="scope"><span>{{scope.$index+1}} </span></template>
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="单位名称" prop="name"></el-table-column>
|
|
</el-table>
|
|
</el-tab-pane>
|
|
|
|
</el-tabs>
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="infoDialogVisible = false">确 定</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
<el-dialog
|
|
id="lxrDialog"
|
|
:title="union.unionname+'联系信息表'"
|
|
:visible.sync="lxbDialogVisible" width="70%" custom-class="ViewDialogClass"
|
|
|
|
>
|
|
|
|
<div class="pull-right offscreen-right mt5" style="margin-bottom: 10px;margin-top: 10px">
|
|
<el-button size="small" @click="lxbTableData.push({})" type="warning"><i class="ti-plus"></i> 添加联系人
|
|
</el-button>
|
|
</div>
|
|
|
|
<el-table :data="lxbTableData" border>
|
|
<el-table-column align="center" header-align="center" label="序号" type="index"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="姓名" prop="name">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="填写姓名" size="small" v-model="scope.row.name" clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="性别" width="110px" prop="sex">
|
|
<template slot-scope="scope">
|
|
<el-select v-model="scope.row.sex" size="small" placeholder="请选择">
|
|
<el-option
|
|
v-for="item in [{x:'男'},{x:'女'}]"
|
|
:key="item.x"
|
|
:label="item.x"
|
|
:value="item.x">
|
|
</el-option>
|
|
</el-select>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="职务" prop="zw">
|
|
<template slot-scope="scope">
|
|
<el-select v-model="scope.row.zw" size="small" placeholder="请选择">
|
|
<el-option
|
|
v-for="item in zwOptions"
|
|
:key="item.x"
|
|
:label="item.x"
|
|
:value="item.x">
|
|
</el-option>
|
|
</el-select>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="移动电话" prop="mobile">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="填写电话" size="small" v-model="scope.row.mobile" clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="邮箱" prop="email" width="200px">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="填写邮箱" size="small" v-model="scope.row.email" clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" align="center" header-align="center" width="100px">
|
|
<template slot-scope="scope">
|
|
<el-button type="danger" icon="el-icon-delete" size="mini" @click="delLxb(scope)"></el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="lxbDialogVisible = false">取 消</el-button>
|
|
<el-button type="primary" @click="saveLxb">保 存</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
|
|
var vue = new Vue({
|
|
el: "#app",
|
|
data: function () {
|
|
return {
|
|
pageForm: {
|
|
pageNumber: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
searchKeyword: "",
|
|
uniontime: "",
|
|
},
|
|
searchTime: [],
|
|
userpageForm: {
|
|
pageNumber: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
searchKeyword: "",
|
|
unit: "",
|
|
id: "",
|
|
},
|
|
/*表格数据*/
|
|
tableData: [],
|
|
usertableData: [],
|
|
/*新增*/
|
|
addDialogVisible: false,
|
|
formData: {
|
|
unionname: "",
|
|
unionaddress: "",
|
|
uniontime: "",
|
|
unit: [],
|
|
unionleader: [],
|
|
},
|
|
formRules: {
|
|
unionname: [
|
|
{required: true, message: '基层工会名称', trigger: ['blur', 'change']}
|
|
],
|
|
unionaddress: [
|
|
{required: true, message: '基层工会地址', trigger: ['blur', 'change']}
|
|
],
|
|
uniontime: [
|
|
{required: true, message: '建会时间', trigger: ['blur', 'change']}
|
|
],
|
|
unit: [
|
|
{required: true, message: '单位', trigger: ['blur', 'change']}
|
|
],
|
|
/*unionleader: [
|
|
{required: true, message: '基层工会负责人', trigger: ['blur', 'change']}
|
|
],*/
|
|
},
|
|
User: [],
|
|
units: [],
|
|
unitSeled: [],
|
|
loading: false,
|
|
|
|
/*编辑*/
|
|
editunit: [],
|
|
editDialogVisible: false,
|
|
editformData: {
|
|
id: "",
|
|
unionname: "",
|
|
unionaddress: "",
|
|
uniontime: "",
|
|
unit: [],
|
|
dwcode:'',
|
|
unionleader: [],
|
|
telephone: '',
|
|
/*oldleader:[],*/
|
|
},
|
|
editformRules: {
|
|
unionname: [
|
|
{required: true, message: '基层工会名称', trigger: ['blur', 'change']}
|
|
],
|
|
unionaddress: [
|
|
{required: true, message: '基层工会地址', trigger: ['blur', 'change']}
|
|
],
|
|
uniontime: [
|
|
{required: true, message: '建会时间', trigger: ['blur', 'change']}
|
|
],
|
|
unit: [
|
|
{required: true, message: '单位', trigger: ['blur', 'change']}
|
|
],
|
|
/*unionleader: [
|
|
{required: true, message: '基层工会负责人', trigger: ['blur', 'change']}
|
|
],*/
|
|
},
|
|
/*查看*/
|
|
infoDialogVisible: false,
|
|
activeName: "first",
|
|
detailInfo: [],
|
|
unitInfo: [],
|
|
union: {},
|
|
lxbDialogVisible: false,
|
|
lxbTableData: [],
|
|
delLxr: [],
|
|
zwOptions: [
|
|
{x: '书记'},
|
|
{x: '院长（处长）'},
|
|
{x: '主席'},
|
|
{x: '副主席'},
|
|
{x: '组织委员'},
|
|
{x: '宣传委员'},
|
|
{x: '文艺委员'},
|
|
{x: '体育委员'},
|
|
{x: '青工委员'},
|
|
{x: '女工委员'},
|
|
{x: '生活委员'},
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
//保存联系表
|
|
saveLxb: function () {
|
|
var self = this
|
|
var flag = true
|
|
var errmsg = ''
|
|
var isPhone = /^1[3456789]\d{9}$/;//手机号码
|
|
var emailReg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/
|
|
$(self.lxbTableData).each(function (index) {
|
|
if (this.name === undefined || this.name == '') {
|
|
flag = false;
|
|
errmsg = '第' + (index + 1) + '个联系人的姓名未填写！'
|
|
return false
|
|
}
|
|
if (this.sex === undefined || this.sex == '') {
|
|
flag = false;
|
|
errmsg = this.name + '的性别未填写！'
|
|
return false
|
|
}
|
|
if (this.zw === undefined || this.zw == '') {
|
|
flag = false;
|
|
errmsg = this.name + '的职务未填写！'
|
|
return false
|
|
}
|
|
if (this.mobile === undefined || this.mobile == '') {
|
|
flag = false;
|
|
errmsg = this.name + '的电话未填写！'
|
|
return false
|
|
}
|
|
if (!isPhone.test(this.mobile)) {
|
|
flag = false;
|
|
errmsg = '请为' + this.name + '填写正确的电话号码！'
|
|
return false
|
|
}
|
|
if (this.email === undefined || this.email == '') {
|
|
flag = false;
|
|
errmsg = this.name + '的邮箱未填写！'
|
|
return false
|
|
}
|
|
if (!emailReg.test(this.email)) {
|
|
flag = false;
|
|
errmsg = '请为' + this.name + '填写正确的邮箱地址！'
|
|
return false
|
|
}
|
|
})
|
|
// if (self.lxbTableData.length==0){
|
|
// errmsg='请至少添加一位联系人！';
|
|
// }
|
|
// if (!flag||self.lxbTableData.length==0) {
|
|
if (!flag) {
|
|
self.$message({
|
|
message: errmsg,
|
|
type: 'warning'
|
|
});
|
|
} else {
|
|
$.post(base + "/platform/hy/unioninfomgr/saveLxb", {
|
|
unionid: self.union.id,
|
|
dellxr: JSON.stringify(self.delLxr),
|
|
lxr: JSON.stringify(self.lxbTableData),
|
|
}, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: '保存成功！',
|
|
type: 'success'
|
|
});
|
|
self.lxbDialogVisible = false;
|
|
} else {
|
|
self.$message({
|
|
message: '保存失败！',
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
},
|
|
//删除联系表单条
|
|
delLxb: function (scope) {
|
|
var self = this
|
|
if (scope.row.id != undefined) {
|
|
self.delLxr.push(scope.row.id)
|
|
}
|
|
self.lxbTableData.splice(scope.$index, 1)
|
|
},
|
|
//打开联系表
|
|
openLxb: function (union) {
|
|
var self = this
|
|
self.union = union
|
|
sublime.showLoadingbar();//显示loading
|
|
$.post(base + "/platform/hy/unioninfomgr/getLxbData", {unionid: union.id}, function (data) {
|
|
sublime.closeLoadingbar();//关闭loading
|
|
if (data.code == 0) {
|
|
self.lxbTableData = data.data;
|
|
self.lxbDialogVisible = true
|
|
}
|
|
}, "json");
|
|
},
|
|
//页面初始化，加载表格数据
|
|
pageData: function () {
|
|
var self = this;
|
|
if (self.searchTime) {
|
|
self.pageForm.uniontime = self.searchTime.toString();
|
|
} else {
|
|
self.pageForm.uniontime = "";
|
|
}
|
|
sublime.showLoadingbar();//显示loading
|
|
$.post(base + "/platform/hy/unioninfomgr/init", self.pageForm, function (data) {
|
|
sublime.closeLoadingbar();//关闭loading
|
|
if (data.code == 0) {
|
|
self.tableData = data.data.unioninfomgr.list;
|
|
self.units = data.data.ejdw;
|
|
self.unitSeled = data.data.unit;
|
|
self.pageForm.totalCount = data.data.unioninfomgr.totalCount;
|
|
}
|
|
}, "json");
|
|
},
|
|
/*分页事件*/
|
|
pageSizeChange: function (val) {
|
|
this.pageForm.pageSize = val;
|
|
this.pageData();
|
|
},
|
|
pageNumberChange: function (val) {
|
|
this.pageForm.pageNumber = val;
|
|
this.pageData();
|
|
},
|
|
userpageSizeChange: function (val) {
|
|
this.userpageForm.pageSize = val;
|
|
this.userPageData();
|
|
},
|
|
userpageNumberChange: function (val) {
|
|
this.userpageForm.pageNumber = val;
|
|
this.userPageData();
|
|
},
|
|
doSearch: function () {
|
|
var self = this;
|
|
self.pageForm.pageNumber = 1;
|
|
self.pageData();
|
|
},
|
|
doUserSearch: function () {
|
|
var self = this;
|
|
self.userPageData();
|
|
},
|
|
/*新增基层工会*/
|
|
openAdd: function () {
|
|
var self = this;
|
|
self.formData = {
|
|
unionname: "",
|
|
unionaddress: "",
|
|
uniontime: "",
|
|
dwcode:'',
|
|
unit: [],
|
|
unionleader: [],
|
|
telephone: '',
|
|
};
|
|
self.User = [];
|
|
self.addDialogVisible = true;
|
|
},
|
|
doAdd: function () {
|
|
var self = this;
|
|
self.$refs["addForm"].validate(function (valid) {
|
|
if (valid) {
|
|
$.post(base + "/platform/hy/unioninfomgr/addDo", self.formData, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.pageData();
|
|
self.addDialogVisible = false;
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
});
|
|
},
|
|
/*远程搜索用户*/
|
|
remoteMethod: function (keyWord) {
|
|
var self = this;
|
|
if (keyWord != "" && keyWord != null) {
|
|
self.loading = true;
|
|
setTimeout(function () {
|
|
$.post(base + "/platform/hy/unioninfomgr/remoteMethod", {
|
|
keyWord: keyWord,
|
|
units: self.formData.unit.toString()
|
|
}, function (data) {
|
|
if (data.code == 0) {
|
|
self.User = data.data;
|
|
self.loading = false;
|
|
}
|
|
}, "json");
|
|
}, 200)
|
|
} else {
|
|
self.User = [];
|
|
}
|
|
},
|
|
/*远程搜索用户*/
|
|
remoteMethode: function (keyWord) {
|
|
var self = this;
|
|
if (keyWord != "" && keyWord != null) {
|
|
self.loading = true;
|
|
setTimeout(function () {
|
|
$.post(base + "/platform/hy/unioninfomgr/remoteMethod", {
|
|
keyWord: keyWord,
|
|
units: self.editformData.unit.toString()
|
|
}, function (data) {
|
|
if (data.code == 0) {
|
|
self.User = data.data;
|
|
self.loading = false;
|
|
}
|
|
}, "json");
|
|
}, 200)
|
|
} else {
|
|
self.User = [];
|
|
}
|
|
},
|
|
/*查看*/
|
|
openInfo: function (scope) {
|
|
var self = this;
|
|
//this.pageForm.pageNumber = "1";
|
|
this.userpageForm.pageNumber = "1";
|
|
self.userpageForm.searchKeyword = "";
|
|
self.userpageForm.unit = "";
|
|
self.userpageForm.id = scope.row.id;
|
|
$.post(base + "/platform/hy/unioninfomgr/findInfo", {id: scope.row.id}, function (data) {
|
|
if (data.code == 0) {
|
|
self.detailInfo = data.data.union;
|
|
self.unitInfo = data.data.unit;
|
|
}
|
|
}, "json");
|
|
self.userPageData();
|
|
self.infoDialogVisible = true;
|
|
},
|
|
userPageData: function () {
|
|
var self = this;
|
|
$.post(base + "/platform/hy/unioninfomgr/findUserInfo", self.userpageForm, function (data) {
|
|
if (data.code == 0) {
|
|
self.usertableData = data.data.user.list;
|
|
self.userpageForm.totalCount = data.data.user.totalCount;
|
|
}
|
|
}, "json");
|
|
},
|
|
handleClick: function () {
|
|
|
|
},
|
|
/*编辑*/
|
|
openEdit: function (scope) {
|
|
var self = this;
|
|
self.editformData.id = scope.row.id;
|
|
self.editformData.unionname = scope.row.unionname;
|
|
self.editformData.unionaddress = scope.row.unionaddress;
|
|
self.editformData.uniontime = scope.row.uniontime;
|
|
self.editformData.dwcode = scope.row.dwcode;
|
|
self.editformData.telephone = scope.row.telephone;
|
|
$.post(base + "/platform/hy/unioninfomgr/findById", {id: scope.row.id}, function (data) {
|
|
if (data.code == 0) {
|
|
self.User = data.data.leader;
|
|
setTimeout(function () {
|
|
self.editformData.unit = data.data.ids;
|
|
self.editformData.unionleader = data.data.leaderids;
|
|
/* self.editformData.oldleader = data.data.leader[0].id;*/
|
|
self.editunit = data.data.unit;
|
|
}, 10);
|
|
}
|
|
}, "json");
|
|
self.editDialogVisible = true;
|
|
},
|
|
doEdit: function () {
|
|
var self = this;
|
|
self.$refs["editForm"].validate(function (valid) {
|
|
if (valid) {
|
|
$.post(base + "/platform/hy/unioninfomgr/editDo", self.editformData, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.pageData();
|
|
self.editDialogVisible = false;
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
});
|
|
},
|
|
/*删除*/
|
|
deleteDo: function (scope) {
|
|
var self = this;
|
|
self.$confirm('此操作将删除该条数据, 是否继续?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback: function (obj) {
|
|
if ("confirm" == obj) {
|
|
$.post(base + "/platform/hy/unioninfomgr/deleteDo", {id: scope.row.id}, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.pageData();
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
created: function () {
|
|
this.pageData();
|
|
}
|
|
})
|
|
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#-->
|