|
|
|
@ -7,7 +7,7 @@ |
|
|
|
height="90%"> |
|
|
|
<el-card shadow="never" class="aui-card--fill"> |
|
|
|
<div class="mod-sys__user"> |
|
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()"> |
|
|
|
<el-form-item label="用户名"> |
|
|
|
<el-input v-model="dataForm.username" :placeholder="$t('user.username')" clearable maxlength="10" @keyup.native="btKeyUpUserName"></el-input> |
|
|
|
</el-form-item> |
|
|
|
@ -21,17 +21,24 @@ |
|
|
|
<el-input v-model="dataForm.mobile" placeholder="手机号" clearable maxlength="11" @keyup.native="btKeyUpMobile"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button @click="getDataListOverWrite()">{{ $t('query') }}</el-button> |
|
|
|
<el-button @click="getDataListOverWrite()" type="success">{{ $t('query') }}</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<el-table v-loading="dataListLoading" :data="dataList" max-height="450" style="width: 100%;" @selection-change="handleSelectionChange"> |
|
|
|
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> |
|
|
|
<el-table-column prop="username" :label="$t('user.username')" sortable="custom" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column |
|
|
|
type="index" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="50" |
|
|
|
label='序号' |
|
|
|
></el-table-column> |
|
|
|
<el-table-column prop="username" :label="$t('user.username')" sortable="custom" header-align="center" align="center" width="100"></el-table-column> |
|
|
|
<el-table-column prop="realName" :label="$t('user.realName')" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="deptName" :label="$t('user.deptName')" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="email" :label="$t('user.email')" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="mobile" :label="$t('user.mobile')" sortable="custom" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="status" :label="$t('user.status')" sortable="custom" header-align="center" align="center"> |
|
|
|
<el-table-column prop="deptName" :label="$t('user.deptName')" header-align="center" align="center" min-width="120"></el-table-column> |
|
|
|
<el-table-column prop="email" :label="$t('user.email')" header-align="center" align="center" width="200"></el-table-column> |
|
|
|
<el-table-column prop="mobile" :label="$t('user.mobile')" sortable="custom" header-align="center" align="center" width="120"></el-table-column> |
|
|
|
<el-table-column prop="status" :label="$t('user.status')" sortable="custom" header-align="center" align="center" width="180"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-tag v-if="scope.row.status === 0" size="small" type="danger">{{ $t('user.status0') }}</el-tag> |
|
|
|
<el-tag v-else size="small" type="success">{{ $t('user.status1') }}</el-tag> |
|
|
|
@ -49,7 +56,7 @@ |
|
|
|
@current-change="pageCurrentChangeHandle"> |
|
|
|
</el-pagination> |
|
|
|
<el-form> |
|
|
|
<el-button type="primary" @click="getInfo()" style="margin-left:48%">{{"确定"}}</el-button> |
|
|
|
<el-button type="primary" @click="getInfo()" style="margin-left:48%" class="end">{{"确定"}}</el-button> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
@ -124,3 +131,13 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style scoped lang='scss'> |
|
|
|
.el-form{ |
|
|
|
.end{ |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
.el-button--success{ |
|
|
|
margin-top: 0px!important; |
|
|
|
} |
|
|
|
</style> |