| | |
| | | clearable |
| | | size="small" |
| | | style="width: 240px" |
| | | maxlength="50" |
| | | @keyup.enter.native="reGetList" |
| | | /> |
| | | </el-form-item> |
| | |
| | | <el-table-column label="账号" prop="account" align="center" min-width="120" /> |
| | | <el-table-column label="账号类型" prop="account" align="center" min-width="120"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.type">{{ accountTypeOptions[scope.row.type].name }}</span> |
| | | <span v-if="accountTypeOptions[scope.row.type]">{{ accountTypeOptions[scope.row.type].name }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="角色" prop="roleName" align="center" min-width="120" /> |
| | |
| | | /> |
| | | |
| | | <!-- 新增&编辑 --> |
| | | <el-dialog :title="adminDialogData.type=='add'?'新增管理员':'编辑管理员'" width="500px" :visible.sync="adminDialogVisible" append-to-body :before-close="hideDialog"> |
| | | <el-dialog v-el-drag-dialog :title="adminDialogData.type==='add'?'新增管理员':'编辑管理员'" width="500px" :visible.sync="adminDialogVisible" append-to-body :close-on-click-modal="false"> |
| | | <el-form ref="adminDialog" :model="adminDialogData" label-width="80px" :rules="rules" size="small"> |
| | | <el-form-item label="名称" prop="name"> |
| | | <el-input v-model="adminDialogData.name" placeholder="请输入名称" /> |
| | | <el-input v-model="adminDialogData.name" placeholder="请输入名称" maxlength="50" /> |
| | | </el-form-item> |
| | | <el-form-item label="账号" prop="account"> |
| | | <el-input v-model="adminDialogData.account" placeholder="请输入帐号" :disabled="adminDialogData.type!='add'" /> |
| | | <el-input v-model="adminDialogData.account" placeholder="请输入帐号" maxlength="20" :disabled="adminDialogData.type!='add'" /> |
| | | </el-form-item> |
| | | <el-form-item label="密码" :prop="adminDialogData.type=='add'?'password':''"> |
| | | <el-input v-model="adminDialogData.password" type="password" placeholder="请输入密码" /> |
| | | <el-form-item label="密码" :prop="adminDialogData.type==='add'||adminDialogData.password||adminDialogData.passwordSure?'password':'none'"> |
| | | <el-input v-model="adminDialogData.password" type="password" placeholder="请输入密码" maxlength="20" /> |
| | | </el-form-item> |
| | | <el-form-item label="确认密码" :prop="adminDialogData.type=='add'?'passwordSure':''"> |
| | | <el-input v-model="adminDialogData.passwordSure" type="password" placeholder="请输入确认密码" /> |
| | | <el-form-item label="确认密码" :prop="adminDialogData.type==='add'||adminDialogData.password||adminDialogData.passwordSure?'passwordSure':'none'"> |
| | | <el-input v-model="adminDialogData.passwordSure" type="password" placeholder="请输入确认密码" maxlength="20" /> |
| | | </el-form-item> |
| | | <!-- 账号类型 --> |
| | | <el-form-item label="账号类型" prop="accountType"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | export default { |
| | | name: 'Admin', |
| | | data() { |
| | |
| | | ], |
| | | accountType: [ |
| | | { required: true, message: '账号类型不能为空', trigger: 'change' } |
| | | ], |
| | | isUse: [ |
| | | { required: true, message: '是否启用不能为空', trigger: 'change' } |
| | | ] |
| | | } |
| | | } |
| | |
| | | mockData: { |
| | | code: 100, |
| | | msg: '', |
| | | data: [{ |
| | | id: 'xxx', |
| | | name: '野马发' |
| | | }] |
| | | data: { |
| | | list: [{ |
| | | id: 'xxx', |
| | | name: '野马发' |
| | | }] |
| | | } |
| | | } |
| | | }, (inf) => { |
| | | this.roleArr = inf.list || [] |
| | |
| | | }, () => { |
| | | this.$messageSuc('保存成功') |
| | | this.hideAdminDialog() |
| | | this.getList() |
| | | isAdd ? this.reGetList() : this.getList() |
| | | }) |
| | | } |
| | | }) |