|
|
@@ -4,32 +4,25 @@
|
|
|
<ElButton :icon="Plus" @click="onEdit()">添加</ElButton>
|
|
|
</template>
|
|
|
<ElTableColumn prop="id" label="#" width="80" />
|
|
|
- <ElTableColumn prop="username" label="用户名" min-width="120" />
|
|
|
- <ElTableColumn prop="name" label="昵称" min-width="120" />
|
|
|
- <ElTableColumn prop="phone" label="手机" min-width="120" />
|
|
|
- <ElTableColumn prop="createdAt" label="注册时间" :formatter="timeFormatter" width="150" />
|
|
|
- <ElTableColumn prop="invitor" label="上级" />
|
|
|
+ <ElTableColumn prop="name" label="名称" width="150" />
|
|
|
+ <ElTableColumn prop="remark" label="备注" min-width="120" show-overflow-tooltip />
|
|
|
+ <ElTableColumn prop="value" label="值" min-width="120" show-overflow-tooltip />
|
|
|
+ <ElTableColumn prop="createdAt" label="创建时间" :formatter="timeFormatter" width="150" />
|
|
|
<ElTableColumn label="操作" align="center" width="120">
|
|
|
<template #default="{ row }">
|
|
|
- <ElButton @click="getToken(row)">Token</ElButton>
|
|
|
+ <ElButton @click="onEdit(row)">编辑</ElButton>
|
|
|
</template>
|
|
|
</ElTableColumn>
|
|
|
</PagingTable>
|
|
|
<EditDialog v-model="showEditDialog" :model="model" :rules="rules" :on-submit="submit" @success="table.refresh()">
|
|
|
- <ElFormItem prop="username" label="用户名">
|
|
|
- <ElInput v-model="model.username" placeholder="请输入用户名" />
|
|
|
+ <ElFormItem prop="name" label="名称">
|
|
|
+ <ElInput v-model="model.name" placeholder="请输入名称" />
|
|
|
</ElFormItem>
|
|
|
- <ElFormItem prop="name" label="昵称">
|
|
|
- <ElInput v-model="model.name" placeholder="请输入昵称" />
|
|
|
+ <ElFormItem prop="remark" label="备注">
|
|
|
+ <ElInput v-model="model.remark" placeholder="请输入备注" />
|
|
|
</ElFormItem>
|
|
|
- <ElFormItem prop="phone" label="手机">
|
|
|
- <ElInput v-model="model.phone" placeholder="请输入手机" />
|
|
|
- </ElFormItem>
|
|
|
- <ElFormItem prop="password" label="密码">
|
|
|
- <ElInput v-model="model.password" placeholder="请输入密码" />
|
|
|
- </ElFormItem>
|
|
|
- <ElFormItem prop="roles" label="角色">
|
|
|
- <EnumSelect v-model="model.roles" :enum="UserRole" multiple :multiple-limit="1"/>
|
|
|
+ <ElFormItem prop="value" label="值">
|
|
|
+ <ElInput v-model="model.value" placeholder="请输入值" />
|
|
|
</ElFormItem>
|
|
|
</EditDialog>
|
|
|
</template>
|
|
|
@@ -46,20 +39,20 @@ import { http } from '@/plugins/http'
|
|
|
import { ElMessage } from 'element-plus'
|
|
|
import { useClipboard } from '@vueuse/core'
|
|
|
|
|
|
-const where = ref({ roles: 'user' })
|
|
|
+const where = ref({})
|
|
|
const timeFormatter = useTimeFormatter()
|
|
|
const table = ref(null)
|
|
|
const model = ref({})
|
|
|
const rules = {
|
|
|
- username: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
|
|
|
- name: [{ required: true, message: '请输入昵称', trigger: 'blur' }],
|
|
|
- phone: [{ required: true, message: '请输入手机', trigger: 'blur' }],
|
|
|
- password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
|
|
|
- roles: [{ required: true, message: '请选择角色', trigger: 'blur' }]
|
|
|
+ name: [
|
|
|
+ { required: true, message: '请输入名称', trigger: 'blur' },
|
|
|
+ { type: 'string', pattern: /^[a-zA-Z0-9_]+$/, message: '只能输入字母、数字、下划线' }
|
|
|
+ ],
|
|
|
+ value: [{ required: true, message: '请输入值', trigger: 'blur' }]
|
|
|
}
|
|
|
const { showEditDialog, onEdit } = setupEditDialog(model)
|
|
|
async function submit() {
|
|
|
- await http.put('/admin/users', model.value)
|
|
|
+ await http.put('/admin/sys-config', model.value)
|
|
|
ElMessage.success('保存成功')
|
|
|
}
|
|
|
function getToken(row) {
|