.

src/router/index.js

@@ -69,6 +69,14 @@ const router = createRouter({
                     meta: {
                         title: '会员列表'
                     }
+                },
+                {
+                    path: 'sysConfig',
+                    name: 'sysConfig',
+                    component: () => import('../views/SysConfigView.vue'),
+                    meta: {
+                        title: '系统设置'
+                    }
                 }
             ]
         }

src/views/MainView.vue

@@ -55,7 +55,7 @@ import SideMenu from '@/components/SideMenu.vue'
 import { useRoute } from 'vue-router'
 import { ref, watch, shallowRef, inject } from 'vue'
 import LogoSvg from '@/components/LogoSvg.vue'
-import { User, MoodSmile, Wallet, Home, ExternalLink, Menu2 } from '@vicons/tabler'
+import { User, MoodSmile, Wallet, Home, ExternalLink, Menu2, Settings } from '@vicons/tabler'
 import UserAvatar from '@/components/UserAvatar.vue'
 import ChangePwd from '@/components/ChangePwd.vue'
 import { http } from '@/plugins/http'
@@ -110,6 +110,17 @@ const menus = ref([
                 title: '提现申请'
             }
         ]
+    },
+    {
+        name: 'settings',
+        title: '系统设置',
+        icon: shallowRef(Settings),
+        children: [
+            {
+                name: 'sysConfig',
+                title: '参数设置'
+            }
+        ]
     }
 ])
 function toggleMenu() {

src/views/SysConfigView.vue

@@ -0,0 +1,72 @@
+<template>
+    <PagingTable url="/sys-config" :where="where" ref="table">
+        <template #filter>
+            <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 label="操作" align="center" width="120">
+            <template #default="{ row }">
+                <ElButton @click="getToken(row)">Token</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>
+        <ElFormItem prop="name" label="昵称">
+            <ElInput v-model="model.name" 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>
+    </EditDialog>
+</template>
+<script setup>
+import { ref } from 'vue'
+import PagingTable from '@/components/PagingTable.vue'
+import { useTimeFormatter } from '@/utils/formatter'
+import { Plus } from '@vicons/tabler'
+import EditDialog from '@/components/EditDialog.vue'
+import { setupEditDialog } from '@/utils/editDialog'
+import EnumSelect from '@/components/EnumSelect.vue'
+import { UserRole } from '@/enums'
+import { http } from '@/plugins/http'
+import { ElMessage } from 'element-plus'
+import { useClipboard } from '@vueuse/core'
+
+const where = ref({ roles: 'user' })
+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' }]
+}
+const { showEditDialog, onEdit } = setupEditDialog(model)
+async function submit() {
+    await http.put('/admin/users', model.value)
+    ElMessage.success('保存成功')
+}
+function getToken(row) {
+    http.get(`/auth/admin/user/${row.id}/token`).then((res) => {
+        const { copy } = useClipboard({ legacy: true })
+        copy(res.access_token)
+        ElMessage.success('复制成功')
+    })
+}
+</script>