refactor(views): 重组页面目录并调整路由引用

- 页面按功能归入 dashboard、login、workspace、system、demo、internal
- 数据大屏移入示例目录，错误页、内嵌页与刷新中转移入 internal
- 个人中心与我的通知移入 workspace，统一认证回调移入 login
- 应用中心移入 workspace，菜单组件值 iframe 解析到 internal/iframe
- 在线人数函数更名，未收到推送时显示占位符

src/views/demo/data-screen/components/real-time-operation.vue

@@ -0,0 +1,105 @@
+<template>
+  <BaseChart ref="chart" flex-1 />
+</template>
+<script setup lang="ts">
+import type { EChartsOption } from "echarts";
+import { useTemplateRef } from "vue";
+import { useKeepTicking } from "../composables/useKeepTicking";
+
+defineOptions({ name: "RealTimeOperation" });
+
+const chartRef = useTemplateRef("chart");
+
+onMounted(() => {
+  chartRef.value?.initOptions(options);
+});
+
+// 生成24小时数据
+const hours = [];
+const speedData = [];
+
+for (let i = 0; i < 24; i++) {
+  hours.push(i + ":00");
+  speedData.push(Math.random() * 30 + 40 + Math.sin((i / 24) * Math.PI * 2) * 10);
+}
+
+const options: EChartsOption = {
+  backgroundColor: "transparent",
+  title: {
+    text: "实时运行监控",
+    textStyle: {
+      color: "#fff",
+      fontSize: 20,
+      fontFamily: "YouSheBiaoTiHei,Arial,sans-serif",
+      fontWeight: "normal",
+    },
+    top: 0,
+    left: "center",
+  },
+  grid: {
+    left: 0,
+    right: "2%",
+    top: "20%",
+    bottom: 0,
+  },
+  xAxis: {
+    type: "category",
+    data: hours,
+    axisLine: { lineStyle: { color: "rgba(0, 255, 255, 0.5)" } },
+    axisLabel: { color: "#ffffff", fontSize: 10 },
+  },
+  yAxis: {
+    type: "value",
+    name: "km/h",
+    nameTextStyle: { color: "#00ffff" },
+    axisLine: { lineStyle: { color: "rgba(0, 255, 255, 0.5)" } },
+    axisLabel: { color: "#ffffff" },
+    splitLine: { lineStyle: { color: "rgba(0, 255, 255, 0.1)" } },
+  },
+  series: [
+    {
+      name: "平均车速",
+      type: "line",
+      data: speedData,
+      smooth: true,
+      lineStyle: {
+        color: "#00ff7f",
+        width: 2,
+      },
+      areaStyle: {
+        color: {
+          type: "linear",
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [
+            { offset: 0, color: "rgba(0,202,149,0.5)" },
+            { offset: 1, color: "rgba(0,202,149,0)" },
+          ],
+          global: false,
+        },
+        shadowColor: "rgba(0,202,149, 0.9)",
+        shadowBlur: 20,
+      },
+    },
+  ],
+  tooltip: {
+    trigger: "axis",
+    backgroundColor: "rgba(26, 35, 50, 0.9)",
+    borderColor: "rgba(0, 255, 255, 0.5)",
+    textStyle: { color: "#ffffff" },
+  },
+};
+
+useKeepTicking(() => {
+  const newSpeedData = [];
+
+  for (let i = 0; i < 24; i++) {
+    newSpeedData.push(Math.random() * 30 + 40 + Math.sin((i / 24) * Math.PI * 2) * 10);
+  }
+  chartRef.value?.updateCharts({
+    series: [{ data: newSpeedData }],
+  });
+});
+</script>