From 10ca931a094e4fcb34e61b74d5d5c3f0ec642227 Mon Sep 17 00:00:00 2001
From: ZengTao <2773468879@qq.com>
Date: 星期一, 08 十二月 2025 11:28:51 +0800
Subject: [PATCH] 1、中空大理片笼信息查询修改为条件查询时只显示符合的数据
---
UI-Project/src/views/hollow/hollowaluminumthree.vue | 19 ++++++++++++-------
1 files changed, 12 insertions(+), 7 deletions(-)
diff --git a/UI-Project/src/views/hollow/hollowaluminumthree.vue b/UI-Project/src/views/hollow/hollowaluminumthree.vue
index 5689ac4..2c1a55e 100644
--- a/UI-Project/src/views/hollow/hollowaluminumthree.vue
+++ b/UI-Project/src/views/hollow/hollowaluminumthree.vue
@@ -2,7 +2,6 @@
import { onBeforeUnmount, onMounted, ref, nextTick } from "vue";
import { useRouter } from "vue-router";
import { ElMessage, ElMessageBox } from 'element-plus'
-import { host, WebSocketHost } from '@/utils/constants';
import { initializeWebSocket, closeWebSocket } from '@/utils/WebSocketService';
import { useI18n } from 'vue-i18n';
import request from '@/utils/request';
@@ -121,9 +120,9 @@
case -2: return "gray";
case -1: return "gray";
case 0: return "gray";
- case 1: return "green";
+ case 1: return "#95d475";
case 8: return "#911005";
- default: return "black";
+ default: return "#CDAF95";
}
};
</script>
@@ -136,12 +135,13 @@
<el-carousel ref="carouselRef" :active-index="activeIndex" @change="handleCarouselChange" height="750px"
:autoplay="false">
<el-carousel-item v-for="(item, index) in carouselData" :key="index">
+ <div style="display: flex; justify-content: center; align-items: flex-end; height: 100%; padding-bottom: 50px;">
<div class="carousel-item-content" :style="{
width: `${item.width*0.5}px`,
height: `${item.height*0.3}px`,
backgroundColor: getColorByState(item.state),
}">
- <div style="color: aquamarine;">
+ <div style="color: #FAFCFF;font-size:18px; text-align: center; display: flex; flex-direction: column; justify-content: center; height: 87%;">
<p>{{ item.flowCardId }}</p>
<p>{{ $t('basicData.widtha') }}{{ item.width }}</p>
<p>{{ $t('basicData.heighta') }}{{ item.height }}</p>
@@ -149,10 +149,13 @@
<p>{{ $t('hellow.logarithm') }}{{ item.hollowSequence }}</p>
</div>
<div>
- <el-button type="text" @click="handleDilapidationClick(item)">{{ $t('order.dilapidation') }}</el-button>
- <el-button type="text" :disabled="item.state === 1" @click="handleButtonClick(item)">{{ $t('basicData.yes') }}</el-button>
+ <div style="position: absolute; bottom: 20px; right: 20px;">
+ <el-button size="large" @click="handleDilapidationClick(item)">{{ $t('order.dilapidation') }}</el-button>
+ <el-button size="large" :disabled="item.state === 1" @click="handleButtonClick(item)">{{ $t('basicData.yes') }}</el-button>
</div>
</div>
+ </div>
+ </div>
</el-carousel-item>
</el-carousel>
</div>
@@ -183,6 +186,8 @@
color: white;
/* 纭繚鏂囧瓧棰滆壊鍙 */
text-align: center;
+ padding-bottom: 0px;
+ box-sizing: border-box;
}
.demonstration {
color: var(--el-text-color-secondary);
@@ -195,7 +200,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