From c71abce6d197185ef74ba6a3ac43fefe6fc16d0f Mon Sep 17 00:00:00 2001
From: wangfei <3597712270@qq.com>
Date: 星期一, 21 四月 2025 16:06:17 +0800
Subject: [PATCH] 折铝框一线、二线、三线玻璃的颜色参考钢化更改，背景色固定
---
UI-Project/src/views/hollow/hollowaluminumthree.vue | 12 ++++++------
UI-Project/src/views/hollow/hollowaluminumtwo.vue | 12 ++++++------
UI-Project/src/views/hollow/hollowaluminum.vue | 12 ++++++------
3 files changed, 18 insertions(+), 18 deletions(-)
diff --git a/UI-Project/src/views/hollow/hollowaluminum.vue b/UI-Project/src/views/hollow/hollowaluminum.vue
index 7bc8734..bb3a06c 100644
--- a/UI-Project/src/views/hollow/hollowaluminum.vue
+++ b/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;
diff --git a/UI-Project/src/views/hollow/hollowaluminumthree.vue b/UI-Project/src/views/hollow/hollowaluminumthree.vue
index 5689ac4..ca38b90 100644
--- a/UI-Project/src/views/hollow/hollowaluminumthree.vue
+++ b/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;
diff --git a/UI-Project/src/views/hollow/hollowaluminumtwo.vue b/UI-Project/src/views/hollow/hollowaluminumtwo.vue
index 930ea5f..85c4489 100644
--- a/UI-Project/src/views/hollow/hollowaluminumtwo.vue
+++ b/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;
--
Gitblit v1.8.0