| | |
| | | <template> |
| | | <div class="userInfo_box"> |
| | | <My-bread |
| | | :list="[ |
| | | <My-bread :list="[ |
| | | `${$t('userManage.userManage')}`, |
| | | `${$t('userManage.userInfoManage')}`, |
| | | ]" |
| | | ></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 |
| | |
| | | type="primary" |
| | | @click="queryInfo()" |
| | | icon="el-icon-search" |
| | | >{{ $t("operatManage.ELM.search") }} |
| | | >{{ $t("operatManage.ELM.search") }} |
| | | </el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | size="small" |
| | | @click="editPwd" |
| | | icon="el-icon-unlock" |
| | | >重置密码 |
| | | >重置密码 |
| | | </el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | 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" |
| | |
| | | :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 |
| | |
| | | type="warning" |
| | | @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" /> |
| | | 账号可用 |
| | | </div> |
| | |
| | | show-password |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="pwd" label="密码" :label-width="formLabelWidth"> |
| | | <el-form-item |
| | | prop="pwd" |
| | | label="密码" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | type="password" |
| | | v-model="editForm.pwd" |
| | |
| | | label="用户名称" |
| | | :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="性别" :label-width="formLabelWidth"> |
| | | <el-select v-model="editForm.sex" clearable placeholder="请选择"> |
| | | <el-form-item |
| | | prop="sex" |
| | | label="性别" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-select |
| | | v-model="editForm.sex" |
| | | clearable |
| | | placeholder="请选择" |
| | | > |
| | | <el-option |
| | | v-for="item in sexOpt" |
| | | :key="item.value" |
| | |
| | | label="籍贯" |
| | | :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" |
| | |
| | | label="证件号" |
| | | :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%"> |
| | | <el-form-item prop="job" label="工作" :label-width="formLabelWidth"> |
| | | <el-input v-model="editForm.job" autocomplete="off"></el-input> |
| | | <el-form-item |
| | | prop="job" |
| | | label="工作" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | v-model="editForm.job" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="edu" label="教育" :label-width="formLabelWidth"> |
| | | <el-input v-model="editForm.edu" autocomplete="off"></el-input> |
| | | <el-form-item |
| | | prop="edu" |
| | | label="教育" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | v-model="editForm.edu" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="addr" label="地址" :label-width="formLabelWidth"> |
| | | <el-input v-model="editForm.addr" autocomplete="off"></el-input> |
| | | <el-form-item |
| | | prop="addr" |
| | | label="地址" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | v-model="editForm.addr" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | prop="email" |
| | | label="电子邮件" |
| | | :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="联系方式" |
| | | :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="状态" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-select v-model="editForm.status" clearable placeholder="请选择"> |
| | | <el-select |
| | | v-model="editForm.status" |
| | | clearable |
| | | placeholder="请选择" |
| | | > |
| | | <el-option |
| | | v-for="item in statusOpt" |
| | | :key="item.value" |
| | |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item prop="bak" label="备注" :label-width="formLabelWidth"> |
| | | <el-input v-model="editForm.bak" autocomplete="off"></el-input> |
| | | <el-form-item |
| | | prop="bak" |
| | | label="备注" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <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" @click="cancelEdit()">重置</el-button> |
| | | <div |
| | | v-if="behavior == '修改信息'" |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | @click="cancelEdit()" |
| | | >重置</el-button> |
| | | <el-button |
| | | size="medium" |
| | | type="primary" |
| | | @click="sendEdit('editForm')" |
| | | v-loading.fullscreen.lock="fullscreenLoading" |
| | | >提交</el-button |
| | | > |
| | | >提交</el-button> |
| | | </div> |
| | | <div v-else slot="footer" class="dialog-footer"> |
| | | <el-button size="medium" @click="cancelAdd('editForm')">重置</el-button> |
| | | <div |
| | | v-else |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | @click="cancelAdd('editForm')" |
| | | >重置</el-button> |
| | | <el-button |
| | | size="medium" |
| | | type="primary" |
| | | @click="sendAdd('editForm')" |
| | | v-loading.fullscreen.lock="fullscreenLoading" |
| | | >提交</el-button |
| | | > |
| | | >提交</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog |
| | |
| | | :visible.sync="resetPwd" |
| | | :before-close="handleClose" |
| | | > |
| | | <el-form :model="pwdForm" ref="pwdForm" :rules="rules"> |
| | | <el-form-item prop="adminPwd" label="管理员密码" label-width="140px"> |
| | | <el-form |
| | | :model="pwdForm" |
| | | ref="pwdForm" |
| | | :rules="rules" |
| | | > |
| | | <el-form-item |
| | | prop="adminPwd" |
| | | label="管理员密码" |
| | | label-width="140px" |
| | | > |
| | | <el-input |
| | | type="password" |
| | | v-model="pwdForm.adminPwd" |
| | |
| | | show-password |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="newPwd" label="新密码" label-width="140px"> |
| | | <el-form-item |
| | | prop="newPwd" |
| | | label="新密码" |
| | | label-width="140px" |
| | | > |
| | | <el-input |
| | | type="password" |
| | | v-model="pwdForm.newPwd" |
| | |
| | | show-password |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="checkPwd" label="确认密码" label-width="140px"> |
| | | <el-form-item |
| | | prop="checkPwd" |
| | | label="确认密码" |
| | | label-width="140px" |
| | | > |
| | | <el-input |
| | | type="password" |
| | | v-model="pwdForm.checkPwd" |
| | |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button size="medium" @click="cancelReset - 'pwdForm'" |
| | | >重置</el-button |
| | | > |
| | | <div |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | @click="cancelReset - 'pwdForm'" |
| | | >重置</el-button> |
| | | <el-button |
| | | size="medium" |
| | | type="primary" |
| | | @click="sendReset('pwdForm')" |
| | | v-loading.fullscreen.lock="fullscreenLoading" |
| | | >提交</el-button |
| | | > |
| | | >提交</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)); // 对源数据深度克隆 |
| | |
| | | |
| | | done(); |
| | | }) |
| | | .catch((_) => {}); |
| | | .catch((_) => { }); |
| | | }, |
| | | //提交编辑 |
| | | sendEdit(formName) { |
| | |
| | | }; |
| | | </script> |
| | | <style> |
| | | /deep/ .el-table__fixed-right { |
| | | height: 100% !important; |
| | | } |
| | | </style> |
| | | <style lang="less" scoped> |
| | | //@import url(); 引入公共css类 |