折铝框一线、二线、三线玻璃的颜色参考钢化更改，背景色固定

wangfei

2025-04-21 c71abce6d197185ef74ba6a3ac43fefe6fc16d0f

折铝框一线、二线、三线玻璃的颜色参考钢化更改，背景色固定

 UI-Project/src/views/hollow/hollowaluminum.vue

@@ -119,11 +119,11 @@
const getColorByState = (state) => {
  switch (state) {
    case -2: return "gray";
    case -1: return "gray";
    case 0: return "gray";
    case 1: return "green";
    case -1: return "#99BBFF";
    case 0: return "#7AC5CD";
    case 1: return "#95d475";
    case 8: return "#911005";
    default: return "black";
    default: return "#CDAF95";
  }
};
</script>
@@ -141,7 +141,7 @@
                  height: `${item.height*0.3}px`,
                  backgroundColor: getColorByState(item.state),
                }">
                  <div style="color: aquamarine;">
                  <div style="color: #090909;">
                    <p>{{ item.flowCardId }}</p>
                    <p>{{ $t('basicData.widtha') }}{{ item.width }}</p>
                    <p>{{ $t('basicData.heighta') }}{{ item.height }}</p>
@@ -195,7 +195,7 @@
  text-align: center;
}
.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
  background-color: #d3dce6;
}
.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;

 UI-Project/src/views/hollow/hollowaluminumthree.vue

@@ -119,11 +119,11 @@
const getColorByState = (state) => {
  switch (state) {
    case -2: return "gray";
    case -1: return "gray";
    case 0: return "gray";
    case 1: return "green";
    case -1: return "#99BBFF";
    case 0: return "#7AC5CD";
    case 1: return "#95d475";
    case 8: return "#911005";
    default: return "black";
    default: return "#CDAF95";
  }
};
</script>
@@ -141,7 +141,7 @@
                  height: `${item.height*0.3}px`,
                  backgroundColor: getColorByState(item.state),
                }">
                  <div style="color: aquamarine;">
                  <div style="color: #090909;">
                    <p>{{ item.flowCardId }}</p>
                    <p>{{ $t('basicData.widtha') }}{{ item.width }}</p>
                    <p>{{ $t('basicData.heighta') }}{{ item.height }}</p>
@@ -195,7 +195,7 @@
  text-align: center;
}
.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
  background-color: #d3dce6;
}
.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;

 UI-Project/src/views/hollow/hollowaluminumtwo.vue

@@ -119,11 +119,11 @@
const getColorByState = (state) => {
  switch (state) {
    case -2: return "gray";
    case -1: return "gray";
    case 0: return "gray";
    case 1: return "green";
    case -1: return "#99BBFF";
    case 0: return "#7AC5CD";
    case 1: return "#95d475";
    case 8: return "#911005";
    default: return "black";
    default: return "#CDAF95";
  }
};
</script>
@@ -141,7 +141,7 @@
                  height: `${item.height*0.3}px`,
                  backgroundColor: getColorByState(item.state),
                }">
                  <div style="color: aquamarine;">
                  <div style="color: #090909;">
                    <p>{{ item.flowCardId }}</p>
                    <p>{{ $t('basicData.widtha') }}{{ item.width }}</p>
                    <p>{{ $t('basicData.heighta') }}{{ item.height }}</p>
@@ -195,7 +195,7 @@
  text-align: center;
}
.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
  background-color: #d3dce6;
}
.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;