ZengTao
2025-05-13 9ea7e2fb231db817d16c1c5158ba9adb6dba73c7
UI-Project/src/views/hollow/hollowaluminumtwo.vue
@@ -121,9 +121,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 +136,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,9 +150,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 +187,8 @@
  color: white;
  /* 确保文字颜色可见 */
  text-align: center;
  padding-bottom: 0px;
  box-sizing: border-box;
}
.demonstration {
  color: var(--el-text-color-secondary);
@@ -195,7 +201,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;