kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 优化表格列配置，提高可读性
- 调整表单字段名称，提高用户体验
- 移除不必要的密码输入框
This commit is contained in:
aixianling
2025-01-07 09:55:05 +08:00
parent 072390dc13
commit 27a2052241
1 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
project/xumu/AppAccountManage/AppAccountManage.vue
View File

@@ -22,11 +22,12 @@
<div>{{ row.name }}</div>
</el-row>
</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 }">
<div class="table-options">
<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="resetPassword(row.id)">重置密码</el-button>
<el-button type="text" @click="handleDelete(row.id)">删除</el-button>
</div>
</template>
@@ -40,12 +41,12 @@
<el-form-item required label="行政区划" prop="areaId">
<ai-area-get v-model.trim="dialogForm.areaId" placeholder="请选择" :instance="instance"/>
</el-form-item>
<el-form-item required label="账户" prop="username">
<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 required label="账户" prop="userName">
<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 required label="角色" prop="roleId">
<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"/>
@@ -91,19 +92,18 @@ export default {
colConfigs() {
return [
// {type: 'selection', align: 'center'},
{label: "账号", slot: "username"},
{label: "账号", prop: "userName"},
{label: "姓名", slot: "name"},
{label: "联系方式", prop: "phone", align: 'center'},
{label: "角色", prop: "roleName", align: 'center'},
{label: "状态", prop: "status", align: 'center', dict: "enable"},
{label: "认证状态", prop: "authStatus", align: 'center', dict: "authStatus"},
{label: "配置状态", prop: "configStatus", align: 'center', dict: "configStatus"},
{slot: "options"}
]
},
rules() {
return {
username: [{required: true, message: "请输入账号"}],
userName: [{required: true, message: "请输入账号"}],
name: [{required: true, message: "请输入姓名"}],
password: [{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() {