新增预警页面

web-vue/packages/biz/views/biz/mailInfo/index.vue

@@ -0,0 +1,39 @@
+<template>
+	<div class="web-page-container">
+		<Tabs v-model:activeKey="activeKey">
+			<TabPane key="1" tab="发件箱">
+				<MailSent />
+			</TabPane>
+			<TabPane key="2" tab="收件箱">
+				<MailReceived />
+			</TabPane>
+			<TabPane key="3" tab="附件箱">
+				<MailAttachments />
+			</TabPane>
+			<TabPane key="4" tab="邮箱配置">
+				<MailAccount />
+			</TabPane>
+		</Tabs>
+	</div>
+</template>
+<script lang="ts" setup name="AboutPage">
+  import { h, ref } from 'vue';
+  import { Tag, Tabs ,TabPane } from 'ant-design-vue';
+  import MailSent from './sent/list.vue';
+  import MailReceived from './received/list.vue';
+  import MailAttachments from './attachments/list.vue';
+  import MailAccount from './account/list.vue';
+  
+  const activeKey = ref('1');
+</script>
+
+<style scoped lang="less">
+// 整体容器样式
+.web-page-container {
+  width: 100%;
+  background-color: #e8f4f8;
+  display: flex;
+  flex-direction: column; // 垂直布局
+  overflow: hidden; // 防止内容溢出
+}
+</style>