From 37893bb1068f5a075d5e88d64a95d65138a34952 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Tue, 7 Feb 2023 18:05:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=BC=82=E5=B8=B8=E7=9B=91?=
 =?UTF-8?q?=E6=8E=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sentry/AppApiMonitor/AppApiMonitor.vue    | 49 +++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 project/oms/apps/sentry/AppApiMonitor/AppApiMonitor.vue

diff --git a/project/oms/apps/sentry/AppApiMonitor/AppApiMonitor.vue b/project/oms/apps/sentry/AppApiMonitor/AppApiMonitor.vue
new file mode 100644
index 00000000..f5489ce1
--- /dev/null
+++ b/project/oms/apps/sentry/AppApiMonitor/AppApiMonitor.vue
@@ -0,0 +1,49 @@
+<template>
+  <section class="AppApiMonitor">
+    <ai-list>
+      <ai-title slot="title" :title="$options.label" isShowBottomBorder/>
+      <template #blank>
+        <el-row type="flex">
+          <ai-card title="接口异常分布"></ai-card>
+          <ai-card class="fill mar-l16" title="接口异常TOP10"></ai-card>
+        </el-row>
+        <ai-card title="所有异常接口">
+          <ai-table :tableData="tableData" :colConfigs="columns">
+
+          </ai-table>
+        </ai-card>
+      </template>
+    </ai-list>
+
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppApiMonitor",
+  label: "接口监控",
+  data() {
+    return {
+      tableData: [],
+      columns: [
+        {label: "状态码", prop: "status"},
+        {label: "接口地址", prop: "status"},
+        {label: "错误信息", prop: "status"},
+        {label: "终端", prop: "status"},
+        {label: "页面", prop: "status"},
+        {label: "用户", prop: "status"},
+        {label: "环境", prop: "status"},
+        {label: "事件", prop: "status"},
+      ]
+    }
+  },
+  methods: {},
+  created() {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppApiMonitor {
+}
+</style>