feat: add web application

2026-10-10 20:55:59 +08:00
parent 3eb5d78875
commit 50fcfd2d3d
571 changed files with 73992 additions and 135 deletions
@@ -0,0 +1,254 @@
+import { h, ref } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import { FormSchema } from '@/components/Form';
+import { defRangeShortcuts, formatBefore } from '@/utils/dateUtil';
+import { useDictStore } from '@/store/modules/dict';
+import { renderOptionTag } from '@/utils';
+
+const dict = useDictStore();
+
+export interface State {
+  id: number;
+  group: string;
+  name: string;
+  appid: string;
+  secretKey: string;
+  remoteAddr: string;
+  onlineLimit: number;
+  loginTimes: number;
+  lastLoginAt: string;
+  lastActiveAt: string;
+  routes: any;
+  allowedIps: string;
+  endAt: string;
+  remark: string;
+  status: number;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export const defaultState = {
+  id: 0,
+  group: '',
+  name: '',
+  appid: '',
+  secretKey: '',
+  remoteAddr: '',
+  onlineLimit: 1,
+  loginTimes: 0,
+  lastLoginAt: '',
+  lastActiveAt: '',
+  routes: null,
+  allowedIps: '',
+  endAt: '',
+  remark: '',
+  status: 1,
+  createdAt: '',
+  updatedAt: '',
+};
+
+export function newState(state: State | null): State {
+  if (state !== null) {
+    return cloneDeep(state);
+  }
+  return cloneDeep(defaultState);
+}
+
+export const rules = {
+  group: {
+    required: true,
+    trigger: ['blur', 'input'],
+    type: 'string',
+    message: '请输入分组',
+  },
+  name: {
+    required: true,
+    trigger: ['blur', 'input'],
+    type: 'string',
+    message: '请输入许可名称',
+  },
+  appid: {
+    required: true,
+    trigger: ['blur', 'input'],
+    type: 'string',
+    message: '请输入应用ID',
+  },
+  endAt: {
+    required: true,
+    trigger: ['blur', 'input', 'focus'],
+    type: 'string',
+    message: '请输入授权结束时间',
+  },
+};
+
+export const schemas = ref<FormSchema[]>([
+  {
+    field: 'id',
+    component: 'NInput',
+    label: '许可ID',
+    componentProps: {
+      placeholder: '请输入许可ID',
+      onUpdateValue: (e: any) => {
+        console.log(e);
+      },
+    },
+  },
+  {
+    field: 'group',
+    component: 'NSelect',
+    label: '授权分组',
+    defaultValue: null,
+    componentProps: {
+      placeholder: '请选择授权分组',
+      options: dict.getOption('ServerLicenseGroupOptions'),
+      onUpdateValue: (e: any) => {
+        console.log(e);
+      },
+    },
+  },
+  {
+    field: 'name',
+    component: 'NInput',
+    label: '许可名称',
+    componentProps: {
+      placeholder: '请输入许可名称',
+      onUpdateValue: (e: any) => {
+        console.log(e);
+      },
+    },
+  },
+  {
+    field: 'appid',
+    component: 'NInput',
+    label: 'APPID',
+    componentProps: {
+      placeholder: '请输入APPID',
+      onUpdateValue: (e: any) => {
+        console.log(e);
+      },
+    },
+  },
+  {
+    field: 'status',
+    component: 'NSelect',
+    label: '状态',
+    defaultValue: null,
+    componentProps: {
+      placeholder: '请选择状态',
+      options: dict.getOption('sys_normal_disable'),
+      onUpdateValue: (e: any) => {
+        console.log(e);
+      },
+    },
+  },
+  {
+    field: 'endAt',
+    component: 'NDatePicker',
+    label: '过期时间',
+    componentProps: {
+      type: 'datetimerange',
+      clearable: true,
+      shortcuts: defRangeShortcuts(),
+      onUpdateValue: (e: any) => {
+        console.log(e);
+      },
+    },
+  },
+  {
+    field: 'createdAt',
+    component: 'NDatePicker',
+    label: '创建时间',
+    componentProps: {
+      type: 'datetimerange',
+      clearable: true,
+      shortcuts: defRangeShortcuts(),
+      onUpdateValue: (e: any) => {
+        console.log(e);
+      },
+    },
+  },
+]);
+
+export const columns = [
+  {
+    title: '许可ID',
+    key: 'id',
+    width: 100,
+  },
+  {
+    title: '授权分组',
+    key: 'group',
+    width: 100,
+    render(row) {
+      return renderOptionTag('ServerLicenseGroupOptions', row.group);
+    },
+  },
+  {
+    title: '授权许可',
+    key: 'name',
+    render(row) {
+      return h('p', { id: 'app' }, [
+        h('div', {
+          innerHTML: '<div><p>名称：' + row.name + '</p></div>',
+        }),
+        h('div', {
+          innerHTML: '<div><p>APPID：' + row.appid + '</p></div>',
+        }),
+      ]);
+    },
+    width: 180,
+  },
+  {
+    title: '在线',
+    key: 'online',
+    render(row) {
+      return row.online + ' / ' + row.onlineLimit;
+    },
+    width: 100,
+  },
+  {
+    title: '授权有效期',
+    key: 'endAt',
+    width: 150,
+  },
+  {
+    title: '状态',
+    key: 'status',
+    width: 100,
+    render(row) {
+      return renderOptionTag('sys_normal_disable', row.status);
+    },
+  },
+  {
+    title: '最后连接',
+    key: 'remoteAddr',
+    width: 150,
+  },
+  {
+    title: '最近登录 / 心跳',
+    key: 'name',
+    render(row) {
+      if (row.lastLoginAt === null) {
+        return '从未登录';
+      }
+      return (
+        formatBefore(new Date(row.lastLoginAt)) + ' / ' + formatBefore(new Date(row.lastActiveAt))
+      );
+    },
+    width: 180,
+  },
+  {
+    title: '累计登录',
+    key: 'loginTimes',
+    width: 100,
+  },
+  {
+    title: '创建时间',
+    key: 'createdAt',
+    width: 150,
+  },
+];
+
+export function loadOptions() {
+  dict.loadOptions(['sys_normal_disable', 'ServerLicenseGroupOptions']);
+}