✨ feat(dashboard): 大屏素材准备

2025-10-30 12:58:17 +08:00
parent 2338940b7e
commit 20400f3519
76 changed files with 3468 additions and 3852 deletions
--- a/klp-ui/src/modules/dashboardBig/views/bottomLeft.vue
+++ b/klp-ui/src/modules/dashboardBig/views/bottomLeft.vue
@@ -0,0 +1,52 @@
+<template>
+  <div id="bottomLeft">
+    <div class="bg-color-black">
+      <div class="d-flex pt-2 pl-2">
+        <span>
+          <icon name="chart-bar" class="text-icon"></icon>
+        </span>
+        <div class="d-flex">
+          <span class="fs-xl text mx-2">数据统计图</span>
+        </div>
+      </div>
+      <div>
+        <BottomLeftChart />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BottomLeftChart from '../components/echart/bottom/bottomLeftChart'
+export default {
+  components: {
+    BottomLeftChart
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+$box-height: 520px;
+$box-width: 100%;
+#bottomLeft {
+  padding: 20px 16px;
+  height: $box-height;
+  width: $box-width;
+  border-radius: 5px;
+  .bg-color-black {
+    height: $box-height - 35px;
+    border-radius: 10px;
+  }
+  .text {
+    color: #c3cbde;
+  }
+  .chart-box {
+    margin-top: 16px;
+    width: 170px;
+    height: 170px;
+    .active-ring-name {
+      padding-top: 10px;
+    }
+  }
+}
+</style>