diff --git a/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AbnormalSituation.vue b/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AbnormalSituation.vue
new file mode 100644
index 00000000..2f21db8d
--- /dev/null
+++ b/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AbnormalSituation.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="wrapper">概况和异常</div>
+</template>
+
+<script>
+export default {
+  components: {},
+  props: {},
+  data() {
+    return {};
+  },
+  watch: {},
+  computed: {},
+  methods: {},
+  created() {},
+  mounted() {},
+};
+</script>
+<style lang="scss" scoped>
+.wrapper {
+}
+</style>
diff --git a/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AnalysisOfTheRequest.vue b/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AnalysisOfTheRequest.vue
new file mode 100644
index 00000000..22197ae7
--- /dev/null
+++ b/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AnalysisOfTheRequest.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="wrapper">请求分析</div>
+</template>
+
+<script>
+export default {
+  components: {},
+  props: {},
+  data() {
+    return {};
+  },
+  watch: {},
+  computed: {},
+  methods: {},
+  created() {},
+  mounted() {},
+};
+</script>
+<style lang="scss" scoped>
+.wrapper {
+}
+</style>
diff --git a/back/src/views/modules/sys/CapabilityOperationMonitoring/components/CapabilityOperationMonitoringTime.vue b/back/src/views/modules/sys/CapabilityOperationMonitoring/components/CapabilityOperationMonitoringTime.vue
new file mode 100644
index 00000000..b7fd48d8
--- /dev/null
+++ b/back/src/views/modules/sys/CapabilityOperationMonitoring/components/CapabilityOperationMonitoringTime.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="wrapper">上边时间</div>
+</template>
+
+<script>
+export default {
+  components: {},
+  props: {},
+  data() {
+    return {};
+  },
+  watch: {},
+  computed: {},
+  methods: {},
+  created() {},
+  mounted() {},
+};
+</script>
+<style lang="scss" scoped>
+.wrapper {
+}
+</style>
diff --git a/back/src/views/modules/sys/CapabilityOperationMonitoring/index.vue b/back/src/views/modules/sys/CapabilityOperationMonitoring/index.vue
new file mode 100644
index 00000000..04ab1b8e
--- /dev/null
+++ b/back/src/views/modules/sys/CapabilityOperationMonitoring/index.vue
@@ -0,0 +1,40 @@
+<!-- 权限管理-能力运行监控 -->
+<template>
+  <div class="wrapper">
+    <div class="capability-operation-monitoring-top">
+      <capability-operation-monitoring-time></capability-operation-monitoring-time>
+    </div>
+    <div class="capability-operation-monitoring-center">
+      <abnormal-situation></abnormal-situation>
+    </div>
+    <div class="capability-operation-monitoring-bottom">
+      <analysis-of-the-request></analysis-of-the-request>
+    </div>
+  </div>
+</template>
+
+<script>
+import AbnormalSituation from "./components/AbnormalSituation.vue";
+import AnalysisOfTheRequest from "./components/AnalysisOfTheRequest.vue";
+import CapabilityOperationMonitoringTime from "./components/CapabilityOperationMonitoringTime.vue";
+export default {
+  components: {
+    AbnormalSituation,
+    AnalysisOfTheRequest,
+    CapabilityOperationMonitoringTime,
+  },
+  props: {},
+  data() {
+    return {};
+  },
+  watch: {},
+  computed: {},
+  methods: {},
+  created() {},
+  mounted() {},
+};
+</script>
+<style lang="scss" scoped>
+.wrapper {
+}
+</style>