From 93384621345407ec66603c10ec02ae464eec6c83 Mon Sep 17 00:00:00 2001
From: caiyuchao <caiyuchao@agrandtech.com>
Date: Sat, 20 Sep 2025 18:18:29 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=94=AF=E6=8C=81=E8=B7=B3=E8=BD=AC?=
 =?UTF-8?q?=E5=88=B0license=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/router/routes/modules/license.ts      | 10 ++++
 .../views/license/license/detail/index.vue    | 57 +++++++++++++++++++
 2 files changed, 67 insertions(+)
 create mode 100644 apps/web-antd/src/views/license/license/detail/index.vue

diff --git a/apps/web-antd/src/router/routes/modules/license.ts b/apps/web-antd/src/router/routes/modules/license.ts
index fa908c1..b1de2d1 100644
--- a/apps/web-antd/src/router/routes/modules/license.ts
+++ b/apps/web-antd/src/router/routes/modules/license.ts
@@ -11,6 +11,16 @@ const routes: RouteRecordRaw[] = [
       hideInMenu: true,
     },
   },
+  {
+    path: '/license/detail',
+    component: () => import('#/views/license/license/detail/index.vue'),
+    name: 'LicenseDetail',
+    meta: {
+      title: 'License 详情',
+      icon: 'carbon:license-third-party',
+      hideInMenu: true,
+    },
+  },
 ];
 
 export default routes;
diff --git a/apps/web-antd/src/views/license/license/detail/index.vue b/apps/web-antd/src/views/license/license/detail/index.vue
new file mode 100644
index 0000000..4709b5a
--- /dev/null
+++ b/apps/web-antd/src/views/license/license/detail/index.vue
@@ -0,0 +1,57 @@
+<script lang="ts" setup>
+import type { LicenseApi } from '#/api/license/license';
+
+import { ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+import { Page } from '@vben/common-ui';
+import { useTabs } from '@vben/hooks';
+
+import { Button } from 'ant-design-vue';
+
+import { getLicense } from '#/api/license/license';
+import { $t } from '#/locales';
+
+import Detail from '../components/detail.vue';
+
+const route = useRoute();
+const router = useRouter();
+const loading = ref(false);
+const formData = ref<LicenseApi.License>();
+
+/** 获取详情数据 */
+async function getDetail(id: any) {
+  if (!id) {
+    return;
+  }
+  loading.value = true;
+  try {
+    const details = await getLicense(id);
+    formData.value = details;
+  } finally {
+    loading.value = false;
+  }
+  return formData.value;
+}
+
+const tabs = useTabs();
+/** 返回列表 */
+function close() {
+  tabs.closeCurrentTab();
+  router.push('/license');
+}
+
+// 初始化
+getDetail(route.query.id);
+</script>
+
+<template>
+  <Page auto-content-height v-loading="loading">
+    <div class="bg-card flex h-[100%] flex-col rounded-md p-4">
+      <Detail :form-data="formData" />
+      <div class="mt-4 flex justify-center space-x-2">
+        <Button @click="close"> {{ $t('common.back') }}</Button>
+      </div>
+    </div>
+  </Page>
+</template>