| | |
| | | </div> |
| | | </template> |
| | | <script lang="ts" setup> |
| | | import { defineProps, computed } from 'vue' |
| | | import { defineProps, computed } from 'vue'; |
| | | const props = defineProps({ |
| | | countData: { |
| | | type: Array, |
| | | required: true |
| | | } |
| | | }) |
| | | const countList: Record<any, any> = computed(() => props.countData) |
| | | //设置背景 |
| | | required: true, |
| | | }, |
| | | }); |
| | | const countList: Record<any, any> = computed(() => props.countData); |
| | | //设置背景 正常 = 1, 封存 = 2, 禁出 = 3, 禁入 = 4, 锁定 = 5 |
| | | const setBgColor = (type: number): string => { |
| | | let color = '' |
| | | let color = ''; |
| | | switch (type) { |
| | | case 0: |
| | | color = '#A2A2A2'; |
| | | break; |
| | | case 1: |
| | | color = '#F18201'; |
| | | color = '#F18201'; //橘色 正常 |
| | | break; |
| | | case 2: |
| | | color = '#2BA6FF'; |
| | | color = '#2BA6FF'; //蓝色 封存 |
| | | break; |
| | | case 3: |
| | | color = '#FFFF00'; |
| | | |
| | | color = '#FFFF00'; //黄色 禁出 |
| | | break; |
| | | |
| | | case 4: |
| | | color = '#FF0000'; |
| | | color = '#A2A2A2'; //灰色 禁入 |
| | | break; |
| | | |
| | | case 5: |
| | | color = '#FF0000'; //红色 锁定 |
| | | break; |
| | | } |
| | | return color; |
| | | } |
| | | |
| | | }; |
| | | </script> |
| | | <style lang="less" scoped> |
| | | .count { |