| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2023-03-13 14:54:26 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2024-11-05 17:15:55 |
| | | * @LastEditTime: 2024-11-19 15:33:01 |
| | | * @FilePath: \bigScreen\src\views\survey\components\box\unitContent.vue |
| | | * @Description: |
| | | * |
| | | * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. |
| | | --> |
| | | <script setup> |
| | | import { useEchartsResize } from "hooks/useEchartsResize"; |
| | | import { useEchartsResize } from "hooks/useEchartsResize" |
| | | |
| | | import { getEmergencySpaceStatistic } from "../../../../api/indParkInfo"; |
| | | import { getEmergencySpaceStatistic } from "../../../../api/indParkInfo" |
| | | |
| | | let $echarts = inject("echarts"); |
| | | const curEcharts = ref(null); |
| | | let $echarts = inject("echarts") |
| | | const curEcharts = ref(null) |
| | | |
| | | let myEcharts = reactive(null); |
| | | let myEcharts = reactive(null) |
| | | |
| | | function getEmergencySpace() { |
| | | function getEmergencySpace () { |
| | | getEmergencySpaceStatistic().then((res) => { |
| | | // console.log(res) |
| | | let data = res.data.data; |
| | | let dataRsult = []; |
| | | var total = 0; |
| | | let data = res.data.data |
| | | let dataRsult = [] |
| | | var total = 0 |
| | | data.forEach((item) => { |
| | | dataRsult.push({ |
| | | name: item.type, |
| | | value: item.num, |
| | | }); |
| | | total = total + item.num; |
| | | }); |
| | | }) |
| | | total = total + item.num |
| | | }) |
| | | |
| | | myEcharts.setOption({ |
| | | title: { |
| | |
| | | }, |
| | | legend: { |
| | | orient: "vertical", |
| | | top: "5%", |
| | | top: "20%", |
| | | left: "5%", |
| | | textStyle: { |
| | | color: "#fff", |
| | |
| | | data: dataRsult, |
| | | }, |
| | | ], |
| | | }); |
| | | }); |
| | | }) |
| | | }) |
| | | } |
| | | |
| | | nextTick(() => { |
| | | myEcharts = $echarts.init(curEcharts.value); |
| | | getEmergencySpace(); |
| | | }); |
| | | myEcharts = $echarts.init(curEcharts.value) |
| | | getEmergencySpace() |
| | | }) |
| | | |
| | | const echartsResize = () => { |
| | | myEcharts && myEcharts.resize(); |
| | | }; |
| | | myEcharts && myEcharts.resize() |
| | | } |
| | | |
| | | useEchartsResize(echartsResize); |
| | | useEchartsResize(echartsResize) |
| | | </script> |
| | | |
| | | <template> |