feat: init

src/views/dashboard/monitor/components/quick-operation.vue

@@ -0,0 +1,32 @@
+<template>
+  <a-card class="general-card" :title="$t('monitor.title.quickOperation')">
+    <a-space direction="vertical" fill :size="10">
+      <a-button long>
+        {{ $t('monitor.quickOperation.changeClarity') }}
+        <template #icon>
+          <IconTags />
+        </template>
+      </a-button>
+      <a-button long>
+        {{ $t('monitor.quickOperation.switchStream') }}
+        <template #icon>
+          <IconSwap />
+        </template>
+      </a-button>
+      <a-button long>
+        {{ $t('monitor.quickOperation.removeClarity') }}
+        <template #icon>
+          <IconStop />
+        </template>
+      </a-button>
+      <a-button long>
+        {{ $t('monitor.quickOperation.pushFlowGasket') }}
+        <template #icon>
+          <IconArrowRight />
+        </template>
+      </a-button>
+    </a-space>
+  </a-card>
+</template>
+
+<script lang="ts" setup></script>