签入版本

2026-09-12 18:15:20 +08:00
commit bb84b8cda8
829 changed files with 101465 additions and 0 deletions
@@ -0,0 +1,97 @@
+<template>
+  <div>
+    <div class="n-layout-page-header">
+      <a-card :bordered="false" title="关于">
+        {{ name }} 是一个基于 vue3，vite2，TypeScript
+        的中后台解决方案，它可以帮助你快速搭建企业级中后台项目，相信不管是从新技术使用还是其他方面，都能帮助到你，持续更新中。
+      </a-card>
+    </div>
+    <a-card
+      :bordered="false"
+      title="项目信息"
+      class="mt-4 proCard"
+      size="small"
+      :segmented="{ content: 'hard' }"
+    >
+      <a-descriptions bordered label-placement="left" class="py-2">
+        <a-descriptions-item label="版本">
+          <a-tag type="info"> {{ version }} </a-tag>
+        </a-descriptions-item>
+        <a-descriptions-item label="最后编译时间">
+          <a-tag type="info"> {{ lastBuildTime }} </a-tag>
+        </a-descriptions-item>
+        <a-descriptions-item label="文档地址">
+          <div class="flex items-center">
+            <a href="https://www.djangoadmin.cn" class="py-2" target="_blank">查看文档地址</a>
+          </div>
+        </a-descriptions-item>
+        <a-descriptions-item label="预览地址">
+          <div class="flex items-center">
+            <a href="https://www.djangoadmin.cn" class="py-2" target="_blank">查看预览地址</a>
+          </div>
+        </a-descriptions-item>
+        <a-descriptions-item label="Github">
+          <div class="flex items-center">
+            <a href="https://www.djangoadmin.cn" class="py-2" target="_blank">查看Github地址</a>
+          </div>
+        </a-descriptions-item>
+        <a-descriptions-item label="QQ交流群">
+          <div class="flex items-center">
+            <a href="#" class="py-2" target="_blank">点击链接加入群聊</a>
+          </div>
+        </a-descriptions-item>
+      </a-descriptions>
+    </a-card>
+
+    <a-card
+      :bordered="false"
+      title="开发环境依赖"
+      class="mt-4 proCard"
+      size="small"
+      :segmented="{ content: 'hard' }"
+    >
+      <a-descriptions bordered label-placement="left" class="py-2">
+        <a-descriptions-item v-for="item in devSchema" :key="item.field" :label="item.field">
+          {{ item.label }}
+        </a-descriptions-item>
+      </a-descriptions>
+    </a-card>
+
+    <a-card
+      :bordered="false"
+      title="生产环境依赖"
+      class="mt-4 proCard"
+      size="small"
+      :segmented="{ content: 'hard' }"
+    >
+      <a-descriptions bordered label-placement="left" class="py-2">
+        <a-descriptions-item v-for="item in schema" :key="item.field" :label="item.field">
+          {{ item.label }}
+        </a-descriptions-item>
+      </a-descriptions>
+    </a-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  export interface schemaItem {
+    field: string;
+    label: string;
+  }
+
+  const { pkg, lastBuildTime } = __APP_INFO__;
+  const { dependencies, devDependencies, name, version } = pkg;
+
+  const schema: schemaItem[] = [];
+  const devSchema: schemaItem[] = [];
+
+  Object.keys(dependencies).forEach((key) => {
+    schema.push({ field: key, label: dependencies[key] });
+  });
+
+  Object.keys(devDependencies).forEach((key) => {
+    devSchema.push({ field: key, label: devDependencies[key] });
+  });
+</script>
+
+<style lang="less" scoped></style>