1

src/router/module/system.js

@@ -1,7 +1,12 @@
 export default [
+  {
+    path: '/system/role',
+    meta: { title: '角色管理' },
+    component: () => import('@/views/system/role/index.vue')
+  },
   {
     path: '/system/dict',
     meta: { title: '字典表设置', is_filter: true },
     component: () => import('@/views/system/dict/index.vue')
   }
-]
+];

src/views/system/role/index.vue

@@ -0,0 +1,33 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="main animate__animated animate__backInRight">
+        <el-col :span="24" class="one">系统首页</el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script setup lang="ts">
+// 基础
+// import type { Ref } from 'vue';
+// reactive, ref, onMounted
+import { onMounted } from 'vue';
+// 接口
+import { TestStore } from '@common/src/stores/test';
+import type { IQueryResult } from '@/util/types.util';
+const testAxios = TestStore();
+// 分页数据
+const skip = 0;
+const limit = 10;
+// 请求
+onMounted(async () => {
+  await search({ skip, limit });
+});
+const search = async (e: { skip: number; limit: number }) => {
+  const info = { skip: e.skip, limit: e.limit };
+  const res: IQueryResult = await testAxios.query(info);
+  console.log(res);
+};
+</script>
+<style scoped lang="scss"></style>