| | |
| | | <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 } from 'vue' |
| | | import { useRouter } from 'vue-router' |
| | | import Echarts from '@/components/Echarts/echarts.vue' |
| | | import { productTurnoverDays } from '@/api/viewIndex.js' |
| | | import { getPsiRoute } from '../psiNavigation.js' |
| | | |
| | | const router = useRouter() |
| | | |
| | | const handleNavigate = () => { |
| | | const path = getPsiRoute('产品周转天数') |
| | | if (path) { |
| | | router.push(path) |
| | | } |
| | | } |
| | | |
| | | const chartStyle = { width: '100%', height: '100%' } |
| | | const grid = { left: '3%', right: '4%', bottom: '3%', top: '4%', containLabel: true } |
| | |
| | | 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; |