| | |
| | | <div> |
| | | <!-- 设备统计 --> |
| | | <div class="equipment-stats"> |
| | | <div class="equipment-header"> |
| | | <div class="equipment-header clickable" @click="handleNavigate"> |
| | | <img |
| | | src="@/assets/BI/shujutongjiicon@2x.png" |
| | | alt="图标" |
| | |
| | | |
| | | <script setup> |
| | | import { ref, onMounted, inject, watch, nextTick } from 'vue' |
| | | import { useRouter } from 'vue-router' |
| | | import * as echarts from 'echarts' |
| | | import Echarts from '@/components/Echarts/echarts.vue' |
| | | import { inputOutputAnalysis } from '@/api/viewIndex.js' |
| | | import DateTypeSwitch from "@/views/reportAnalysis/productionAnalysis/components/DateTypeSwitch.vue"; |
| | | import { getProductionRoute } from '../productionNavigation.js' |
| | | |
| | | const router = useRouter() |
| | | |
| | | const handleNavigate = () => { |
| | | const path = getProductionRoute('投入产出分析') |
| | | if (path) { |
| | | router.push(path) |
| | | } |
| | | } |
| | | |
| | | const dateType = ref(3) // 1=周 2=月 3=季度 |
| | | const chartRef = ref(null) |
| | |
| | | padding-bottom: 2px; |
| | | } |
| | | |
| | | .equipment-header.clickable { |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .equipment-header.clickable:hover .equipment-title { |
| | | opacity: 0.85; |
| | | } |
| | | |
| | | .equipment-title { |
| | | font-weight: 500; |
| | | font-size: 18px; |