1102 lines
52 KiB
HTML
1102 lines
52 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
<div id="app" v-cloak
|
|
v-loading="loading"
|
|
element-loading-text="拼命加载中"
|
|
element-loading-spinner="el-icon-loading"
|
|
element-loading-background="rgba(0, 0, 0, 0.8)">
|
|
|
|
<guava>
|
|
<el-card shadow="never">
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select v-model="pageForm.searchUnit" style="width: 100%" filterable clearable placeholder="请选择单位">
|
|
<el-option
|
|
v-for="item in options"
|
|
:key="item.id"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
<!-- <el-cascader-->
|
|
<!-- filterable-->
|
|
<!-- clearable-->
|
|
<!-- style="width: 100%"-->
|
|
<!-- tabindex="1"-->
|
|
<!-- :props="{checkStrictly: true}"-->
|
|
<!-- :options="options"-->
|
|
<!-- :show-all-levels="false"-->
|
|
<!-- v-model="parentUnit2"-->
|
|
<!-- :fetch-suggestions="unitQuery"-->
|
|
<!-- @active-item-change="unitChange"-->
|
|
<!-- @change="unitChange2"-->
|
|
<!-- @select="unitSelect"-->
|
|
<!-- placeholder="请选择单位"-->
|
|
<!-- ></el-cascader>-->
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<dict-select v-model="pageForm.personType" style="width: 200px" clearable placeholder="人员类型"
|
|
code="UserType"></dict-select>
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<dict-select v-model="pageForm.userState" style="width: 200px" clearable placeholder="在职状态"
|
|
code="UserState"></dict-select>
|
|
<!-- <el-select v-model="pageForm.zzzt" style="width: 100%" filterable clearable placeholder="请选择就业状态">-->
|
|
<!-- <el-option-->
|
|
<!-- v-for="item in zzztOptions"-->
|
|
<!-- :key="item"-->
|
|
<!-- :label="item"-->
|
|
<!-- :value="item">-->
|
|
<!-- </el-option>-->
|
|
<!-- </el-select>-->
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword" clearable @keyup.enter.native="doSearch">
|
|
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型" style="width: 120px;">
|
|
<el-option label="姓名" value="username"></el-option>
|
|
<el-option label="工号" value="loginname"></el-option>
|
|
<!-- <el-option label="手机" value="mobile"></el-option>-->
|
|
<!-- <el-option label="邮箱" value="email"></el-option>-->
|
|
</el-select>
|
|
<el-button slot="append" icon="el-icon-search" @click="doSearch"></el-button>
|
|
</el-input>
|
|
</div>
|
|
|
|
<div class="pull-right offscreen-right mt5">
|
|
<el-button size="medium" @click="openAdd" type="primary"><i class="ti-plus"></i> 新建用户</el-button>
|
|
<el-dropdown @command="batchCommand">
|
|
<el-button size="medium" type="primary">
|
|
批量操作
|
|
<span class="ti-angle-down"></span>
|
|
</el-button>
|
|
<el-dropdown-menu slot="dropdown">
|
|
<el-dropdown-item :command="{type:'delete'}">
|
|
批量删除
|
|
</el-dropdown-item>
|
|
<el-dropdown-item :command="{type:'export'}">
|
|
导出XLS
|
|
</el-dropdown-item>
|
|
</el-dropdown-menu>
|
|
</el-dropdown>
|
|
</div>
|
|
</el-card>
|
|
|
|
<el-card shadow="never" class="mt10">
|
|
<el-table
|
|
:data="tableData"
|
|
@sort-change='pageOrder'
|
|
size="small"
|
|
header-align="center"
|
|
style="width: 100%"
|
|
@selection-change="handleSelectionChange"
|
|
>
|
|
<el-table-column
|
|
type="selection"
|
|
width="35">
|
|
</el-table-column>
|
|
<el-table-column type="expand">
|
|
<template slot-scope="scope">
|
|
<el-form label-position="left" inline class="el-table-expand" size="mini">
|
|
<el-form-item label="Email">
|
|
<span>{{ scope.row.email }}</span>
|
|
</el-form-item>
|
|
<el-form-item label="最后登录时间">
|
|
<span>
|
|
{{ formatAt(scope.row.loginAt) }}</span>
|
|
</el-form-item>
|
|
<el-form-item label="手机号">
|
|
<span>{{ scope.row.mobile }}</span>
|
|
</el-form-item>
|
|
<el-form-item label="最后登录IP">
|
|
<span>{{ scope.row.loginIp }}</span>
|
|
</el-form-item>
|
|
</el-form>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
sortable
|
|
prop="loginname"
|
|
label="工号"
|
|
header-align="center"
|
|
align="center"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="username"
|
|
label="姓名"
|
|
header-align="center"
|
|
align="center"
|
|
:show-overflow-tooltip="true">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="unit"
|
|
label="所属单位"
|
|
header-align="center"
|
|
align="center"
|
|
:show-overflow-tooltip="true"
|
|
>
|
|
<template slot-scope="scope">
|
|
<span v-if="scope.row.unit!=null">
|
|
{{scope.row.unit.name}}
|
|
</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="personType"
|
|
label="人员类型"
|
|
header-align="center"
|
|
align="center"
|
|
:show-overflow-tooltip="true">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="userState"
|
|
label="在职状态"
|
|
header-align="center"
|
|
align="center"
|
|
:show-overflow-tooltip="true">
|
|
</el-table-column>
|
|
<!-- <el-table-column-->
|
|
<!-- sortable-->
|
|
<!-- prop="disabled"-->
|
|
<!-- label="帐号状态"-->
|
|
<!-- header-align="center"-->
|
|
<!-- align="center"-->
|
|
<!-- :show-overflow-tooltip="true"-->
|
|
<!-- >-->
|
|
<!-- <template slot-scope="scope">-->
|
|
<!-- <i v-if="scope.row.disabled" class="fa fa-circle text-danger ml5"></i>-->
|
|
<!-- <i v-if="!scope.row.disabled" class="fa fa-circle text-success ml5"></i>-->
|
|
<!-- </template>-->
|
|
<!-- </el-table-column>-->
|
|
<!-- <el-table-column-->
|
|
<!-- sortable-->
|
|
<!-- prop="userOnline"-->
|
|
<!-- label="在线状态"-->
|
|
<!-- header-align="center"-->
|
|
<!-- align="center"-->
|
|
<!-- :show-overflow-tooltip="true"-->
|
|
<!-- >-->
|
|
<!-- <template slot-scope="scope">-->
|
|
<!-- <i v-if="scope.row.userOnline" class="text-success ml5">在线</i>-->
|
|
<!-- <i v-if="!scope.row.userOnline" class="text-danger ml5">离线</i>-->
|
|
<!-- </template>-->
|
|
<!-- </el-table-column>-->
|
|
<el-table-column
|
|
prop="userOnline"
|
|
label="操作"
|
|
width="120">
|
|
<template slot-scope="scope">
|
|
<el-dropdown @command="dropdownCommand">
|
|
<el-button size="mini">
|
|
<i class="ti-settings"></i>
|
|
<span class="ti-angle-down"></span>
|
|
</el-button>
|
|
<el-dropdown-menu slot="dropdown">
|
|
<el-dropdown-item :command="{type:'role',id:scope.row.id,loginname:scope.row.loginname}">
|
|
查看权限
|
|
</el-dropdown-item>
|
|
<el-dropdown-item :command="{type:'reset',id:scope.row.id,loginname:scope.row.loginname}">
|
|
重置密码
|
|
</el-dropdown-item>
|
|
<el-dropdown-item divided :command="{type:'enable',id:scope.row.id,row:scope.row}">
|
|
启用
|
|
</el-dropdown-item>
|
|
<el-dropdown-item :command="{type:'disable',id:scope.row.id,row:scope.row}">
|
|
禁用
|
|
</el-dropdown-item>
|
|
<el-dropdown-item divided :command="{type:'edit',id:scope.row.id}">
|
|
修改
|
|
</el-dropdown-item>
|
|
<el-dropdown-item :command="{type:'delete',id:scope.row.id,loginname:scope.row.loginname}"
|
|
v-if="scope.row.loginname!='superadmin'">
|
|
删除
|
|
</el-dropdown-item>
|
|
</el-dropdown-menu>
|
|
</el-dropdown>
|
|
</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>
|
|
</el-card>
|
|
</guava>
|
|
|
|
<el-dialog
|
|
:close-on-click-modal="false"
|
|
title="新建用户"
|
|
top="1%"
|
|
:visible.sync="addDialogVisible"
|
|
width="60%">
|
|
<el-form :model="formData" ref="addForm" :rules="formRules" size="small" label-width="100px">
|
|
|
|
|
|
<el-divider content-position="left"><span style="color: rgb(121, 187, 255)">基本资料</span></el-divider>
|
|
<el-form-item class="is-required" prop="gxid" label="所属高校">
|
|
<el-select style="width: 100%" v-model="formData.gxid" placeholder="请选择高校">
|
|
<el-option v-for="item in gxList" :value="item.gxid" :label="item.gxname">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item class="is-required" prop="unitid" label="所属单位">
|
|
<el-select @change="unitChange" v-model="formData.unitid" style="width: 100%" filterable clearable placeholder="请选择单位">
|
|
<el-option
|
|
v-for="item in options"
|
|
:key="item.id"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item class="is-required" prop="threeUnitId" label="所属科室">
|
|
<el-select v-model="formData.threeUnitId" style="width: 100%" filterable clearable placeholder="请选择科室">
|
|
<el-option
|
|
v-for="item in threeUnitOptions"
|
|
:key="item.id"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="loginname" label="工  号">
|
|
<el-input maxlength="100" placeholder="工号"
|
|
v-model="formData.loginname"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="password" label="密  码">
|
|
<el-input maxlength="100" placeholder="密码"
|
|
v-model="formData.password"
|
|
auto-complete="off" tabindex="4" show-password></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="passwordAgain" label="确认密码">
|
|
<el-input maxlength="100" placeholder="确认密码"
|
|
v-model="formData.passwordAgain"
|
|
auto-complete="off" tabindex="4" show-password></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item prop="personType" label="人员类型">
|
|
<dict-select v-model="formData.personType" style="width: 100%" clearable placeholder="人员类型"
|
|
code="UserType"></dict-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="username" label="姓  名">
|
|
<el-input maxlength="100" placeholder="姓名"
|
|
v-model="formData.username"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="sex" class="is-required" label="性  别">
|
|
<el-radio v-model="formData.sex" label="男" border size="small">男</el-radio>
|
|
<el-radio v-model="formData.sex" label="女" border size="small">女</el-radio>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="birthday" label="出生日期">
|
|
<el-date-picker style="width: 100%" v-model="formData.birthday" format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd" type="date" placeholder="出生日期"></el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="csdd" label="出生地点">
|
|
<el-input maxlength="100" placeholder="出生地点"
|
|
v-model="formData.csdd"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-divider content-position="left"><span style="color: rgb(121, 187, 255)">个人信息</span></el-divider>
|
|
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="zw" label="职  务">
|
|
<el-input maxlength="100" placeholder="职务"
|
|
v-model="formData.zw"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="zc" label="职  称">
|
|
<el-input maxlength="100" placeholder="职称"
|
|
v-model="formData.zc"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="jg" label="籍  贯">
|
|
<el-input maxlength="100" placeholder="籍贯"
|
|
v-model="formData.jg"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="mz" label="民  族">
|
|
<el-input maxlength="100" placeholder="民族"
|
|
v-model="formData.mz"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="mobile" label="手 机 号">
|
|
<el-input maxlength="100" placeholder="手机号"
|
|
v-model="formData.mobile"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="email" label="邮  箱">
|
|
<el-input maxlength="100" placeholder="邮箱"
|
|
v-model="formData.email"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="xl" label="学  历">
|
|
<el-input maxlength="100" placeholder="学历"
|
|
v-model="formData.xl"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="zzmm" label="政治面貌">
|
|
<el-input maxlength="100" placeholder="政治面貌"
|
|
v-model="formData.zzmm"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-form-item label="入校时间">
|
|
<el-date-picker style="width: 100%" v-model="formData.rxsj" format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd" type="date" placeholder="入校时间"></el-date-picker>
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="userState" label="在职状态">
|
|
<dict-select v-model="formData.userState" style="width: 100%" clearable placeholder="在职状态"
|
|
code="UserState"></dict-select>
|
|
</el-form-item>
|
|
|
|
</el-form>
|
|
|
|
|
|
<el-form-item prop="disabled" label="启用状态">
|
|
<el-switch
|
|
v-model="formData.disabled"
|
|
active-color="#ff4949"
|
|
inactive-color="#13ce66">
|
|
</el-switch>
|
|
</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
|
|
:close-on-click-modal="false"
|
|
title="编辑用户"
|
|
:visible.sync="editDialogVisible"
|
|
top="1%"
|
|
width="60%">
|
|
<el-form :model="formData" ref="addForm" :rules="formRules" size="small" label-width="100px">
|
|
|
|
|
|
<el-divider content-position="left"><span style="color: rgb(121, 187, 255)">基本资料</span></el-divider>
|
|
<el-form-item class="is-required" prop="gxid" label="所属高校">
|
|
<el-select style="width: 100%" v-model="formData.gxid" placeholder="请选择高校">
|
|
<el-option v-for="item in gxList" :value="item.gxid" :label="item.gxname">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item class="is-required" prop="unitid" label="所属单位">
|
|
<el-select v-model="formData.unitid" style="width: 100%" filterable clearable placeholder="请选择单位">
|
|
<el-option
|
|
v-for="item in options"
|
|
:key="item.id"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
<!-- <el-cascader-->
|
|
<!-- style="width: 100%"-->
|
|
<!-- tabindex="1"-->
|
|
<!-- :options="options"-->
|
|
<!-- :show-all-levels="false"-->
|
|
<!-- v-model="parentUnit"-->
|
|
<!-- :props="{checkStrictly: true}"-->
|
|
<!-- :fetch-suggestions="unitQuery"-->
|
|
<!-- @active-item-change="unitChange"-->
|
|
<!-- @change="unitChange2"-->
|
|
<!-- @select="unitSelect"-->
|
|
<!-- placeholder="请选择单位"-->
|
|
<!-- ></el-cascader>-->
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="loginname" label="工  号">
|
|
<el-input maxlength="100" placeholder="工号"
|
|
v-model="formData.loginname"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item prop="personType" label="人员类型">
|
|
<dict-select v-model="formData.personType" style="width: 100%" clearable placeholder="人员类型"
|
|
code="UserType"></dict-select>
|
|
</el-form-item>
|
|
|
|
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="username" label="姓  名">
|
|
<el-input maxlength="100" placeholder="姓名"
|
|
v-model="formData.username"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="sex" class="is-required" label="性  别">
|
|
<el-radio v-model="formData.sex" label="男" border size="small">男</el-radio>
|
|
<el-radio v-model="formData.sex" label="女" border size="small">女</el-radio>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="birthday" label="出生日期">
|
|
<el-date-picker style="width: 100%" v-model="formData.birthday" format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd" type="date" placeholder="出生日期"></el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="csdd" label="出生地点">
|
|
<el-input maxlength="100" placeholder="出生地点"
|
|
v-model="formData.csdd"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-divider content-position="left"><span style="color: rgb(121, 187, 255)">个人信息</span></el-divider>
|
|
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="zw" label="职  务">
|
|
<el-input maxlength="100" placeholder="职务"
|
|
v-model="formData.zw"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="zc" label="职  称">
|
|
<el-input maxlength="100" placeholder="职称"
|
|
v-model="formData.zc"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="jg" label="籍  贯">
|
|
<el-input maxlength="100" placeholder="籍贯"
|
|
v-model="formData.jg"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="mz" label="民  族">
|
|
<el-input maxlength="100" placeholder="民族"
|
|
v-model="formData.mz"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="mobile" label="手 机 号">
|
|
<el-input maxlength="100" placeholder="手机号"
|
|
v-model="formData.mobile"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="email" label="邮  箱">
|
|
<el-input maxlength="100" placeholder="邮箱"
|
|
v-model="formData.email"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="xl" label="学  历">
|
|
<el-input maxlength="100" placeholder="学历"
|
|
v-model="formData.xl"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="zzmm" label="政治面貌">
|
|
<el-input maxlength="100" placeholder="政治面貌"
|
|
v-model="formData.zzmm"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-form-item label="入校时间">
|
|
<el-date-picker style="width: 100%" v-model="formData.rxsj" format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd" type="date" placeholder="入校时间"></el-date-picker>
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="userState" label="在职状态">
|
|
<dict-select v-model="formData.userState" style="width: 100%" clearable placeholder="在职状态"
|
|
code="UserState"></dict-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="disabled" label="启用状态">
|
|
<el-switch
|
|
v-model="formData.disabled"
|
|
active-color="#ff4949"
|
|
inactive-color="#13ce66">
|
|
</el-switch>
|
|
</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
|
|
:close-on-click-modal="false"
|
|
:title="roleDialogTitle"
|
|
:visible.sync="roleDialogVisible"
|
|
width="70%">
|
|
<el-table :data="roleTableData" style="width: 100%" size="small"
|
|
:highlight-current-row="true" row-key="id" lazy
|
|
:load="loadRoleChild">
|
|
<el-table-column label="菜单名称" header-align="center" prop="name"
|
|
width="200" :show-overflow-tooltip="true" align="left">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="URL" header-align="center" prop="href"
|
|
:show-overflow-tooltip="true">
|
|
</el-table-column>
|
|
|
|
<el-table-column label="资源类型" header-align="center" prop="type"
|
|
:show-overflow-tooltip="true" align="center">
|
|
|
|
<template slot-scope="scope">
|
|
<i v-if="scope.row.type=='menu'" style="font-weight: bold">菜单</i>
|
|
<i v-if="scope.row.type=='data'">数据</i>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column label="权限标识" header-align="center" prop="permission"
|
|
:show-overflow-tooltip="true">
|
|
</el-table-column>
|
|
|
|
</el-table>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="roleDialogVisible = false">关 闭</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
</div>
|
|
<script>
|
|
var vm = new Vue({
|
|
el: "#app",
|
|
data: function () {
|
|
var self = this;
|
|
|
|
var validatePass = function (rule, value, callback) {
|
|
if (value !== self.formData.password) {
|
|
callback(new Error('两次输入密码不一致!'));
|
|
} else {
|
|
callback();
|
|
}
|
|
};
|
|
var validateUnit = function (rule, value, callback) {
|
|
if (self.parentUnit.length < 1 || self.parentUnit[self.parentUnit.length - 1] == "") {
|
|
callback(new Error('请选择所属单位!'));
|
|
} else {
|
|
callback();
|
|
}
|
|
};
|
|
var validateSex = function (rule, value, callback) {
|
|
|
|
if (self.formData.sex == "" || self.formData.sex == undefined) {
|
|
callback(new Error("请选择性别"))
|
|
} else {
|
|
callback();
|
|
}
|
|
};
|
|
return {
|
|
threeUnitOptions: [],
|
|
threeUnitList: [],
|
|
zzztOptions: ['在职', '辞职', '退休', '内退', '出站', '合同终止', '延聘', '待岗', '死亡', '离职', '调出', '退站', '长病假'],
|
|
loading: false,
|
|
addDialogVisible: false,
|
|
editDialogVisible: false,
|
|
roleDialogVisible: false,
|
|
treeData: {
|
|
label: 'name',
|
|
children: 'zones',
|
|
id: 'id',
|
|
isLeaf: 'leaf'
|
|
},
|
|
tableData: [],
|
|
options: [],
|
|
parentUnit: [],
|
|
pageForm: {
|
|
searchUnit: "",
|
|
searchName: "username",
|
|
searchKeyword: "",
|
|
pageNumber: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
pageOrderName: "",
|
|
pageOrderBy: "",
|
|
rylx: ""
|
|
},
|
|
formData: {
|
|
id: "",
|
|
unitid: "",
|
|
disabled: false,
|
|
sex: "男"
|
|
},
|
|
formRules: {
|
|
gxid: [{required: true, message: '请选择高校', trigger: ['blur', 'change']}],
|
|
parentUnit: [
|
|
// {validator: validateUnit, trigger: ['blur', 'change']}
|
|
|
|
],
|
|
unitid: [{required: true, message: '请选择所属单位', trigger: ['blur', 'change']}],
|
|
threeUnitId: [{required: true, message: '请选择所属科室', trigger: ['blur', 'change']}],
|
|
sex: [{validator: validateSex, trigger: ['blur', 'change']}],
|
|
loginname: [
|
|
{required: true, message: '工号', trigger: ['blur', 'change']},
|
|
],
|
|
username: [
|
|
{required: true, message: '姓名', trigger: ['blur', 'change']}
|
|
],
|
|
email: [
|
|
// {required: false, message: '邮箱地址', trigger: ['blur', 'change']},
|
|
{type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change']}
|
|
],
|
|
mobile: [
|
|
{required: false, message: '手机号码', trigger: ['blur', 'change']},
|
|
{pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号码'}
|
|
],
|
|
password: [
|
|
{required: true, message: '请输入密码', trigger: 'blur'},
|
|
{min: 3, max: 20, message: '密码长度必须是3-20位', trigger: 'change'}
|
|
],
|
|
passwordAgain: [
|
|
{required: true, message: '请再次输入新密码', trigger: 'blur'},
|
|
{validator: validatePass, trigger: 'change'}
|
|
],
|
|
rylx: [{required: true, message: '人员类型', trigger: ['blur', 'change']}],
|
|
// birthday: [{required: true, message: '出生日期', trigger: ['blur', 'change']}],
|
|
// mobile: [{required: true, message: '手机号', trigger: ['blur', 'change']}],
|
|
zzzt: [{required: true, message: '就业状态', trigger: ['blur', 'change']}],
|
|
},
|
|
editRules: {
|
|
username: [
|
|
{required: true, message: '姓名', trigger: ['blur', 'change']}
|
|
],
|
|
email: [
|
|
// {required: false, message: '邮箱地址', trigger: ['blur', 'change']},
|
|
{type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change']}
|
|
],
|
|
mobile: [
|
|
{required: false, message: '手机号码', trigger: ['blur', 'change']},
|
|
{pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号码'}
|
|
],
|
|
},
|
|
roleDialogTitle: "查看用户权限",
|
|
roleTableData: [],//treeTable后台取出的数据
|
|
userId: "",//当前用户ID
|
|
multipleSelection: [],
|
|
gxList: [],
|
|
parentUnit2: ""
|
|
|
|
}
|
|
},
|
|
components: {
|
|
'dict-select': httpVueLoader('/components/plugins/DictSelect.vue?v=1.0.0'),
|
|
},
|
|
methods: {
|
|
unitChange(val) {
|
|
this.$set(this.formData, 'threeUnitId', null)
|
|
this.threeUnitOptions = this.threeUnitList.filter(o => o.parentId === val)
|
|
},
|
|
async getThreeUnits() {
|
|
const resp = await $.post('/platform/sys/unit/getUnit3')
|
|
this.threeUnitList = resp.data
|
|
},
|
|
//级联选择器从后台动态获取下级数据
|
|
loadTree: function (val, cb, id) {
|
|
var url = base + "/platform/sys/unit/tree";
|
|
$.post(url, {pid: val, gxid: id}, function (data) {
|
|
if (data.code == 0) {
|
|
cb(data.data);
|
|
}
|
|
}, "json");
|
|
},
|
|
initTree: function () {
|
|
var self = this;
|
|
$.post(base + "/platform/sys/unit/getUnit2", function (data) {
|
|
if (data.code == 0) {
|
|
self.options = data.data
|
|
}
|
|
}, "json");
|
|
// this.loadTree("", function (val) {
|
|
// self.options = val;
|
|
// });
|
|
},
|
|
unitQuery: function (queryString, cb) {
|
|
cb(this.options);
|
|
},
|
|
unitSelect: function (val) {
|
|
},
|
|
unitTree: function (table, data, pid) {//树形数据的级联查找很是头疼
|
|
var self = this;
|
|
table.findIndex(function (obj) {
|
|
if (pid == obj.value) {
|
|
obj.children = data;
|
|
} else if (obj.children && obj.children.length > 0) {
|
|
self.unitTree(obj.children, data, pid);
|
|
}
|
|
});
|
|
},
|
|
unitChange2: function (val) {
|
|
var self = this;
|
|
if (val[0] == "root") {
|
|
self.parentUnit = [];
|
|
}
|
|
},
|
|
/*unitChange: function (val) {
|
|
var self = this;
|
|
self.parentUnit = val;
|
|
var pid = val[val.length - 1];
|
|
this.loadTree(pid, function (tree) {
|
|
self.unitTree(self.options, tree, pid);
|
|
});
|
|
}, */
|
|
pageOrder: function (column) {//按字段排序
|
|
this.pageForm.pageOrderName = column.prop;
|
|
this.pageForm.pageOrderBy = column.order;
|
|
this.pageData();
|
|
},
|
|
pageNumberChange: function (val) {//页码更新操作
|
|
this.pageForm.pageNumber = val;
|
|
this.pageData();
|
|
},
|
|
pageSizeChange: function (val) {//分页大小更新操作
|
|
this.pageForm.pageSize = val;
|
|
this.pageData();
|
|
},
|
|
pageData: function () {//加载分页数据
|
|
var self = this;
|
|
sublime.showLoadingbar();//显示loading
|
|
$.post(base + "/platform/sys/user/data", self.pageForm, function (data) {
|
|
sublime.closeLoadingbar();//关闭loading
|
|
if (data.code == 0) {
|
|
self.tableData = data.data.list;
|
|
self.pageForm.totalCount = data.data.totalCount;
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
},
|
|
formatAt: function (val) {
|
|
if (val > 0)
|
|
return moment(val * 1000).format("YYYY-MM-DD HH:mm");
|
|
return "";
|
|
},
|
|
doSearch: function () {
|
|
// this.pageForm.searchUnit = this.parentUnit2[this.parentUnit2.length - 1];
|
|
this.pageForm.pageNumber = 1;
|
|
this.pageData();
|
|
},
|
|
openAdd: function () {
|
|
var self = this;
|
|
this.addDialogVisible = true;
|
|
this.formData = {};//打开新增窗口,表单先清空
|
|
if (this.$refs["addForm"])
|
|
this.$refs["addForm"].resetFields();
|
|
},
|
|
doAdd: function () {
|
|
var self = this;
|
|
self.$refs["addForm"].validate(function (valid) {
|
|
if (valid) {
|
|
// self.formData.unitid = self.parentUnit[self.parentUnit.length - 1] || "";
|
|
$.post(base + "/platform/sys/user/addDo", self.formData, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.doSearch();//查询是带条件的,加载新建用户选择的单位用户数据
|
|
//self.pageData();
|
|
self.addDialogVisible = false;
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
});
|
|
},
|
|
doEdit: function () {
|
|
var self = this;
|
|
// self.formData.unitid = self.parentUnit[self.parentUnit.length - 1]
|
|
self.$refs["addForm"].validate(function (valid) {
|
|
if (valid) {
|
|
$.post(base + "/platform/sys/user/editDo", self.formData, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.doSearch();//查询是带条件的,加载新建用户选择的单位用户数据
|
|
//self.pageData();
|
|
self.editDialogVisible = false;
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
});
|
|
},
|
|
initRoleTreeTable: function () {
|
|
var self = this;
|
|
var url = base + "/platform/sys/user/menu/" + self.userId;
|
|
$.post(url, {pid: ""}, function (data) {
|
|
if (data.code == 0) {
|
|
self.roleTableData = data.data;
|
|
}
|
|
}, "json");
|
|
|
|
},
|
|
loadRoleChild: function (tree, treeNode, resolve) {
|
|
var self = this;
|
|
var url = base + "/platform/sys/user/menu/" + self.userId;
|
|
$.post(url, {pid: tree.id}, function (data) {
|
|
if (data.code == 0) {
|
|
resolve(data.data);
|
|
}
|
|
}, "json");
|
|
},
|
|
dropdownCommand: function (command) {//监听下拉框事件
|
|
var self = this;
|
|
if ("role" == command.type) {
|
|
self.roleDialogVisible = true;
|
|
self.roleDialogTitle = "查看用户 " + command.loginname + " 的权限";
|
|
self.userId = command.id;
|
|
self.initRoleTreeTable();
|
|
}
|
|
if ("reset" == command.type) {
|
|
self.$confirm('确定重置用户 ' + command.loginname + ' 的密码', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback: function (a, b) {
|
|
if ("confirm" == a) {//确认后再执行
|
|
$.post(base + "/platform/sys/user/resetPwd/" + command.id, {}, function (data) {
|
|
if (data.code == 0) {
|
|
self.$alert('新密码为 ' + data.data, '新密码', {
|
|
confirmButtonText: '确定'
|
|
});
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
if ("enable" == command.type || "disable" == command.type) {
|
|
$.post(base + "/platform/sys/user/" + command.type + "/" + command.id, {}, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
if ("disable" == command.type) {
|
|
command.row.disabled = true;
|
|
}
|
|
if ("enable" == command.type) {
|
|
command.row.disabled = false;
|
|
}
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
if ("edit" == command.type) {
|
|
$.post(base + "/platform/sys/user/edit/" + command.id, {}, function (data) {
|
|
if (data.code == 0) {
|
|
self.formData = data.data;//加载后台表单数据
|
|
self.parentUnit = [data.data.unitid]
|
|
self.editDialogVisible = true;//打开编辑窗口
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
if ("delete" == command.type) {
|
|
self.$confirm('此操作将删除 ' + command.loginname, '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback: function (a, b) {
|
|
if ("confirm" == a) {//确认后再执行
|
|
$.post(base + "/platform/sys/user/delete/" + command.id, {}, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.doSearch();
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
batchCommand: function (command) {
|
|
var self = this;
|
|
if ("delete" == command.type) {
|
|
if (self.multipleSelection.length == 0) {
|
|
self.$message({
|
|
message: "请选择要删除的用户",
|
|
type: 'warning'
|
|
});
|
|
} else {
|
|
var loginnames = [];
|
|
var ids = [];
|
|
self.multipleSelection.forEach(function (val) {
|
|
loginnames.push(val.loginname);
|
|
ids.push(val.id);
|
|
});
|
|
self.$confirm('此操作将删除用户 ' + loginnames.toString(), '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback: function (a, b) {
|
|
if ("confirm" == a) {//确认后再执行
|
|
$.post(base + "/platform/sys/user/delete", {ids: ids.toString()}, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.doSearch();
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
if ("export" == command.type) {
|
|
window.open(base + "/platform/sys/user/export?searchUnit=" + self.pageForm.searchUnit
|
|
+ "&searchName=" + self.pageForm.searchName
|
|
+ "&searchKeyword=" + self.pageForm.searchKeyword
|
|
+ "&pageOrderName=" + self.pageForm.pageOrderName
|
|
+ "&pageOrderBy=" + self.pageForm.pageOrderBy
|
|
);
|
|
}
|
|
},
|
|
handleSelectionChange: function (val) {
|
|
this.multipleSelection = val;
|
|
},
|
|
findGx: function () {
|
|
var self = this
|
|
$.post(base + "/platform/sys/user/findGx", function (data) {
|
|
self.gxList = data.data;
|
|
|
|
})
|
|
}
|
|
},
|
|
created: function () {
|
|
this.getThreeUnits()
|
|
this.initTree();
|
|
this.pageData();
|
|
this.findGx();
|
|
}
|
|
});
|
|
vm.$watch('formData.gxid', function (nval, oval) {
|
|
// vm.options = []
|
|
// vm.loadTree("", function (data) {
|
|
// vm.options = data
|
|
// }, nval)
|
|
})
|
|
</script>
|
|
<!--#
|
|
}
|
|
#--> |