From 066684035f1d5c73f0e319953ca56f3891b680f6 Mon Sep 17 00:00:00 2001
From: lixin <lixinb@uniontech.com>
Date: Wed, 12 Jun 2024 16:17:57 +0800
Subject: [PATCH] add App.vue

---
 ui/report_templates/src/components/ec/App.vue | 55 +++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 ui/report_templates/src/components/ec/App.vue

diff --git a/ui/report_templates/src/components/ec/App.vue b/ui/report_templates/src/components/ec/App.vue
new file mode 100644
index 0000000..d2132dd
--- /dev/null
+++ b/ui/report_templates/src/components/ec/App.vue
@@ -0,0 +1,55 @@
+<template>
+  <el-container direction="vertical"></el-container>
+  <TheHeader />
+  <BaseTabs />
+  <TheFooter />
+</template>
+
+<script>
+import TheHeader from "../common/TheHeader.vue";
+import TheFooter from "../common/TheFooter.vue";
+import BaseTabs from "./BaseTabs.vue";
+
+// 调试用测试数据， 编译打包时会自动注释此行
+import dataPlaceholder from "@/data/new_expansion_check.json";
+
+export default {
+  name: "App",
+  components: {
+    TheHeader,
+    TheFooter,
+    BaseTabs,
+  },
+  data() {
+    return {
+      data: dataPlaceholder,
+    };
+  },
+};
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #303133;
+  margin-top: 0px;
+  margin-left: 20px;
+  margin-right: 20px;
+  padding: 30px;
+}
+
+.el-header,
+.el-footer {
+  background-color: #409eff;
+  color: var(--el-text-color-primary);
+  line-height: 60px;
+  padding: 0px;
+}
+
+body > .el-container {
+  margin: 40px;
+  padding: 0px;
+}
+</style>
-- 
Gitee