diff --git a/.env b/.env
index 5f9b194ba..5b92fba34 100644
--- a/.env
+++ b/.env
@@ -13,5 +13,8 @@ VITE_GLOB_APP_TENANT_ENABLE = true
 # 验证码的开关
 VITE_GLOB_APP_CAPTCHA_ENABLE = true
 
+# 文档地址的开关
+VITE_APP_DOCALERT_ENABLE=true
+
 # 百度统计
 VITE_APP_BAIDU_CODE = eb21166668bf766b9d059a6fd1c10777
diff --git a/src/components/DocAlert/index.ts b/src/components/DocAlert/index.ts
new file mode 100644
index 000000000..8ca92c87a
--- /dev/null
+++ b/src/components/DocAlert/index.ts
@@ -0,0 +1,4 @@
+import docAlert from './src/DocAlert.vue'
+import { withInstall } from '@/utils'
+
+export const DocAlert = withInstall(docAlert)
diff --git a/src/components/DocAlert/src/DocAlert.vue b/src/components/DocAlert/src/DocAlert.vue
new file mode 100644
index 000000000..70083720a
--- /dev/null
+++ b/src/components/DocAlert/src/DocAlert.vue
@@ -0,0 +1,59 @@
+<script lang="tsx">
+import type { PropType } from 'vue'
+import { defineComponent } from 'vue';
+import { Alert, Button } from 'ant-design-vue';
+
+export default defineComponent({
+  name: 'DocAlert',
+  components: {
+    Alert,
+    Button
+  },
+  props: {
+    title: {
+      type: String as PropType<string>,
+      required: true,
+    },
+    url: {
+      type: String as PropType<string>,
+      required: true,
+    },
+  },
+  setup(props) {
+    /** 跳转 URL 链接 */
+    const goToUrl = () => {
+      window.open(props.url);
+    };
+
+    /** 是否开启 */
+    const getEnable = () => {
+      return import.meta.env.VITE_APP_DOCALERT_ENABLE !== 'false';
+    };
+
+    return {
+      goToUrl,
+      getEnable,
+      props
+    };
+  }
+});
+</script>
+
+<style scoped>
+.ant-alert-success {
+  margin-top: 5px;
+  margin-left: 15px;
+  margin-right: 15px;
+  cursor: pointer;
+  border: 1px solid green;
+}
+</style>
+<template>
+  <Alert v-if="getEnable()" type="success" show-icon>
+    <template #message>
+      <Button type="link" @click="goToUrl">
+        【{{ title }}】文档地址：{{ url }}
+      </Button>
+    </template>
+  </Alert>
+</template>
\ No newline at end of file