<!-- * @Author: zhp * @Date: 2024-05-07 10:25:10 * @LastEditTime: 2024-05-11 14:51:07 * @LastEditors: zhp * @Description: --> <template> <div class="std-rate"> <div class="span-2"> <StdRateItem :period="period" :city="cities[5]" /> </div> <div v-for="item in cities.filter((val, index) => index != 5)" :key="item.name"> <StdRateItem :period="period" :city="item" /> </div> </div> </template> <script> import StdRateItem from "./sub/std/StdRateItem.vue"; export default { name: "StdRate", components: { StdRateItem }, props: { period: { type: String, default: "日", }, }, computed: { cities() { console.log('ztl', this.$store.getters.copilot.efficiency.stdRate) // let getterName = ""; // switch (this.dataSource) { // case "标准组件产出": // getterName = "stdOutput"; // break; // case "芯片产出": // getterName = "chipOutput"; // break; // case "BIPV产出": // getterName = "bipvOutput"; // break; // } const _cities = [ { name: "瑞昌", target: 0, total: 0, current: 0, componentYield: 0, goodNumber:0,}, { name: "邯郸", target: 0, total: 0, current: 0, componentYield: 0, goodNumber: 0, }, { name: "株洲", target: 0, previous: 0, current: 0, componentYield: 0, goodNumber: 0, }, { name: "佳木斯", target: 0, previous: 0, current: 0, componentYield: 0, goodNumber: 0, }, { name: "成都", target: 0, previous: 0, current: 0, componentYield: 0, goodNumber: 0, }, { name: "凯盛光伏", target: 0, previous: 0, current: 0, componentYield: 0, goodNumber: 0, }, { name: "蚌埠", target: 0, previous: 0, current: 0, componentYield: 0, goodNumber: 0, }, ] if (this.$store.getters.copilot?.efficiency.stdRate?.previous) { this.$store.getters.copilot?.efficiency.stdRate?.previous.forEach( (v, idx) => { _cities[idx].previous = v ?? 0; } ); } if (this.$store.getters.copilot?.efficiency.stdRate?.target) { this.$store.getters.copilot?.efficiency.stdRate?.target.forEach( (v, idx) => { _cities[idx].target = v ?? 0; } ) } if (this.$store.getters.copilot?.efficiency.stdRate?.current) { this.$store.getters.copilot?.efficiency.stdRate?.current.forEach( (v, idx) => { _cities[idx].current = v ?? 0; } ); } // 删掉凯盛光伏 // _cities.splice(4, 1); return _cities; }, }, data() { return { // cities: [ // { name: "瑞昌", target: 100, total: 200, current: 20 }, // { name: "邯郸", target: 200, total: 300, current: 20 }, // { name: "株洲", target: 300, total: 400, current: 20 }, // { name: "佳木斯", target: 400, total: 500, current: 20 }, // { name: "成都", target: 500, total: 600, current: 20 }, // { name: "凯盛光伏", target: 400, total: 500, current: 20 }, // { name: "蚌埠", target: 500, total: 600, current: 20 }, // ], }; }, methods: {}, }; </script> <style scoped lang="scss"> .std-rate { display: grid; gap: 8px; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 1fr); } .span-2 { grid-column: span 2; } </style>