feat(self-operated): add charts and continuous collection status

src/modules/self-operated/components/DashboardChartHeading.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+defineProps<{ title: string }>()
+</script>
+<template>
+  <div class="dashboard-chart-heading">
+    <h3>{{ title }}</h3>
+    <div class="dashboard-chart-actions"><slot /></div>
+  </div>
+</template>
+<style scoped>
+.dashboard-chart-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--admin-space-2); }
+h3 { display: flex; align-items: center; gap: var(--admin-space-2); margin: 0; font-size: var(--admin-font-section); }
+h3::before { content: ''; width: 3px; height: 14px; border-radius: 2px; background: #5575ed; flex-shrink: 0; }
+.dashboard-chart-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--admin-space-3); margin-left: auto; }
+.dashboard-chart-actions :deep(.el-button + .el-button) { margin-left: 0; }
+</style>