| | |
|---|
| | | <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> |
|---|
| | | .right_bottom {
|
|---|
| | | box-sizing: border-box;
|
|---|
| | | padding: 0 16px;
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
