|
|
@@ -237,35 +237,34 @@ export function useAdmin(tableRef: Ref) {
|
|
|
|
|
|
// 打开弹窗
|
|
|
function openDialog(title = "新增", row?: AdminFormItem) {
|
|
|
+ const dialogForm = reactive<AdminFormItem>({
|
|
|
+ id: row?.id,
|
|
|
+ username: row?.username ?? "",
|
|
|
+ password: "",
|
|
|
+ realName: row?.realName ?? "",
|
|
|
+ phone: row?.phone ?? "",
|
|
|
+ email: row?.email ?? "",
|
|
|
+ roleIds: row?.roleIds ?? "",
|
|
|
+ status: row?.status ?? 1,
|
|
|
+ remark: row?.remark ?? ""
|
|
|
+ });
|
|
|
+
|
|
|
addDialog({
|
|
|
title: `${title}管理员`,
|
|
|
- props: {
|
|
|
- formInline: {
|
|
|
- id: row?.id,
|
|
|
- username: row?.username ?? "",
|
|
|
- password: "",
|
|
|
- realName: row?.realName ?? "",
|
|
|
- phone: row?.phone ?? "",
|
|
|
- email: row?.email ?? "",
|
|
|
- roleIds: row?.roleIds ?? "",
|
|
|
- status: row?.status ?? 1,
|
|
|
- remark: row?.remark ?? ""
|
|
|
- }
|
|
|
- },
|
|
|
width: "46%",
|
|
|
draggable: true,
|
|
|
fullscreen: deviceDetection(),
|
|
|
fullscreenIcon: true,
|
|
|
closeOnClickModal: false,
|
|
|
contentRenderer: () => (
|
|
|
- <ElForm ref={ruleFormRef} model={form} label-width="100px">
|
|
|
+ <ElForm ref={ruleFormRef} model={dialogForm} label-width="100px">
|
|
|
<ElFormItem
|
|
|
label="用户名"
|
|
|
prop="username"
|
|
|
rules={[{ required: true, message: "请输入用户名", trigger: "blur" }]}
|
|
|
>
|
|
|
<ElInput
|
|
|
- v-model={form.username}
|
|
|
+ v-model={dialogForm.username}
|
|
|
placeholder="请输入用户名"
|
|
|
clearable
|
|
|
disabled={title === "修改"}
|
|
|
@@ -278,7 +277,7 @@ export function useAdmin(tableRef: Ref) {
|
|
|
rules={[{ required: true, message: "请输入密码", trigger: "blur" }]}
|
|
|
>
|
|
|
<ElInput
|
|
|
- v-model={form.password}
|
|
|
+ v-model={dialogForm.password}
|
|
|
type="password"
|
|
|
placeholder="请输入密码"
|
|
|
show-password
|
|
|
@@ -291,7 +290,7 @@ export function useAdmin(tableRef: Ref) {
|
|
|
prop="realName"
|
|
|
rules={[{ required: true, message: "请输入真实姓名", trigger: "blur" }]}
|
|
|
>
|
|
|
- <ElInput v-model={form.realName} placeholder="请输入真实姓名" clearable />
|
|
|
+ <ElInput v-model={dialogForm.realName} placeholder="请输入真实姓名" clearable />
|
|
|
</ElFormItem>
|
|
|
<ElFormItem
|
|
|
label="手机号"
|
|
|
@@ -301,31 +300,31 @@ export function useAdmin(tableRef: Ref) {
|
|
|
{ pattern: /^1[3-9]\d{9}$/, message: "请输入正确的手机号", trigger: "blur" }
|
|
|
]}
|
|
|
>
|
|
|
- <ElInput v-model={form.phone} placeholder="请输入手机号" clearable />
|
|
|
+ <ElInput v-model={dialogForm.phone} placeholder="请输入手机号" clearable />
|
|
|
</ElFormItem>
|
|
|
<ElFormItem label="邮箱" prop="email">
|
|
|
- <ElInput v-model={form.email} placeholder="请输入邮箱" clearable />
|
|
|
+ <ElInput v-model={dialogForm.email} placeholder="请输入邮箱" clearable />
|
|
|
</ElFormItem>
|
|
|
<ElFormItem
|
|
|
label="角色"
|
|
|
prop="roleIds"
|
|
|
rules={[{ required: true, message: "请选择角色", trigger: "change" }]}
|
|
|
>
|
|
|
- <ElSelect v-model={form.roleIds} placeholder="请选择角色" class="w-full">
|
|
|
+ <ElSelect v-model={dialogForm.roleIds} placeholder="请选择角色" class="w-full">
|
|
|
{roleOptions.value.map(item => (
|
|
|
<ElOption key={item.id} label={item.name} value={item.id} />
|
|
|
))}
|
|
|
</ElSelect>
|
|
|
</ElFormItem>
|
|
|
<ElFormItem label="状态" prop="status">
|
|
|
- <ElRadioGroup v-model={form.status}>
|
|
|
+ <ElRadioGroup v-model={dialogForm.status}>
|
|
|
<ElRadioButton value={1}>启用</ElRadioButton>
|
|
|
<ElRadioButton value={2}>停用</ElRadioButton>
|
|
|
</ElRadioGroup>
|
|
|
</ElFormItem>
|
|
|
<ElFormItem label="备注" prop="remark">
|
|
|
<ElInput
|
|
|
- v-model={form.remark}
|
|
|
+ v-model={dialogForm.remark}
|
|
|
type="textarea"
|
|
|
placeholder="请输入备注"
|
|
|
rows={3}
|
|
|
@@ -339,14 +338,14 @@ export function useAdmin(tableRef: Ref) {
|
|
|
|
|
|
try {
|
|
|
const submitData = {
|
|
|
- ...toRaw(form),
|
|
|
- password: title === "新增" ? form.password : undefined
|
|
|
+ ...toRaw(dialogForm),
|
|
|
+ password: title === "新增" ? dialogForm.password : undefined
|
|
|
};
|
|
|
|
|
|
if (title === "新增") {
|
|
|
const res = await addAdmin(submitData);
|
|
|
if (res.code === 0) {
|
|
|
- message(`新增管理员 ${form.username} 成功`, { type: "success" });
|
|
|
+ message(`新增管理员 ${dialogForm.username} 成功`, { type: "success" });
|
|
|
done();
|
|
|
onSearch();
|
|
|
} else {
|
|
|
@@ -355,7 +354,7 @@ export function useAdmin(tableRef: Ref) {
|
|
|
} else {
|
|
|
const res = await updateAdmin({ ...submitData, id: row.id });
|
|
|
if (res.code === 0) {
|
|
|
- message(`修改管理员 ${form.username} 成功`, { type: "success" });
|
|
|
+ message(`修改管理员 ${dialogForm.username} 成功`, { type: "success" });
|
|
|
done();
|
|
|
onSearch();
|
|
|
} else {
|