feat(AppAccountManage): 重置密码功能并优化账号管理页面- 在操作列中添加重置密码按钮

- 优化表格列配置,提高可读性
- 调整表单字段名称,提高用户体验
- 移除不必要的密码输入框
This commit is contained in:
aixianling
2025-01-07 09:55:05 +08:00
parent 072390dc13
commit 27a2052241

View File

@@ -22,11 +22,12 @@
<div>{{ row.name }}</div> <div>{{ row.name }}</div>
</el-row> </el-row>
</el-table-column> </el-table-column>
<el-table-column slot="options" align="center" label="操作" fixed="right" width="180px"> <el-table-column slot="options" align="center" label="操作" fixed="right" width="220px">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<div class="table-options"> <div class="table-options">
<el-button type="text" @click="changeEnable(row)">{{ row.status == 1 ? '禁用' : '启用' }}</el-button> <el-button type="text" @click="changeEnable(row)">{{ row.status == 1 ? '禁用' : '启用' }}</el-button>
<el-button type="text" @click="appAllot(row)">编辑</el-button> <el-button type="text" @click="appAllot(row)">编辑</el-button>
<el-button type="text" @click="resetPassword(row.id)">重置密码</el-button>
<el-button type="text" @click="handleDelete(row.id)">删除</el-button> <el-button type="text" @click="handleDelete(row.id)">删除</el-button>
</div> </div>
</template> </template>
@@ -40,12 +41,12 @@
<el-form-item required label="行政区划" prop="areaId"> <el-form-item required label="行政区划" prop="areaId">
<ai-area-get v-model.trim="dialogForm.areaId" placeholder="请选择" :instance="instance"/> <ai-area-get v-model.trim="dialogForm.areaId" placeholder="请选择" :instance="instance"/>
</el-form-item> </el-form-item>
<el-form-item required label="账户" prop="username"> <el-form-item required label="账户" prop="userName">
<el-input v-model.trim="dialogForm.username" placeholder="请输入..." clearable :maxLength="15"/> <el-input v-model.trim="dialogForm.userName" placeholder="请输入..." clearable :maxLength="15"/>
</el-form-item>
<el-form-item required label="账号密码" prop="password" v-if="!isEdit" :rules="[{ required: true, message: '请输入密码' }]">
<el-input v-model.trim="dialogForm.password" placeholder="请输入密码" clearable :minlength="6"/>
</el-form-item> </el-form-item>
<!-- <el-form-item required label="账号密码" prop="password" v-if="!isEdit" :rules="[{ required: true, message: '请输入密码' }]">-->
<!-- <el-input v-model.trim="dialogForm.password" placeholder="请输入密码" clearable :minlength="6"/>-->
<!-- </el-form-item>-->
<el-form-item required label="角色" prop="roleId"> <el-form-item required label="角色" prop="roleId">
<el-select placeholder="请选择角色" :value="dialogForm.roleId" filterable v-model="dialogForm.roleId" clearable> <el-select placeholder="请选择角色" :value="dialogForm.roleId" filterable v-model="dialogForm.roleId" clearable>
<el-option v-for="(op, i) in accountRoles" :key="i" :label="op.name" :value="op.id"/> <el-option v-for="(op, i) in accountRoles" :key="i" :label="op.name" :value="op.id"/>
@@ -91,19 +92,18 @@ export default {
colConfigs() { colConfigs() {
return [ return [
// {type: 'selection', align: 'center'}, // {type: 'selection', align: 'center'},
{label: "账号", slot: "username"}, {label: "账号", prop: "userName"},
{label: "姓名", slot: "name"}, {label: "姓名", slot: "name"},
{label: "联系方式", prop: "phone", align: 'center'}, {label: "联系方式", prop: "phone", align: 'center'},
{label: "角色", prop: "roleName", align: 'center'}, {label: "角色", prop: "roleName", align: 'center'},
{label: "状态", prop: "status", align: 'center', dict: "enable"}, {label: "状态", prop: "status", align: 'center', dict: "enable"},
{label: "认证状态", prop: "authStatus", align: 'center', dict: "authStatus"}, {label: "认证状态", prop: "authStatus", align: 'center', dict: "authStatus"},
{label: "配置状态", prop: "configStatus", align: 'center', dict: "configStatus"}, {label: "配置状态", prop: "configStatus", align: 'center', dict: "configStatus"},
{slot: "options"}
] ]
}, },
rules() { rules() {
return { return {
username: [{required: true, message: "请输入账号"}], userName: [{required: true, message: "请输入账号"}],
name: [{required: true, message: "请输入姓名"}], name: [{required: true, message: "请输入姓名"}],
password: [{required: true, message: '请输入密码'}], password: [{required: true, message: '请输入密码'}],
areaId: [{required: true, message: "请选择行政区划"}], areaId: [{required: true, message: "请选择行政区划"}],
@@ -215,6 +215,16 @@ export default {
} }
}) })
}) })
},
resetPassword(id) {
this.$confirm("是否要重置密码?").then(() => {
this.instance.post("/api/user/resetPwd", null, {params: {id}}).then(res => {
if (res?.code == 0) {
this.$message.success("重置成功!")
this.getTableData()
}
})
})
} }
}, },
created() { created() {