| | |
| | | <script setup> |
| | | import { pxToRem } from '@/utils/rem'; |
| | | import CommonTitle from '@/components/CommonTitle.vue'; |
| | | import { useStore } from 'vuex'; |
| | | import rwcs from '@/assets/images/signMachineNest/machineLeft/rwcs.png'; |
| | | import sjs from '@/assets/images/signMachineNest/machineLeft/sjs.png'; |
| | | import jscb from '@/assets/images/signMachineNest/machineLeft/jscb.png'; |
| | |
| | | import fxlc from '@/assets/images/signMachineNest/machineLeft/fxlc.png'; |
| | | import fxsc from '@/assets/images/signMachineNest/machineLeft/fxsc.png'; |
| | | |
| | | const statisticsList = ref([ |
| | | { imgurl: rwcs, num: 1314, text: '任务次数(次)' }, |
| | | { imgurl: sjs, num: 1314, text: '事件数(件)' }, |
| | | { imgurl: jscb, num: 1314, text: '节省成本(万元)' }, |
| | | { imgurl: rwcg, num: 1314, text: '任务成果(个)' }, |
| | | { imgurl: fxlc, num: 1314, text: '飞行里程' }, |
| | | { imgurl: fxsc, num: 1314, text: '飞行时长' }, |
| | | ]); |
| | | const store = useStore(); |
| | | |
| | | const statisticsList = ref([]); |
| | | |
| | | // 添加监听 |
| | | watch( |
| | | () => store.state.home.singleTotal, |
| | | (newValue) => { |
| | | if (!newValue) return; |
| | | statisticsList.value = [ |
| | | { imgurl: rwcs, num: newValue.fly_count || 0, text: '任务次数(次)' }, |
| | | { imgurl: sjs, num: newValue.event_count || 0, text: '事件数(件)' }, |
| | | { imgurl: jscb, num: newValue.total_cost_saved || 0, text: '节省成本(万元)' }, |
| | | { imgurl: rwcg, num: newValue.achievement_count || 0, text: '任务成果(个)' }, |
| | | { imgurl: fxlc, num: newValue.flight_mileage || 0, text: '飞行里程(公里)' }, |
| | | { imgurl: fxsc, num: newValue.hour_count || 0, text: '飞行时长(H)' } |
| | | ]; |
| | | }, |
| | | { immediate: true, deep: true } |
| | | ); |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | |
| | | } |
| | | .num-text { |
| | | .num { |
| | | width: 72px; |
| | | width: 120px; |
| | | height: 24px; |
| | | font-family: YouSheBiaoTiHei, YouSheBiaoTiHei; |
| | | font-weight: 400; |