Merge branch 'master' of http://222.71.245.114:9086/r/LA24030-LuLI_PackageLine

zongzhibin

2024-11-26 570046df69aeffbffb3efe8ddecaf523ca492a46

 LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/component/CountView.vue

@@ -1,45 +1,45 @@
<template>
   <div class="count">
      <div class="count_item" v-for="(item,index) in  countList" :key="index">
         <div class="square" :style="{background: setBgColor(item.type)}"></div>
         <span>{{item.title}}</span>
         <span class="count_num">{{item.count}}</span>
      <div class="count_item" v-for="(item, index) in countList" :key="index">
         <div class="square" :style="{ background: setBgColor(item.type) }"></div>
         <span>{{ item.title }}</span>
         <span class="count_num">{{ item.count }}</span>
      </div>
   </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 {
@@ -70,4 +70,4 @@
      }
   }
}
</style>
</style>