| | |
| | | <template> |
| | | <div class="userInfo_box"> |
| | | <My-bread |
| | | :list="[ |
| | | <My-bread :list="[ |
| | | `${$t('operatManage.operatManage')}`, |
| | | `${$t('userManage.userManage')}`, |
| | | ]" |
| | | ></My-bread> |
| | | ]"></My-bread> |
| | | <el-divider /> |
| | | <div class="inquire"> |
| | | <el-form ref="queryForm" :model="queryForm" :inline="true"> |
| | | <el-form-item prop="uname" :label="$t('userManage.userInfoObj.uname')"> |
| | | <el-form |
| | | ref="queryForm" |
| | | :model="queryForm" |
| | | :inline="true" |
| | | > |
| | | <el-form-item |
| | | prop="uname" |
| | | :label="$t('userManage.userInfoObj.uname')" |
| | | > |
| | | <el-input v-model="queryForm.uname" /> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="queryForm.depid" |
| | | :options="treeOptions" |
| | | filterable |
| | | ref="cascaderHandle" |
| | | @change="handleChange" |
| | | :show-all-levels="false" |
| | | :props="{ |
| | |
| | | @click="queryInfo()" |
| | | icon="el-icon-search" |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | >{{ $t('operatManage.ELM.search') }} |
| | | >{{ $t('operatManage.ELM.search') }} |
| | | </el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | @click="editPwd" |
| | | type="warning" |
| | | icon="el-icon-unlock" |
| | | >{{ $t('common.changepassWord') }} |
| | | >{{ $t('common.changepassWord') }} |
| | | </el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | :data="tableData" |
| | | border |
| | | style="width: 100%" |
| | | height="99%" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column |
| | | type="selection" |
| | | width="55" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | type="index" |
| | |
| | | prop="idcard" |
| | | width="200px" |
| | | :label="$t('userManage.userInfoObj.idcard')" |
| | | /><el-table-column |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="job" |
| | | width="200px" |
| | |
| | | :label="$t('userManage.userInfoObj.status')" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-tag v-if="scope.row.status == 0" type="success">正常</el-tag> |
| | | <el-tag v-if="scope.row.status == 1" type="info">禁用</el-tag> |
| | | <el-tag v-if="scope.row.status == 2" type="warning">删除</el-tag> |
| | | <el-tag |
| | | v-if="scope.row.status == 0" |
| | | type="success" |
| | | >正常</el-tag> |
| | | <el-tag |
| | | v-if="scope.row.status == 1" |
| | | type="info" |
| | | >禁用</el-tag> |
| | | <el-tag |
| | | v-if="scope.row.status == 2" |
| | | type="warning" |
| | | >删除</el-tag> |
| | | <el-tag v-if="scope.row.status == 3">申请</el-tag> |
| | | <el-tag v-if="scope.row.status == 4" type="danger">拒批</el-tag> |
| | | <el-tag |
| | | v-if="scope.row.status == 4" |
| | | type="danger" |
| | | >拒批</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | plain |
| | | @click="editInfo(scope.row)" |
| | | size="mini" |
| | | >{{ $t('common.edit') }}</el-button |
| | | > |
| | | >{{ $t('common.edit') }}</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="margin-top: 25px" class="pagination_box"> |
| | | <div |
| | | style="margin-top: 25px" |
| | | class="pagination_box" |
| | | > |
| | | <el-pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | |
| | | v-if="behavior == '新增用户'" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="editForm.uid" autocomplete="off"></el-input> |
| | | <div class="isNewUser" v-if="isNewUser"> |
| | | <el-input |
| | | v-model="editForm.uid" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | <div |
| | | class="isNewUser" |
| | | v-if="isNewUser" |
| | | > |
| | | <img src="../../assets/img/success.png" /> |
| | | {{ $t('userManage.userInfoObj.uid') }} |
| | | </div> |
| | |
| | | :label="$t('userManage.userInfoObj.username')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="editForm.uname" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="editForm.uname" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | prop="sex" |
| | |
| | | :label="$t('userManage.userInfoObj.nativePlace')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="editForm.natives" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="editForm.natives" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | prop="depid" |
| | |
| | | :options="treeOptions" |
| | | filterable |
| | | clearable |
| | | ref="editcaderHandle" |
| | | @change="editChange" |
| | | :show-all-levels="false" |
| | | :props="{ |
| | |
| | | :label="$t('userManage.userInfoObj.identityCard')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="editForm.idcard" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="editForm.idcard" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <div style="width: 45%"> |
| | |
| | | :label="$t('userManage.userInfoObj.job')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="editForm.job" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="editForm.job" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | prop="edu" |
| | | :label="$t('userManage.userInfoObj.edu')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="editForm.edu" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="editForm.edu" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | prop="addr" |
| | | :label="$t('userManage.userInfoObj.addr')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="editForm.addr" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="editForm.addr" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | prop="email" |
| | | :label="$t('userManage.userInfoObj.email')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="editForm.email" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="editForm.email" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | prop="contact" |
| | | :label="$t('userManage.userInfoObj.contact')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="editForm.contact" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="editForm.contact" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | prop="status" |
| | |
| | | :label="$t('userManage.userInfoObj.remarks')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="editForm.bak" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="editForm.bak" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | </el-form> |
| | | <div v-if="behavior == '修改信息'" slot="footer" class="dialog-footer"> |
| | | <el-button size="medium" type="info" @click="cancelEdit()">{{ |
| | | <div |
| | | v-if="behavior == '修改信息'" |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="info" |
| | | @click="cancelEdit()" |
| | | >{{ |
| | | $t('common.reset') |
| | | }}</el-button> |
| | | <el-button |
| | |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="sendEdit('editForm')" |
| | | v-loading.fullscreen.lock="fullscreenLoading" |
| | | >{{ $t('common.submit') }}</el-button |
| | | > |
| | | >{{ $t('common.submit') }}</el-button> |
| | | </div> |
| | | <div v-else slot="footer" class="dialog-footer"> |
| | | <el-button size="medium" type="info" @click="cancelAdd('editForm')">{{ |
| | | <div |
| | | v-else |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="info" |
| | | @click="cancelAdd('editForm')" |
| | | >{{ |
| | | $t('common.reset') |
| | | }}</el-button> |
| | | <el-button |
| | |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="sendAdd('editForm')" |
| | | v-loading.fullscreen.lock="fullscreenLoading" |
| | | >{{ $t('common.submit') }}</el-button |
| | | > |
| | | >{{ $t('common.submit') }}</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog |
| | |
| | | :visible.sync="resetPwd" |
| | | :before-close="handleClose" |
| | | > |
| | | <el-form :model="pwdForm" ref="pwdForm" :rules="rules"> |
| | | <el-form |
| | | :model="pwdForm" |
| | | ref="pwdForm" |
| | | :rules="rules" |
| | | > |
| | | <el-form-item |
| | | prop="adminPwd" |
| | | :label="$t('common.AdminPassword')" |
| | |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button size="medium" type="info" @click="cancelReset - 'pwdForm'">{{ |
| | | <div |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="info" |
| | | @click="cancelReset - 'pwdForm'" |
| | | >{{ |
| | | $t('common.reset') |
| | | }}</el-button> |
| | | <el-button |
| | |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="sendReset('pwdForm')" |
| | | v-loading.fullscreen.lock="fullscreenLoading" |
| | | >{{ $t('common.submit') }}</el-button |
| | | > |
| | | >{{ $t('common.submit') }}</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | }); |
| | | } |
| | | }) |
| | | .catch((res) => {}); |
| | | .catch((res) => { }); |
| | | |
| | | queryPageUser({ |
| | | pageIndex: 1, |
| | |
| | | }); |
| | | } |
| | | }) |
| | | .catch((res) => {}); |
| | | .catch((res) => { }); |
| | | }, |
| | | treeData(source) { |
| | | let cloneData = JSON.parse(JSON.stringify(source)); // 对源数据深度克隆 |
| | |
| | | //查询选择单位 |
| | | handleChange(value) { |
| | | this.queryForm.depid = value; |
| | | |
| | | this.$refs.cascaderHandle.dropDownVisible = false |
| | | }, |
| | | //搜索按钮 |
| | | queryInfo() { |
| | |
| | | setTimeout(() => { |
| | | this.fullscreenLoading = false; |
| | | if (res.code == 200) { |
| | | this.getUserInfo(); |
| | | |
| | | this.$message({ |
| | | message: '修改成功', |
| | | type: 'success', |
| | |
| | | }; |
| | | this.multipleSelection = []; |
| | | this.resetPwd = false; |
| | | this.getUserInfo(); |
| | | } |
| | | }, 500); |
| | | }) |
| | |
| | | editInfo(row) { |
| | | delete row.updateTime; |
| | | delete row.updateUser; |
| | | // row.pwd = ''; |
| | | |
| | | this.initialForm = JSON.stringify(row); |
| | | this.behavior = '修改信息'; |
| | | this.editForm = JSON.parse(JSON.stringify(row)); |
| | | |
| | | this.dialogFormVisible = true; |
| | | }, |
| | | //编辑选择单位 |
| | | editChange(value) { |
| | | this.editForm.depid = value; |
| | | this.$refs.editcaderHandle.dropDownVisible = false |
| | | }, |
| | | //关闭弹出框 |
| | | handleClose(done) { |
| | |
| | | |
| | | done(); |
| | | }) |
| | | .catch((_) => {}); |
| | | .catch((_) => { }); |
| | | }, |
| | | //提交编辑 |
| | | sendEdit(formName) { |
| | |
| | | <style lang="less" scoped> |
| | | //@import url(); 引入公共css类 |
| | | .userInfo_box { |
| | | border-radius: 10px; |
| | | height: 100%; |
| | | height: 98%; |
| | | width: 98%; |
| | | padding: 1%; |
| | | position: absolute; |
| | | |
| | | box-sizing: border-box; |
| | | .el-input { |
| | | width: 300px; |
| | | } |
| | | .inquire { |
| | | position: relative; |
| | | height: 110px; |
| | | height: auto; |
| | | overflow: auto; |
| | | padding: 8px; |
| | | margin-top: 20px; |
| | |
| | | } |
| | | } |
| | | .table_box { |
| | | height: 470px; |
| | | height: 60%; |
| | | padding: 10px; |
| | | border-radius: 5px; |
| | | border: 1px solid rgb(202, 201, 204); |
| | | overflow: auto; |
| | | |
| | | /*修改table 表体的背景颜色和文字颜色*/ |
| | | /deep/ .el-table { |
| | |
| | | background: transparent; |
| | | } |
| | | } |
| | | /deep/.userInfo_box .pagination_box .btn-next { |
| | | background: white; |
| | | } |
| | | } |
| | | </style> |
| | | <style> |