初始化项目，自 v1.7.1 版本开始

src/views/infra/dbDoc/index.vue

@@ -0,0 +1,61 @@
+<template>
+  <ContentWrap title="数据库文档">
+    <!-- 操作工具栏 -->
+    <div class="mb-10px">
+      <XButton
+        type="primary"
+        preIcon="ep:download"
+        :title="t('action.export') + ' HTML'"
+        @click="handleExport('HTML')"
+      />
+      <XButton
+        type="primary"
+        preIcon="ep:download"
+        :title="t('action.export') + ' Word'"
+        @click="handleExport('Word')"
+      />
+      <XButton
+        type="primary"
+        preIcon="ep:download"
+        :title="t('action.export') + ' Markdown'"
+        @click="handleExport('Markdown')"
+      />
+    </div>
+    <IFrame v-if="!loding" v-loading="loding" :src="src" />
+  </ContentWrap>
+</template>
+<script setup lang="ts" name="DbDoc">
+import download from '@/utils/download'
+
+import * as DbDocApi from '@/api/infra/dbDoc'
+
+const { t } = useI18n() // 国际化
+const src = ref('')
+const loding = ref(true)
+/** 页面加载 */
+const init = async () => {
+  const res = await DbDocApi.exportHtmlApi()
+  let blob = new Blob([res], { type: 'text/html' })
+  let blobUrl = window.URL.createObjectURL(blob)
+  src.value = blobUrl
+  loding.value = false
+}
+/** 处理导出  */
+const handleExport = async (type: string) => {
+  if (type === 'HTML') {
+    const res = await DbDocApi.exportHtmlApi()
+    download.html(res, '数据库文档.html')
+  }
+  if (type === 'Word') {
+    const res = await DbDocApi.exportWordApi()
+    download.word(res, '数据库文档.doc')
+  }
+  if (type === 'Markdown') {
+    const res = await DbDocApi.exportMarkdownApi()
+    download.markdown(res, '数据库文档.md')
+  }
+}
+onMounted(async () => {
+  await init()
+})
+</script>