|  |  |  | 
|---|
|  |  |  | <el-form-item label="手机号码" prop="mobile"> | 
|---|
|  |  |  | <el-input v-model="searchForm.mobile" v-trim placeholder="请输入手机号码" @keypress.enter.native="search"/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="组织" prop="companyName"> | 
|---|
|  |  |  | <el-input v-model="searchForm.companyName" v-trim placeholder="请输入组织" @keypress.enter.native="search"/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <!--            <el-form-item label="所属部门" prop="rootDeptId">--> | 
|---|
|  |  |  | <!--        <DepartmentSelect v-model="searchForm.rootDeptId" placeholder="请选择所属部门" clearable/>--> | 
|---|
|  |  |  | <!--      </el-form-item>--> | 
|---|
|  |  |  | <!--      <el-form-item label="岗位" prop="positionId">--> | 
|---|
|  |  |  | <!--        <PositionSelect v-model="searchForm.positionId" placeholder="请选择岗位" clearable/>--> | 
|---|
|  |  |  | <!--      </el-form-item>--> | 
|---|
|  |  |  | <section> | 
|---|
|  |  |  | <el-button type="primary" icon="el-icon-search" @click="search">搜索</el-button> | 
|---|
|  |  |  | <el-button @click="reset">重置</el-button> | 
|---|
|  |  |  | 
|---|
|  |  |  | <!-- 表格和分页 --> | 
|---|
|  |  |  | <template v-slot:table-wrap> | 
|---|
|  |  |  | <ul class="toolbar" v-permissions="['system:user:create', 'system:user:delete']"> | 
|---|
|  |  |  | <!-- <li v-permissions="['system:user:create']"><el-button icon="el-icon-plus" type="primary" @click="$refs.operaUserWindow.open('新建用户')">新建</el-button></li> --> | 
|---|
|  |  |  | <li v-permissions="['system:user:create']"><el-button icon="el-icon-plus" type="primary" @click="$refs.operaUserWindow.open('新建用户')">新建</el-button></li> | 
|---|
|  |  |  | <li v-permissions="['system:user:delete']"><el-button icon="el-icon-delete" @click="deleteByIdInBatch">删除</el-button></li> | 
|---|
|  |  |  | </ul> | 
|---|
|  |  |  | <el-table | 
|---|
|  |  |  | :height="tableHeightNew" | 
|---|
|  |  |  | v-loading="isWorking.search" | 
|---|
|  |  |  | :data="tableData.list" | 
|---|
|  |  |  | :default-sort = "{prop: 'createTime', order: 'descending'}" | 
|---|
|  |  |  | 
|---|
|  |  |  | @sort-change="handleSortChange" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-table-column type="selection" width="55"></el-table-column> | 
|---|
|  |  |  | <!--        <el-table-column prop="avatar" label="头像" width="80px" class-name="table-column-avatar" fixed="left">--> | 
|---|
|  |  |  | <!--          <template slot-scope="{row}">--> | 
|---|
|  |  |  | <!--            <img :src="row.avatar == null ? '/static/avatar/man.png' : row.avatar">--> | 
|---|
|  |  |  | <!--          </template>--> | 
|---|
|  |  |  | <!--        </el-table-column>--> | 
|---|
|  |  |  | <el-table-column prop="avatar" label="头像" width="80px" class-name="table-column-avatar" fixed="left"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <img :src="row.avatar == null ? '/avatar/man.png' : row.avatar"> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="realname" label="姓名" min-width="100px" fixed="left"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="username" label="用户名" min-width="120px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="empNo" label="工号" sortable="custom" sort-by="EMP_NO" min-width="80px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="companyName" label="所属组织"    min-width="250px"></el-table-column> | 
|---|
|  |  |  | <!--        <el-table-column prop="department" label="部门" min-width="120px">--> | 
|---|
|  |  |  | <!--          <template slot-scope="{row}">{{row.department == null ? '' : row.department.name}}</template>--> | 
|---|
|  |  |  | <!--        </el-table-column>--> | 
|---|
|  |  |  | <!--        <el-table-column prop="position" label="岗位" min-width="160px" class-name="table-column-strings">--> | 
|---|
|  |  |  | <!--          <template slot-scope="{row}">--> | 
|---|
|  |  |  | <!--            <ul>--> | 
|---|
|  |  |  | <!--              <li v-for="position in row.positions" :key="position.id">{{position.name}}</li>--> | 
|---|
|  |  |  | <!--            </ul>--> | 
|---|
|  |  |  | <!--          </template>--> | 
|---|
|  |  |  | <!--        </el-table-column>--> | 
|---|
|  |  |  | <el-table-column prop="sex" label="性别" sortable="custom" sort-by="SEX" min-width="80px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | {{row.sex | sex}} | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="mobile" label="手机号码" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <!--        <el-table-column prop="email" label="邮箱" min-width="180px"></el-table-column>--> | 
|---|
|  |  |  | <!--        <el-table-column prop="birthday" label="生日" sortable="custom" sort-by="BIRTHDAY" min-width="100px"></el-table-column>--> | 
|---|
|  |  |  | <el-table-column prop="email" label="邮箱" min-width="180px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="birthday" label="生日" sortable="custom" sort-by="BIRTHDAY" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="roles" label="角色" min-width="160px" class-name="table-column-strings"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <ul> | 
|---|
|  |  |  | 
|---|
|  |  |  | import OperaUserWindow from '@/components/system/user/OperaUserWindow' | 
|---|
|  |  |  | import RoleConfigWindow from '@/components/system/user/RoleConfigWindow' | 
|---|
|  |  |  | import ResetPwdWindow from '@/components/system/user/ResetPwdWindow' | 
|---|
|  |  |  | import DepartmentSelect from '@/components/common/DepartmentSelect' | 
|---|
|  |  |  | import PositionSelect from '@/components/common/PositionSelect' | 
|---|
|  |  |  |  | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'SystemUser', | 
|---|
|  |  |  | extends: BaseTable, | 
|---|
|  |  |  | components: { PositionSelect, DepartmentSelect, ResetPwdWindow, RoleConfigWindow, OperaUserWindow, TableLayout, Pagination }, | 
|---|
|  |  |  | components: { ResetPwdWindow, RoleConfigWindow, OperaUserWindow, TableLayout, Pagination }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // 搜索 | 
|---|
|  |  |  | searchForm: { | 
|---|
|  |  |  | username: '', // 名字 | 
|---|
|  |  |  | realname: '', // 姓名 | 
|---|
|  |  |  | rootDeptId: null, // 部门ID | 
|---|
|  |  |  | positionId: null, // 岗位ID | 
|---|
|  |  |  | companyName: null, // 企业名称 | 
|---|
|  |  |  | mobile: '' // 手机号码 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|