调整用户管理新增弹窗宽度
This commit is contained in:
14
doc/implementation-report-2026-05-25-user-dialog-width.md
Normal file
14
doc/implementation-report-2026-05-25-user-dialog-width.md
Normal file
@@ -0,0 +1,14 @@
|
||||
# 用户管理新增弹窗宽度前端实施记录
|
||||
|
||||
## 修改内容
|
||||
- 将用户管理“添加或修改用户配置对话框”的宽度从 `600px` 调整为页面宽度的 `80%`。
|
||||
- 修改范围仅限前端页面 `ruoyi-ui/src/views/system/user/index.vue`,不涉及后端接口、数据结构或权限逻辑。
|
||||
|
||||
## 验证记录
|
||||
- `source ~/.nvm/nvm.sh && nvm use 14.21.3 >/dev/null && npm run build:prod`
|
||||
- 结果:通过;仅保留项目既有的 webpack 体积提示。
|
||||
- 真实页面验证:
|
||||
- 前端地址:`http://localhost:1024/system/user`。
|
||||
- 登录用户:`admin`。
|
||||
- 点击用户管理页面“新增”后打开 `添加用户` 弹窗。
|
||||
- 浏览器视口宽度为 `1067px`,弹窗实际宽度为 `853.33px`,宽度比例为 `0.7998`,符合页面宽度 `80%` 的要求。
|
||||
@@ -95,7 +95,7 @@
|
||||
</el-row>
|
||||
|
||||
<!-- 添加或修改用户配置对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
|
||||
<el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
@@ -562,4 +562,4 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user