From e1c28921470ca2a82403ef5a7bc07f1c48619b36 Mon Sep 17 00:00:00 2001
From: 刘嘉威 <daidaibg@163.com>
Date: 星期三, 26 十月 2022 16:51:43 +0800
Subject: [PATCH] feat: 增加右上 右中图表
---
src/views/index/right-center.vue | 36 +++++++++++++++++++++++++++++++-----
1 files changed, 31 insertions(+), 5 deletions(-)
diff --git a/src/views/index/right-center.vue b/src/views/index/right-center.vue
index 7df5872..6f7af97 100644
--- a/src/views/index/right-center.vue
+++ b/src/views/index/right-center.vue
@@ -1,13 +1,39 @@
-<script setup lang='ts'>
+<script setup lang="ts">
+import { ref, reactive } from "vue";
+import CapsuleChart from "@/components/datav/capsule-chart";
+import { currentGET } from "@/api";
+const config = ref({
+ showValue: true,
+ unit: "娆�",
+});
+const data= ref([])
+const getData = () => {
+ currentGET("rightCenter").then((res) => {
+ console.log("鎶ヨ鎺掑悕", res);
+ if (res.success) {
+ data.value =res.data;
+ } else {
+ window["$message"]({
+ text: res.msg,
+ type: "warning",
+ });
+ }
+ });
+};
+getData();
</script>
<template>
- <div class=''>
-
+ <div class="right_bottom">
+ <CapsuleChart :config="config" style="width: 100%; height: 260px" :data="data"/>
</div>
</template>
-<style scoped lang='scss'>
+<style scoped lang="scss">
-</style>
\ No newline at end of file
+.right_bottom {
+ box-sizing: border-box;
+ padding: 0 16px;
+}
+</style>
--
Gitblit v1.8.0