修改前端非空判断

ZengTao

2025-04-21 001bed2e681b2020a761266255d21c6d5fab50d8

 UI-Project/src/views/largescreendisplay/screendisplay.vue

@@ -49,12 +49,11 @@
  }
  const pieChartVOS = ref([]);
  pieChartVOS.value = data.pieChartVOS[0];

  let oneFinish = ref();
  let twoFinish = ref();
  let oneunFinish = ref();
  let twounFinish = ref();
  if (pieChartVOS.length > 0) {
  if (pieChartVOS.value.length > 0) {
    if (load.value) {
      oneFinish = pieChartVOS.value[0].oneCompletedQuantity;
      twoFinish = pieChartVOS.value[0].twoCompletedQuantity;
@@ -160,7 +159,7 @@
  let oneFinish = ref();
  let ondDamage = ref();
  let oneunFinish = ref();
  if (pieChartVOS.length > 0) {
  if (pieChartVOS.value.length > 0) {
    if (temp.value) {
      oneFinish = pieChartVOS.value[0].oneCompletedQuantity;
      ondDamage = pieChartVOS.value[0].oneDamageQuantity;
@@ -250,7 +249,7 @@
  let twoFinish = ref();
  let oneunFinish = ref();
  let twounFinish = ref();
  if (pieChartVOS.length > 0) {
  if (pieChartVOS.value.length > 0) {
    if (edg.value) {
      oneFinish = pieChartVOS.value[0].oneCompletedQuantity;
      twoFinish = pieChartVOS.value[0].twoCompletedQuantity;
@@ -344,7 +343,7 @@
  let twoFinish = ref();
  let oneunFinish = ref();
  let twounFinish = ref();
  if (pieChartVOS.length > 0) {
  if (pieChartVOS.value.length > 0) {
    if (hollow.value) {
      oneFinish = pieChartVOS.value[0].oneCompletedQuantity;
      twoFinish = pieChartVOS.value[0].twoCompletedQuantity;
@@ -974,7 +973,7 @@
      <!-- 生产统计 -->
      <div style="height: 100px;width: 25%;float: right;">
        <div id="ss" style="width: 100%; display: flex; justify-content: center;">
          <div ref="chartRef" style="width: 600px; height: 400px;"></div>
          <div ref="chartRef" style="width: 600px; height: 400px;" @dblclick="handlehistorical10()"></div>
        </div>
        <div style="width: 100%;height: 245px;display: flex;">
          <div ref="chartOne" style="width: 100%;"></div>
@@ -1017,13 +1016,13 @@
          </div>
          <!-- 磨边一线半透明色块 -->
          <div
            style="width: 80px;height: 40px;top: 410px;left: 450px;position: absolute;background-color: rgba(0, 0, 0, 0.5);color: white;font-size: 12px;z-index: 999;">
            style="width: 80px;height: 40px;top: 369px;left: 450px;position: absolute;background-color: rgba(0, 0, 0, 0.5);color: white;font-size: 12px;z-index: 999;">
            <div>{{ $t('large.quantity') }}:{{ productionVO.length > 0 ? productionVO[6].countOutOne : 0 }}片</div>
            <div>{{ $t('large.are') }}:{{ productionVO.length > 0 ? productionVO[6].totalAreaOutOne : 0 }}m²</div>
          </div>
          <!-- 磨边二线半透明色块 -->
          <div
            style="width: 80px;height: 40px;top: 369px;left: 450px;position: absolute;background-color: rgba(0, 0, 0, 0.5);color: white;font-size: 12px;z-index: 999;">
            style="width: 80px;height: 40px;top: 410px;left: 450px;position: absolute;background-color: rgba(0, 0, 0, 0.5);color: white;font-size: 12px;z-index: 999;">
            <div>{{ $t('large.quantity') }}:{{ productionVO.length > 0 ? productionVO[6].countOutTwo : 0 }}片</div>
            <div>{{ $t('large.are') }}:{{ productionVO.length > 0 ? productionVO[6].totalAreaOutTwo : 0 }}m²</div>
          </div>
@@ -1043,9 +1042,9 @@
            style="width: 53px;height: 22px;top: 282px;left: 282px;position: absolute;background-color: #911005;"></div>
          <!-- 切割台色块 -->
          <div v-if="engineeringOne.length > 1" class="slicing"
            style="width: 45px;height: 20px;top: 500px;left: 496px;position: absolute;background-color: #911005;"></div>
          <div v-if="engineeringTwo.length > 1" class="slicing"
            style="width: 45px;height: 20px;top: 550px;left: 496px;position: absolute;background-color: #911005;"></div>
          <div v-if="engineeringTwo.length > 1" class="slicing"
            style="width: 45px;height: 20px;top: 500px;left: 496px;position: absolute;background-color: #911005;"></div>
          <!-- 原片仓储色块 -->
          <div class="raw" style="width: 27px;height: 30px;top: 497px;left: 296px;position: absolute;">
            <div v-for="(item, index) in rawGlassStorageDetailList.slice(0, 7)" :key="index"
@@ -1074,11 +1073,11 @@
          <!-- 磨边色块 -->
          <div class="container"
            style="position: relative;width: 15px;height: 15px;top: 500px;left: 638px;position: absolute;">
            <div v-for="(box, index) in boxes" :key="index" class="box" :style="box.style"></div>
            <div v-for="(box, index) in boxes2" :key="index" class="box" :style="box.style"></div>
          </div>
          <div class="container"
            style="position: relative;width: 15px;height: 15px;top: 548px;left: 690px;position: absolute;">
            <div v-for="(box, index) in boxes2" :key="index" class="box" :style="box.style"></div>
            <div v-for="(box, index) in boxes" :key="index" class="box" :style="box.style"></div>
          </div>
          <!-- 钢化运动色块 -->
          <div class="container"
@@ -1143,7 +1142,7 @@

      <div style="height: 100px;width: 25%;float: right;">
        <div id="ss" style="width: 100%; display: flex; justify-content: center;">
          <div ref="chartRef2" style="width: 600px; height: 400px;"></div>
          <div ref="chartRef2" style="width: 600px; height: 400px;" @dblclick="handlehistorical10()"></div>
        </div>
        <div style="width: 100%;height: 245px;display: flex;">
          <div ref="chartThree" style="width: 100%;"></div>