完成vue+amis的前端版本

client/src/views/management/Index.vue

@@ -0,0 +1,40 @@
+<script setup>
+import {ref} from 'vue'
+import {useRouter} from 'vue-router'
+
+const router = useRouter()
+const sideNav = ref(['overview'])
+
+function handleSideNavSelect({item, key, selectedKeys}) {
+  router.push({name: key})
+}
+</script>
+
+<template>
+  <a-layout>
+    <a-layout-sider>
+      <a-menu
+          class="h-full"
+          v-model:selectedKeys="sideNav"
+          @select="handleSideNavSelect"
+          mode="inline"
+      >
+        <a-menu-item key="overview">概览</a-menu-item>
+        <a-sub-menu key="system">
+          <template #title>
+              <span>
+                系统管理
+              </span>
+          </template>
+          <a-menu-item key="setting">设置</a-menu-item>
+        </a-sub-menu>
+      </a-menu>
+    </a-layout-sider>
+    <div class="p-3 h-full w-full">
+      <router-view/>
+    </div>
+  </a-layout>
+</template>
+
+<style scoped>
+</style>

client/src/views/management/Overview.vue

@@ -0,0 +1,24 @@
+<script setup>
+import {onMounted} from 'vue'
+import {amisRender} from '../../utils.js'
+
+onMounted(() => {
+  amisRender(
+      '#amis-overview',
+      information => {
+        return {
+          type: 'page',
+          body: 'Overview',
+        }
+      },
+  )
+})
+</script>
+
+<template>
+  <div id="amis-overview"></div>
+</template>
+
+<style scoped>
+
+</style>

client/src/views/management/Setting.vue

@@ -0,0 +1,23 @@
+<script setup>
+import {onMounted} from 'vue'
+import {amisRender} from '../../utils.js'
+
+onMounted(() => {
+  amisRender(
+      '#amis-setting',
+      information => {
+        return {
+          type: 'page',
+          body: 'Setting',
+        }
+      },
+  )
+})
+</script>
+
+<template>
+  <div id="amis-setting"></div>
+</template>
+
+<style scoped>
+</style>