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/hollowaluminumtwo.vue | 19 ++++++++++++-------
1 files changed, 12 insertions(+), 7 deletions(-)
diff --git a/UI-Project/src/views/hollow/hollowaluminumtwo.vue b/UI-Project/src/views/hollow/hollowaluminumtwo.vue
index 85c4489..25da8f4 100644
--- a/UI-Project/src/views/hollow/hollowaluminumtwo.vue
+++ b/UI-Project/src/views/hollow/hollowaluminumtwo.vue
@@ -1,8 +1,7 @@
<script setup>
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 { ElMessage, ElMessageBox } from 'element-plus';
import { initializeWebSocket, closeWebSocket } from '@/utils/WebSocketService';
import { useI18n } from 'vue-i18n';
import request from '@/utils/request';
@@ -119,8 +118,8 @@
const getColorByState = (state) => {
switch (state) {
case -2: return "gray";
- case -1: return "#99BBFF";
- case 0: return "#7AC5CD";
+ case -1: return "gray";
+ case 0: return "gray";
case 1: return "#95d475";
case 8: return "#911005";
default: return "#CDAF95";
@@ -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: #090909;">
+ <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,9 +149,12 @@
<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>
@@ -183,6 +186,8 @@
color: white;
/* 纭繚鏂囧瓧棰滆壊鍙 */
text-align: center;
+ padding-bottom: 0px;
+ box-sizing: border-box;
}
.demonstration {
color: var(--el-text-color-secondary);
--
Gitblit v1.8.0