接口异常监控

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>