大屏嵌入历史任务，生产统计显示

ZengTao

2025-03-14 2c08bfb96d6523dfbf5ae543e94495c151aadbf1

大屏嵌入历史任务，生产统计显示

 UI-Project/src/lang/en.js

@@ -568,6 +568,26 @@
          reportWorkQuantity:'reportWorkQuantity',
          reportWorkQuantityCount:'reporting_work_num_count',
          processId:'processId',
          historicaltasks1:'historicaltasks1',
          historicaltasks2:'historicaltasks2',
          historicaltasks3:'historicaltasks3',
          historicaltasks4:'historicaltasks4',
          historicaltasks5:'historicaltasks5',
          historicaltasks6:'historicaltasks6',
          historicaltasks7:'historicaltasks7',
          date:'date',
          countOutOne:'countOutOne',
          totalAreaOutOne:'totalAreaOutOne',
          countOutTwo:'countOutTwo',
          totalAreaOutTwo:'totalAreaOutTwo',
          countIn:'countIn',
          totalAreaIn:'totalAreaIn',
          countOut:'countOut',
          totalAreaOut:'totalAreaOut',
          hollowCountOutOne:'hollowCountOutOne',
          hollowTotalAreaOutOne:'hollowTotalAreaOutOne',
          countOut:'countOut',
          hollowCountOutTwo:'hollowCountOutTwo',
      },
      reportmanage:{
          productiontime :'production time',

 UI-Project/src/lang/zh.js

@@ -567,6 +567,31 @@
          reportWorkQuantity:'完工数量',
          reportWorkQuantityCount:'破损数量',
          processId:'流程卡号',
          
          historicaltasks1:'原片仓储',
          historicaltasks2:'上片一线',
          historicaltasks3:'上片二线',
          historicaltasks4:'磨边任务',
          historicaltasks5:'卧式一线',
          historicaltasks6:'卧式二线',
          historicaltasks7:'钢化大理片',
          historicaltasks8:'中空一线',
          historicaltasks9:'中空二线',
          historicaltasks10:'中空大理片',
          historicaltasks11:'生产统计',
          date:'日期',
          countOutOne:'切割一线数量',
          totalAreaOutOne:'切割一线面积',
          countOutTwo:'切割二线数量',
          totalAreaOutTwo:'切割一线面积',
          countIn:'钢化前大理片数量',
          totalAreaIn:'钢化前大理片面积',
          countOut:'钢化数量',
          totalAreaOut:'钢化面积',
          hollowCountOutOne:'中空一线数量',
          hollowTotalAreaOutOne:'中空一线面积',
          countOut:'中空二线数量',
          hollowCountOutTwo:'中空一线面积',
      },
      reportmanage:{
          productiontime :'生产时间',

 UI-Project/src/router/index.js

@@ -446,6 +446,18 @@
                     },
                   ]
                  },
                  {
                   path: '/statistics',
                    name: 'statistics',
                    component: () => import('../views/largescreendisplay/statistics.vue'),
                    children: [
                      {
                       path: '/largescreendisplay/statistics',
                       name: 'statistics',
                       component: () => import('../views/largescreendisplay/statistics.vue')
                      },
                    ]
                   },
  ]
})
// 导航守卫  

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

@@ -31,11 +31,11 @@
  edgTwoTasks.value = data.edgTwoTasks[0];
  engineeringOne.value = data.engineeringOne[0];
  engineeringTwo.value = data.engineeringTwo[0];
  if(numBoxes.value != edgOneTasks.value.length){
  if (numBoxes.value != edgOneTasks.value.length) {
    numBoxes.value = edgOneTasks.value.length;
    boxStart();
  }
  if(numBoxes2.value != edgTwoTasks.value.length){
  if (numBoxes2.value != edgTwoTasks.value.length) {
    numBoxes2.value = edgTwoTasks.value.length;
    boxStart2();
  }
@@ -48,13 +48,13 @@
const handleMessage2 = (data) => {
  temperingTaskType.value = data.temperingTaskType[0];
  temperingGlassInfoList.value = data.temperingGlassInfoList[0];
  if(numBoxes3.value !=temperingTaskType.value){
    numBoxes3.value =temperingTaskType.value;
  if (numBoxes3.value != temperingTaskType.value) {
    numBoxes3.value = temperingTaskType.value;
    boxStart3();
  }
  temperingGlassInfoOutList.value = data.temperingGlassInfoOutList[0];
  if(numBoxes4.value !=temperingGlassInfoOutList.value){
    numBoxes4.value =temperingGlassInfoOutList.value;
  if (numBoxes4.value != temperingGlassInfoOutList.value) {
    numBoxes4.value = temperingGlassInfoOutList.value;
    boxStart3();
  }
};
@@ -70,6 +70,13 @@
const handleMessage4 = (data) => {
  hollowBigStorageCageUsage.value = data.hollowBigStorageCageUsage[0];
};
let socket5 = null;
const productionVO = ref([])
const socketUrl5 = `ws://${WebSocketHost}:${host}/api/cacheGlass/api/talk/largenScreenProduction`;
const handleMessage5 = (data) => {
  productionVO.value = data.productionVO;
};

const tableDatad = ref([]);
const patternUsage = async () => {
  try {
@@ -85,7 +92,45 @@
    console.error(error);
  }
}
const ptnusage=ref({

const tableData = ref([]);
const dynamicColumns = ref([]);
const flowCardDetail = async (orderId) => {
  blinda.value= true;
  try {
    const response = await request.post('/glassStorage/flow_card/flowCardReportForms?orderId=' + orderId );
    if (response.code == 200) {
      ElMessage.success(response.message);
      tableData.value = response.data;
      // 解析数据并生成动态列
      if (response.data.length > 0) {
        // 解析第一个对象的 reportWorkQuantity，确定动态列
        const firstItem = response.data[0];
        const reportData = JSON.parse(firstItem.reportWorkQuantity || "{}");
        dynamicColumns.value = Object.keys(reportData).map((key) => ({
          prop: key,
          label: key,
        }));

        // 解析数据并将 JSON 字符串转换为对象
        tableData.value = response.data.map((item) => {
          const reportData = JSON.parse(item.reportWorkQuantity || "{}");
          return {
            ...item,
            ...reportData, // 把 JSON 字段合并到平铺对象
          };
        });
      }
    } else {
      ElMessage.error(response.message);
    }
  }
  catch (error) {
    console.error(error);
  }
}

const ptnusage = ref({
  width: '',
  height: '',
  thickness: '',
@@ -108,6 +153,7 @@
  socket2 = initializeWebSocket(socketUrl2, handleMessage2);
  socket3 = initializeWebSocket(socketUrl3, handleMessage3);
  socket4 = initializeWebSocket(socketUrl4, handleMessage4);
  socket5 = initializeWebSocket(socketUrl5, handleMessage5);
  const endTime = dayjs().startOf('minute'); // 当前时间，精确到分钟
  const startTime = endTime.subtract(1, 'day').startOf('minute'); // 当前时间的前一天，精确到分钟
  // 设置时间范围为 [开始时间, 结束时间]
@@ -123,6 +169,7 @@
    closeWebSocket(socket2);
    closeWebSocket(socket3);
    closeWebSocket(socket4);
    closeWebSocket(socket5);
  }
});
onBeforeUnmount(() => {
@@ -130,7 +177,7 @@
  closeWebSocket();
});
const numBoxes = ref(5);
const numBoxes2 = ref(5); 
const numBoxes2 = ref(5);
const numBoxes3 = ref(5);
const numBoxes4 = ref(1);
const speed = 0.1;
@@ -151,74 +198,74 @@
const boxStart = () => {
  boxes.value = [];
  for (let i = 0; i < numBoxes.value; i++) {
  boxes.value.push({
    x: 0,
    y: 0, // 初始位置在底部
    direction: 'up',
    delay: i * delayFrames,
    style: {
      width: '15px',
      height: '15px',
      backgroundColor: i % 2 === 0 ? '#911005' : 'blue',
      position: 'absolute',
      transform: `translate(0px, 0px)`
    }
  });
}
    boxes.value.push({
      x: 0,
      y: 0, // 初始位置在底部
      direction: 'up',
      delay: i * delayFrames,
      style: {
        width: '15px',
        height: '15px',
        backgroundColor: i % 2 === 0 ? '#911005' : '#911005',
        position: 'absolute',
        transform: `translate(0px, 0px)`
      }
    });
  }
}
const boxStart2 = () => {
  boxes2.value = [];
  for (let i = 0; i < numBoxes2.value; i++) {
  boxes2.value.push({
    x: 0,
    y: 0, // 初始位置在底部
    direction: 'up',
    delay: i * delayFrames,
    style: {
      width: '15px',
      height: '15px',
      backgroundColor: i % 2 === 0 ? '#911005' : 'blue',
      position: 'absolute',
      transform: `translate(0px, 0px)`
    }
  });
}
    boxes2.value.push({
      x: 0,
      y: 0, // 初始位置在底部
      direction: 'up',
      delay: i * delayFrames,
      style: {
        width: '15px',
        height: '15px',
        backgroundColor: i % 2 === 0 ? '#911005' : 'blue',
        position: 'absolute',
        transform: `translate(0px, 0px)`
      }
    });
  }
}
const boxStart3 = () => {
  boxes3.value = [];
  for (let i = 0; i < numBoxes3.value; i++) {
  boxes3.value.push({
    x: 0,
    y: 0, // 初始位置在底部
    direction: 'left',
    delay: i * delayFrames,
    style: {
      width: '15px',
      height: '15px',
      backgroundColor: i % 2 === 0 ? '#911005' : 'blue',
      position: 'absolute',
      transform: `translate(0px, 0px)`
    }
  });
}
    boxes3.value.push({
      x: 0,
      y: 0, // 初始位置在底部
      direction: 'left',
      delay: i * delayFrames,
      style: {
        width: '15px',
        height: '15px',
        backgroundColor: i % 2 === 0 ? '#911005' : 'blue',
        position: 'absolute',
        transform: `translate(0px, 0px)`
      }
    });
  }
}
const boxStart4 = () => {
  boxes4.value = [];
  for (let i = 0; i < numBoxes4.value; i++) {
  boxes4.value.push({
    x: 0,
    y: 0, // 初始位置在底部
    direction: 'right',
    delay: i * delayFrames,
    style: {
      width: '15px',
      height: '15px',
      backgroundColor: i % 2 === 0 ? '#911005' : 'blue',
      position: 'absolute',
      transform: `translate(0px, 0px)`
    }
  });
}
    boxes4.value.push({
      x: 0,
      y: 0, // 初始位置在底部
      direction: 'right',
      delay: i * delayFrames,
      style: {
        width: '15px',
        height: '15px',
        backgroundColor: i % 2 === 0 ? '#911005' : 'blue',
        position: 'absolute',
        transform: `translate(0px, 0px)`
      }
    });
  }
}
const animate = () => {
  boxes.value.forEach((box) => {
@@ -285,7 +332,7 @@
    } else if (box.direction === 'left') {
      box.x -= speed;
      if (box.x <= -maxX3) {
        

        box.direction = 'up';
      }
    }
@@ -306,7 +353,7 @@
        box.x = 0;
        box.y = 0; // 重新回到底部
      }
    } 
    }
    box.style = {
      ...box.style,
      transform: `translate(${box.x}px, ${box.y}px)`
@@ -314,67 +361,216 @@
  });
  requestAnimationFrame(animate);
};
//嵌入历史任务
const iframeUrl1 = ref('');
const iframe1 = ref(false);
const handlehistorical1 = () => {
  iframe1.value = true;
  iframeUrl1.value = `${window.location.origin}/#/GlassStorage/rawhistory`;
};
const iframeUrl2 = ref('');
const iframe2 = ref(false);
const handlehistorical2 = () => {
  iframe2.value = true;
  iframeUrl2.value =`${window.location.origin}/#/Returns/upreturnhistory`;;
};
const iframeUrl3 = ref('');
const iframe3 = ref(false);
const handlehistorical3 = () => {
  iframe3.value = true;
  iframeUrl3.value = `${window.location.origin}/#/Returns/upreturnhistory2`;
};
const iframeUrl4 = ref('');
const iframe4 = ref(false);
const handlehistorical4 = () => {
  iframe4.value = true;
  
  iframeUrl4.value =`${window.location.origin}/#/StockBasicData/stockhistory`;;
};
const iframeUrl5 = ref('');
const iframe5 = ref(false);
const handlehistorical5 = () => {
  iframe5.value = true;
  iframeUrl5.value = `${window.location.origin}/#/hollow/hellowslicecagehistory`;
  iframeUrl5.value = `${window.location.origin}/#/hollow/hellowslicecagehistory`;
};
const iframeUrl6 = ref('');
const iframe6 = ref(false);
const handlehistorical6 = () => {
  iframe6.value = true;
  iframeUrl6.value =  `${window.location.origin}/#/Slicecage/slicecagehistory`;
};
const iframeUrl7 = ref('');
const iframe7 = ref(false);
const handlehistorical7 = () => {
  iframe7.value = true;
  iframeUrl7.value = `${window.location.origin}/#/hollow/hellowquiptwohistory`;
};
const iframeUrl8 = ref('');
const iframe8 = ref(false);
const handlehistorical8 = () => {
  iframe8.value = true;
  iframeUrl8.value = `${window.location.origin}/#/hollow/hellowquiptwohistory`;
};
const iframeUrl9 = ref('');
const iframe9 = ref(false);
const handlehistorical9 = () => {
  iframe9.value = true;
  iframeUrl9.value = `${window.location.origin}/#/largescreendisplay/statistics`;
};
</script>
<template>
  <div style="height: 500px;">
 
    <el-dialog v-model="iframe1" top="10vh" width="95%">
      <iframe :src="iframeUrl1" marginwidth="2000px" marginheight="2000px" width="100%" height="700px" frameborder="0"></iframe>
    </el-dialog>
    <el-dialog v-model="iframe2" top="10vh" width="95%">
      <iframe :src="iframeUrl2" marginwidth="2000px" marginheight="2000px" width="100%" height="700px" frameborder="0"></iframe>
    </el-dialog>
    <el-dialog v-model="iframe3" top="10vh" width="95%">
      <iframe :src="iframeUrl3" marginwidth="2000px" marginheight="2000px" width="100%" height="700" frameborder="0"></iframe>
    </el-dialog>
    <el-dialog v-model="iframe4" top="10vh" width="95%">
      <iframe :src="iframeUrl4" marginwidth="2000px" marginheight="2000px" width="100%" height="750px" frameborder="0"></iframe>
    </el-dialog>
    <el-dialog v-model="iframe5" top="10vh" width="95%">
      <iframe :src="iframeUrl5" marginwidth="2000px" marginheight="2000px" width="100%" height="750px" frameborder="0"></iframe>
    </el-dialog>
    <el-dialog v-model="iframe6" top="10vh" width="95%">
      <iframe :src="iframeUrl6" marginwidth="2000px" marginheight="2000px" width="100%" height="750px" frameborder="0"></iframe>
    </el-dialog>
    <el-dialog v-model="iframe7" top="10vh" width="95%">
      <iframe :src="iframeUrl7" marginwidth="2000px" marginheight="2000px" width="100%" height="750px" frameborder="0"></iframe>
    </el-dialog>
    <el-dialog v-model="iframe9" top="10vh" width="95%">
      <iframe :src="iframeUrl9" marginwidth="2000px" marginheight="2000px" width="100%" height="750px" frameborder="0"></iframe>
    </el-dialog>
    <!-- 生产统计 -->
    <div style="height: 190px;width: 43%;float: right;position: absolute;" @click="handlehistorical9">
      <el-table height="700" ref="table" :data="productionVO"
        :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129' }">
        <el-table-column prop="date" align="center" :label="$t('large.date')" min-width="70" />
        <el-table-column prop="countOutOne" align="center" :label="$t('large.countOutOne')" min-width="40" />
        <el-table-column prop="totalAreaOutOne" align="center" :label="$t('large.totalAreaOutOne')" min-width="40" />
        <el-table-column prop="countOutTwo" align="center" :label="$t('large.countOutTwo')" min-width="50" />
        <el-table-column prop="totalAreaOutTwo" align="center" :label="$t('large.totalAreaOutTwo')" min-width="40" />
        <el-table-column prop="countIn" align="center" :label="$t('large.countIn')" min-width="40" />
        <el-table-column prop="totalAreaIn" align="center" :label="$t('large.totalAreaIn')" min-width="40" />
        <el-table-column prop="countOut" align="center" :label="$t('large.countOut')" min-width="40" />
        <el-table-column prop="totalAreaOut" align="center" :label="$t('large.totalAreaOut')" min-width="40" />
        <el-table-column prop="hollowCountOutOne" align="center" :label="$t('large.hollowCountOutOne')" min-width="40" />
        <el-table-column prop="hollowTotalAreaOutOne" align="center" :label="$t('large.hollowTotalAreaOutOne')" min-width="40" />
        <el-table-column prop="countOut" align="center" :label="$t('large.countOut')" min-width="40" />
        <el-table-column prop="hollowCountOutTwo" align="center" :label="$t('large.hollowCountOutTwo')" min-width="40" />
        <!-- <el-table-column align="center" :label="$t('large.operate')" min-width="50">
          <template #default="scope">
            <el-button type="primary" style="margin-left: 10px;margin-bottom: 10px;"
              @click="flowCardDetail(scope.row.orderId)">{{ $t('large.mes') }}</el-button>
          </template>
        </el-table-column> -->
      </el-table>
    </div>
    <div class="awatch">
      <div class="img-screen" alt="Screen">
        <!-- 钢化色块 -->
        <div v-if="temperingGlassInfoList>0" class="tempering" style="width: 50px;height: 22px;top: 354px;left: 228px;position: absolute;background-color: #911005;"></div>
        <div v-if="temperingGlassInfoList>1" class="tempering" style="width: 50px;height: 22px;top: 354px;left: 284px;position: absolute;background-color: #911005;"></div>
        <div v-if="temperingGlassInfoList > 0" class="tempering"
          style="width: 50px;height: 22px;top: 354px;left: 228px;position: absolute;background-color: #911005;"></div>
        <div v-if="temperingGlassInfoList > 1" class="tempering"
          style="width: 50px;height: 22px;top: 354px;left: 284px;position: absolute;background-color: #911005;"></div>
        <!-- 切割台色块 -->
        <div v-if="engineeringOne.length>1" class="slicing" style="width: 50px;height: 22px;top: 575px;left: 453px;position: absolute;background-color: #911005;"></div>
        <div v-if="engineeringTwo.length>1" class="slicing" style="width: 50px;height: 22px;top: 625px;left: 453px;position: absolute;background-color: #911005;"></div>
        <div v-if="engineeringOne.length > 1" class="slicing"
          style="width: 50px;height: 22px;top: 575px;left: 453px;position: absolute;background-color: #911005;"></div>
        <div v-if="engineeringTwo.length > 1" class="slicing"
          style="width: 50px;height: 22px;top: 625px;left: 453px;position: absolute;background-color: #911005;"></div>
        <!-- 原片仓储色块 -->
        <div class="raw" style="width: 31px;height: 32px;top: 571px;left: 300px;position: absolute;">
          <div v-for="(item,index) in rawGlassStorageDetailList.slice(0,7)" :key="index" :style='"width: "+(item.remainQuantity / 5)+"px;height: 5px;background-color: #911005;"'></div>
          <div v-for="(item, index) in rawGlassStorageDetailList.slice(0, 7)" :key="index"
            :style='"width: " + (item.remainQuantity / 5) + "px;height: 5px;background-color: #911005;"'></div>
        </div>
        <div class="raw" style="width: 31px;height: 47px;top: 610px;left: 300px;position: absolute;">
          <div v-for="(item,index) in rawGlassStorageDetailList.slice(8,17)" :key="index" :style='"width: "+(item.remainQuantity / 5)+"px;height: 5px;background-color: #911005;"'></div>
          <div v-for="(item, index) in rawGlassStorageDetailList.slice(8, 17)" :key="index"
            :style='"width: " + (item.remainQuantity / 5) + "px;height: 5px;background-color: #911005;"'></div>
        </div>
        <div class="raw" style="width: 31px;height: 13px;top: 675px;left: 300px;position: absolute;">
          <div v-for="(item,index) in rawGlassStorageDetailList.slice(18,20)" :key="index" :style='"width: "+(item.remainQuantity / 5)+"px;height: 5px;background-color: #911005;"'></div>
          <div v-for="(item, index) in rawGlassStorageDetailList.slice(18, 20)" :key="index"
            :style='"width: " + (item.remainQuantity / 5) + "px;height: 5px;background-color: #911005;"'></div>
        </div>
        <div class="raw" style="width: 31px;height: 22px;top: 657px;left: 370px;position: absolute;">
          <div v-for="(item,index) in rawGlassStorageDetailList.slice(21,25)" :key="index" :style='"width: "+(item.remainQuantity / 5)+"px;height: 5px;background-color: #911005;"'></div>
          <div v-for="(item, index) in rawGlassStorageDetailList.slice(21, 25)" :key="index"
            :style='"width: " + (item.remainQuantity / 5) + "px;height: 5px;background-color: #911005;"'></div>
        </div>
        <div class="raw" style="width: 31px;height: 9px;top: 561px;left: 370px;position: absolute;">
          <div v-for="(item,index) in rawGlassStorageDetailList.slice(26,27)" :key="index" :style='"width: "+(item.remainQuantity / 5)+"px;height: 5px;background-color: #911005;"'></div>
          <div v-for="(item, index) in rawGlassStorageDetailList.slice(26, 27)" :key="index"
            :style='"width: " + (item.remainQuantity / 5) + "px;height: 5px;background-color: #911005;"'></div>
        </div>
        <div class="raw" style="width: 31px;height: 9px;top: 612px;left: 370px;position: absolute;">
          <div v-for="(item,index) in rawGlassStorageDetailList.slice(28,29)" :key="index" :style='"width: "+(item.remainQuantity / 5)+"px;height: 5px;background-color: #911005;"'></div>
          <div v-for="(item, index) in rawGlassStorageDetailList.slice(28, 29)" :key="index"
            :style='"width: " + (item.remainQuantity / 5) + "px;height: 5px;background-color: #911005;"'></div>
        </div>
        <!-- 磨边色块 -->
        <div class="container" style="position: relative;width: 20px;height: 20px;top: 572px;left: 648px;border: 1px solid #000;position: absolute;">
          <div v-for="(box, index) in boxes" :key="index" class="box" :style="box.style"></div>
        <div class="container"
          style="position: relative;width: 20px;height: 20px;top: 572px;left: 648px;position: absolute;">
          <div v-for="(box, index) in boxes" :key="index" class="box" :style="box.style" ></div>
        </div>
        <div class="container" style="position: relative;width: 20px;height: 20px;top: 625px;left: 700px;border: 1px solid #000;position: absolute;">
          <div v-for="(box, index) in boxes2" :key="index" class="box" :style="box.style"></div>
        <div class="container"
          style="position: relative;width: 20px;height: 20px;top: 625px;left: 700px;position: absolute;">
          <div v-for="(box, index) in boxes2" :key="index" class="box" :style="box.style" ></div>
        </div>
        <!-- 钢化运动色块 -->
        <div class="container" style="position: relative;width: 20px;height: 20px;top: 438px;left: 196px;border: 1px solid #000;position: absolute;">
        <div class="container"
          style="position: relative;width: 20px;height: 20px;top: 438px;left: 196px;position: absolute;">
          <div v-for="(box, index) in boxes3" :key="index" class="box" :style="box.style"></div>
        </div>
        <div class="container" style="position: relative;width: 20px;height: 20px;top: 355px;left: 496px;border: 1px solid #000;position: absolute;">
        <div class="container"
          style="position: relative;width: 20px;height: 20px;top: 355px;left: 496px;position: absolute;">
          <div v-for="(box, index) in boxes4" :key="index" class="box" :style="box.style"></div>
        </div>
        <!-- 钢化前大理片色块 -->
        <div class="container" v-for="(item,index) in bigStorageCageUsage.slice(0,1)" :key="index" :style='"position: relative;width: "+(38*item.percentage/100)+"px;height: 13px;top: 447px;left: 314px;position: absolute;background-color: #911005;"'></div>
        <div class="container" v-for="(item,index) in bigStorageCageUsage.slice(1,2)" :key="index" :style='"position: relative;width: "+(38*item.percentage/100)+"px;height: 13px;top: 463px;left: 314px;position: absolute;background-color: #911005;"'></div>
        <div class="container" v-for="(item,index) in bigStorageCageUsage.slice(2,3)" :key="index" :style='"position: relative;width: "+(38*item.percentage/100)+"px;height: 13px;top: 478px;left: 314px;position: absolute;background-color: #911005;"'></div>
        <div class="container" v-for="(item,index) in bigStorageCageUsage.slice(3,4)" :key="index" :style='"position: relative;width: "+(38*item.percentage/100)+"px;height: 13px;top: 493px;left: 314px;position: absolute;background-color: #911005;"'></div>
        <div class="container" v-for="(item, index) in bigStorageCageUsage.slice(0, 1)" :key="index" 
          :style='"position: relative;width: " + (38 * item.percentage / 100) + "px;height: 13px;top: 447px;left: 314px;position: absolute;background-color: #911005;"'>
        </div>
        <div class="container" v-for="(item, index) in bigStorageCageUsage.slice(1, 2)" :key="index" 
          :style='"position: relative;width: " + (38 * item.percentage / 100) + "px;height: 13px;top: 463px;left: 314px;position: absolute;background-color: #911005;"'>
        </div>
        <div class="container" v-for="(item, index) in bigStorageCageUsage.slice(2, 3)" :key="index" 
          :style='"position: relative;width: " + (38 * item.percentage / 100) + "px;height: 13px;top: 478px;left: 314px;position: absolute;background-color: #911005;"'>
        </div>
        <div class="container" v-for="(item, index) in bigStorageCageUsage.slice(3, 4)" :key="index" 
          :style='"position: relative;width: " + (38 * item.percentage / 100) + "px;height: 13px;top: 493px;left: 314px;position: absolute;background-color: #911005;"'>
        </div>
        <!-- 中空前大理片色块 -->
        <div class="container" v-for="(item,index) in hollowBigStorageCageUsage.slice(0,1)" :key="index" :style='"position: relative;width: "+(38*item.percentage/100)+"px;height: 13px;top: 337px;left: 671px;position: absolute;background-color: #911005;"'></div>
        <div class="container" v-for="(item,index) in hollowBigStorageCageUsage.slice(1,2)" :key="index" :style='"position: relative;width: "+(38*item.percentage/100)+"px;height: 13px;top: 353px;left: 671px;position: absolute;background-color: #911005;"'></div>
        <div class="container" v-for="(item,index) in hollowBigStorageCageUsage.slice(2,3)" :key="index" :style='"position: relative;width: "+(38*item.percentage/100)+"px;height: 13px;top: 369px;left: 671px;position: absolute;background-color: #911005;"'></div>
        <div class="container" v-for="(item,index) in hollowBigStorageCageUsage.slice(3,4)" :key="index" :style='"position: relative;width: "+(38*item.percentage/100)+"px;height: 13px;top: 385px;left: 671px;position: absolute;background-color: #911005;"'></div>
        <div class="container" v-for="(item,index) in hollowBigStorageCageUsage.slice(4,5)" :key="index" :style='"position: relative;width: "+(38*item.percentage/100)+"px;height: 13px;top: 401px;left: 671px;position: absolute;background-color: #911005;"'></div>
        <div class="container" v-for="(item, index) in hollowBigStorageCageUsage.slice(0, 1)" :key="index" 
          :style='"position: relative;width: " + (38 * item.percentage / 100) + "px;height: 13px;top: 337px;left: 671px;position: absolute;background-color: #911005;"'>
        </div>
        <div class="container" v-for="(item, index) in hollowBigStorageCageUsage.slice(1, 2)" :key="index" 
          :style='"position: relative;width: " + (38 * item.percentage / 100) + "px;height: 13px;top: 353px;left: 671px;position: absolute;background-color: #911005;"'>
        </div>
        <div class="container" v-for="(item, index) in hollowBigStorageCageUsage.slice(2, 3)" :key="index" 
          :style='"position: relative;width: " + (38 * item.percentage / 100) + "px;height: 13px;top: 369px;left: 671px;position: absolute;background-color: #911005;"'>
        </div>
        <div class="container" v-for="(item, index) in hollowBigStorageCageUsage.slice(3, 4)" :key="index" 
          :style='"position: relative;width: " + (38 * item.percentage / 100) + "px;height: 13px;top: 385px;left: 671px;position: absolute;background-color: #911005;"'>
        </div>
        <div class="container" v-for="(item, index) in hollowBigStorageCageUsage.slice(4, 5)" :key="index" 
          :style='"position: relative;width: " + (38 * item.percentage / 100) + "px;height: 13px;top: 401px;left: 671px;position: absolute;background-color: #911005;"'>
        </div>
      </div>
      
      <div class="clickable-area" @click="handlehistorical"
        style="position: relative;width: 110px;height: 140px;top: 603px;left: 297px;"></div>
        style="position: relative;width: 110px;height: 100px;top: 603px;left: 297px;"></div>
    </div>
    <!-- 订单情况 -->
    <div style="height: 190px;width: 48%;float: right;">
      <div>
        <el-button style="margin-top: 5px;margin-left: 50px;" id="searchButton" type="info" @click="handlehistorical1">{{ $t('large.historicaltasks1') }}</el-button>
        <el-button style="margin-top: 5px;margin-left: 20px;" id="searchButton" type="info" @click="handlehistorical2">{{ $t('large.historicaltasks2') }}</el-button>
        <el-button style="margin-top: 5px;margin-left: 20px;" id="searchButton" type="info" @click="handlehistorical3">{{ $t('large.historicaltasks3') }}</el-button>
        <el-button style="margin-top: 5px;margin-left: 20px;" id="searchButton" type="info" @click="handlehistorical4">{{ $t('large.historicaltasks4') }}</el-button>
        <el-button style="margin-top: 5px;margin-left: 20px;" id="searchButton" type="info" @click="handlehistorical5">{{ $t('large.historicaltasks5') }}</el-button>
        <el-button style="margin-top: 5px;margin-left: 20px;" id="searchButton" type="info" @click="handlehistorical7">{{ $t('large.historicaltasks7') }}</el-button>
        <el-button style="margin-top: 5px;margin-left: 20px;" id="searchButton" type="info" @click="handlehistorical6">{{ $t('large.historicaltasks6') }}</el-button>
        <el-button style="margin-top: 5px;margin-left: 20px;" id="searchButton" type="info" @click="handlehistorical8">{{ $t('large.historicaltasks8') }}</el-button>
      </div>
      <el-table height="700" ref="table" :data="orderDTOS"
        :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129' }">
        <el-table-column prop="orderId" align="center" :label="$t('large.orderId')" min-width="50" />
@@ -384,47 +580,26 @@
        <el-table-column prop="area" align="center" :label="$t('large.are')" min-width="50" />
        <el-table-column prop="quantity" align="center" :label="$t('large.quantity')" min-width="50" />
        <el-table-column prop="percent" align="center" :label="$t('large.percent')" min-width="50" />
        <!-- <el-table-column align="center" :label="$t('large.warehousing')" min-width="50" prop="warehousing">
        <el-table-column align="center" :label="$t('large.operate')" min-width="50">
          <template #default="scope">
            <el-tag :type="getStatusType(scope.row.warehousing)">
              {{ getStatusText(scope.row.warehousing) }}
            </el-tag>
            <el-button type="primary" style="margin-left: 10px;margin-bottom: 10px;"
              @click="flowCardDetail(scope.row.orderId)">{{ $t('large.mes') }}</el-button>
          </template>
        </el-table-column> -->
        <!-- <el-table-column prop="deliveryDate" align="center" :label="$t('large.deliveryDate')" min-width="100" />
        <el-table-column fixed="right" :label="$t('large.operate')" align="center" width="100">
          <template #default="scope">
            <el-button size="mini" type="text" plain @click="handleBinda(scope.row)">{{ $t('large.mes') }}</el-button>
          </template>
        </el-table-column> -->
        </el-table-column>
      </el-table>
    </div>
  </div>
  <!-- 点击下方弹窗 -->
  <!-- 原片使用详情 -->
  <el-dialog v-model="blindb" top="10vh" width="90%">
    <div style="display: flex;">
    <el-input v-model="ptnusage.width" style="margin-left: 10px;margin-bottom: 10px;width: 270px;" clearable :placeholder="$t('screendisplay.pwidth')" />
    <el-input v-model="ptnusage.height" style="margin-left: 10px;margin-bottom: 10px;width: 270px;" clearable :placeholder="$t('screendisplay.pheight')" />
    <el-input v-model="ptnusage.thickness" style="margin-left: 10px;margin-bottom: 10px;width: 270px;" clearable :placeholder="$t('searchOrder.inthickness')" />
    <el-input v-model="ptnusage.films" style="margin-left: 10px;margin-bottom: 10px;width: 270px;" clearable :placeholder="$t('film.infilms')" />
      <!-- <el-select :placeholder="$t('basicData.coatingtypes')" clearable style="width: 270px;margin-left: 10px;"
        v-model="taskStat">
        <el-option v-for="item in optionsa" :key="item.value" :label="item.label" :value="item.value" />
      </el-select> -->
      <!-- <span class="demonstration" style="margin-left: 20px;margin-top: 3px;">{{ $t('workOrder.time') }}</span> -->
      <!-- <el-date-picker v-model="timeRange" type="datetimerange" range-separator="至" :start-placeholder="$t('reportmanage.starttime')" 
             style="margin-left: 15px;" value-format = "YYYY-MM-DD hh:mm:ss"
              :end-placeholder="$t('reportmanage.endtime')">
            </el-date-picker> -->
      <!-- <el-date-picker
              v-model="timeRange"
              type="datetimerange"
              range-separator="至"
              :start-placeholder="$t('reportmanage.starttime')"
              style="margin-left: 15px;"
              value-format="YYYY-MM-DD hh:mm:ss"
              :end-placeholder="$t('reportmanage.endtime')">
            </el-date-picker> -->
      <el-input v-model="ptnusage.width" style="margin-left: 10px;margin-bottom: 10px;width: 270px;" clearable
        :placeholder="$t('screendisplay.pwidth')" />
      <el-input v-model="ptnusage.height" style="margin-left: 10px;margin-bottom: 10px;width: 270px;" clearable
        :placeholder="$t('screendisplay.pheight')" />
      <el-input v-model="ptnusage.thickness" style="margin-left: 10px;margin-bottom: 10px;width: 270px;" clearable
        :placeholder="$t('searchOrder.inthickness')" />
      <el-input v-model="ptnusage.films" style="margin-left: 10px;margin-bottom: 10px;width: 270px;" clearable
        :placeholder="$t('film.infilms')" />
      <el-button type="primary" style="margin-left: 10px;margin-bottom: 10px;" @click="patternUsage()">{{
        $t('reportmanage.inquire')
      }}</el-button>
@@ -441,36 +616,33 @@
      <el-table-column prop="damageCount" align="center" :label="$t('hellow.damagenumber')" min-width="120" />
    </el-table>
  </el-dialog>
  <!-- 流程卡进度 -->
  <el-dialog v-model="blinda" top="5vh" width="85%">
    <el-table height="650" ref="table" :data="tableData"
      :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129' }">
      <el-table-column prop="orderId" fixed align="center" :label="$t('large.orderId1')" min-width="110" />
      <el-table-column prop="project" align="center" :label="$t('large.project')" min-width="110" />
      <el-table-column prop="processId" align="center" :label="$t('large.cardnumber')" min-width="110" />
      <el-table-column prop="processId" fixed align="center" :label="$t('large.processId')" min-width="110" />
      <el-table-column prop="glassChild" align="center" :label="$t('large.productname')" min-width="110" />
      <el-table-column prop="orderNumber" align="center" :label="$t('large.serialnumber')" min-width="110" />
      <el-table-column prop="productName" align="center" :label="$t('large.productname')" min-width="110" />
      <el-table-column prop="width" align="center" :label="$t('large.width')" min-width="100" />
      <el-table-column prop="height" align="center" :label="$t('large.height')" min-width="100" />
      <el-table-column prop="area" align="center" :label="$t('large.are')" min-width="100" />
      <el-table-column prop="quantity" align="center" :label="$t('large.number')" min-width="110" />
      <el-table-column prop="numberPatches" align="center" :label="$t('large.numberpatches')" min-width="110" />
      <el-table-column prop="receivedQuantity" align="center" :label="$t('large.innumber')" min-width="110" />
      <el-table-column prop="terminationStatus" align="center" :label="$t('large.productstatus')" min-width="110" />
      <el-table-column align="center" :label="$t('large.productstatus')" min-width="80" prop="terminationStatus">
        <template #default="scope">
          <el-tag :type="scope.row.terminationStatus === 0 ? 'success' : 'danger'">
            {{ scope.row.terminationStatus === 0 ? $t('large.right') : $t('large.stop') }}
          </el-tag>
        </template>
      </el-table-column>
      <el-table-column prop="packType" align="center" :label="$t('large.quantity')" min-width="110" />
      <el-table-column prop="projectNo" align="center" :label="$t('large.projectnumber')" min-width="110" />
      <el-table-column prop="technologyNumber" align="center" :label="$t('large.slicemarker')" min-width="110" />
      <el-table-column prop="width" align="center" :label="$t('large.width')" min-width="110" />
      <el-table-column prop="height" align="center" :label="$t('large.height')" min-width="110" />
      <el-table-column prop="quantity" align="center" :label="$t('large.quantity')" min-width="110" />
      <el-table-column prop="brokenNum" align="center" :label="$t('large.brokenNum')" min-width="100" />
      <el-table-column prop="inventory" align="center" :label="$t('large.inventory')" min-width="100" />
      <el-table-column prop="inventoryArea" align="center" :label="$t('large.inventoryarea')" min-width="100" />
      <el-table-column prop="shippedQuantity" align="center" :label="$t('large.shippedQuantity')" min-width="110" />
      <!-- <el-table-column prop="reportWorkQuantity" align="center" :label="$t('large.reportWorkQuantity')" min-width="110" />
      <el-table-column prop="reportWorkQuantityCount" align="center" :label="$t('large.reportWorkQuantityCount')" min-width="110" /> -->
      <!-- 动态生成的 reportWorkQuantity 列 -->
    <el-table-column 
      v-for="column in dynamicColumns" 
      :key="column.prop" 
      :prop="column.prop" 
      :label="column.label" 
      align="center" 
      min-width="110"
    />
    </el-table>
    <template #footer>
      <div id="dialog-footer" style="text-align: center;">
        <el-button @click="blinda = false">{{ $t('large.close') }}</el-button>
      </div>
    </template>
  </el-dialog>
</template>
<style scoped>
@@ -480,16 +652,19 @@
  line-height: 20px;
  margin-left: 100px;
}

#dta {
  display: block;
  float: left;
  line-height: 20px;
  margin-left: 80%;
}

#dialog-footer {
  text-align: center;
  margin-top: -15px;
}

#message {
  text-align: center;
  align-items: center;
@@ -499,9 +674,11 @@
  background-color: #337ecc;
  margin-left: 28%;
}

#awatch {
  height: 460px;
}

.img-screen {
  max-width: 48%;
  max-height: 100%;
@@ -518,6 +695,7 @@
  height: 0; 
  padding-bottom: 50%;  */
}

.clickable-area {
  cursor: pointer;
  /* 指示这是一个可点击的区域 */
@@ -526,6 +704,7 @@
  line-height: 95px;
  /* 如果需要，使文本垂直居中 */
}

/* .awatch{
  height: 460px;
  /* max-width: 100%; */

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

New file
@@ -0,0 +1,238 @@
<template>
  <div>
    <div style="display: flex;width: 1770px;">
      <el-date-picker v-model="timeRange" type="datetimerange" range-separator="至"
        :start-placeholder="$t('reportmanage.starttime')" style="margin-left: 15px;" value-format="YYYY-MM-DD hh:mm:ss"
        :end-placeholder="$t('reportmanage.endtime')">
      </el-date-picker>
      <el-button type="primary" style="margin-left: 10px;margin-bottom: 10px;"
        @click="sethistorical()">{{ $t('reportmanage.inquire') }}</el-button>
    </div>
    <el-table ref="table" style="margin-top: 20px;height: 580px;width: 1770px;" :data="tableDatax"
      :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129' }">
      <el-table-column prop="date" align="center" :label="$t('large.date')" min-width="70" />
      <el-table-column prop="countOutOne" align="center" :label="$t('large.countOutOne')" min-width="40" />
      <el-table-column prop="totalAreaOutOne" align="center" :label="$t('large.totalAreaOutOne')" min-width="40" />
      <el-table-column prop="countOutTwo" align="center" :label="$t('large.countOutTwo')" min-width="50" />
      <el-table-column prop="totalAreaOutTwo" align="center" :label="$t('large.totalAreaOutTwo')" min-width="40" />
      <el-table-column prop="countIn" align="center" :label="$t('large.countIn')" min-width="40" />
      <el-table-column prop="totalAreaIn" align="center" :label="$t('large.totalAreaIn')" min-width="40" />
      <el-table-column prop="countOut" align="center" :label="$t('large.countOut')" min-width="40" />
      <el-table-column prop="totalAreaOut" align="center" :label="$t('large.totalAreaOut')" min-width="40" />
      <el-table-column prop="hollowCountOutOne" align="center" :label="$t('large.hollowCountOutOne')" min-width="40" />
      <el-table-column prop="hollowTotalAreaOutOne" align="center" :label="$t('large.hollowTotalAreaOutOne')"
        min-width="40" />
      <el-table-column prop="countOut" align="center" :label="$t('large.countOut')" min-width="40" />
      <el-table-column prop="hollowCountOutTwo" align="center" :label="$t('large.hollowCountOutTwo')" min-width="40" />
    </el-table>
    <div style="margin-top: 20px;margin-left: 40%;">
      <el-pagination v-model:current-page="currentPage2" :page-size="pageSize" :size="large" :disabled="disabled"
        layout="prev, pager, next, jumper" :total="totalRecords" @current-change="handlePageChange2"
        style="margin-top: 10px;" />
    </div>
  </div>
</template>
<script lang="ts" setup>
import { useI18n } from 'vue-i18n'
import { useRouter } from "vue-router"
import request from "@/utils/request"
import { host, WebSocketHost } from '@/utils/constants'
import { onBeforeUnmount, onMounted, onUnmounted, reactive, ref } from "vue";
import { closeWebSocket, initializeWebSocket } from '@/utils/WebSocketService';
import { ElMessage, ElMessageBox } from 'element-plus'
const { t } = useI18n()
let language = ref(localStorage.getItem('lang') || 'zh')
import { inject } from 'vue';
const globalDate = inject('globalDate');
const router = useRouter()
const timeRange = ref([])
const selectValuesa = reactive([]);
const tableDatax = ref([])
const currentPage2 = ref(1)
const totalRecords = ref(0)
const rawGlassHeight = ref('');
const rawGlassThickness = ref('');
const rawGlassWidth = ref('');
const rawGlassfilmsId = ref('');
const slot = ref('');
let getglobalDate = window.localStorage.getItem('getglobalDate')
const historical = async () => {
  try {
    let startTime = window.localStorage.getItem('startTime')
    const response = await request.post("/loadGlass/largenScreen/queryDailyProduction", {
      pageNo: 1,
      pageSize: 20,
      beginDate: startTime,
      endDate: getglobalDate
    })
    if (response.code == 200) {
      ElMessage.success(response.message);
      const formattedData = response.data.records.map(record => ({
        ...record,
        formattedCreateTime: formatTimestamp(record.createTime),
        formattedUpdateTime: formatTimestamp(record.updateTime),
      }));
      // tableDatax.value = response.data.records;
      tableDatax.value = formattedData;
      console.log(response.data.pages);
      totalRecords.value = response.data.total / 2 || 0
    } else {
      ElMessage.error(response.message);
    }
  }
  catch (error) {
    console.error(error);
  }
}
const handlePageChange2 = (newPage) => {
  currentPage2.value = newPage;
  console.log(currentPage2.value);
  window.localStorage.setItem('pagenumber', currentPage2.value)
  historicala(currentPage2.value);
};
const historicala = async (page) => {
  try {
    let pslot = ''
    let celllist = []
    if (selectValuesa[0] != null && selectValuesa[0] != 'undefined') {
      if (selectValuesa[0] != "") {
        celllist = [selectValuesa[0]];
      }
    }
    if (slot.value != "") {
      pslot = slot.value
    } else {
      pslot = '0'
    }
    let page = window.localStorage.getItem('pagenumber')
    let startTime = window.localStorage.getItem('startTime')
    const response = await request.post("/loadGlass/largenScreen/queryDailyProduction", {
      pageNo: page,
      pageSize: 20,
      beginDate: (timeRange.value && timeRange.value[0]) || '',
      endDate: (timeRange.value && timeRange.value[1]) || '',
    })
    if (response.code == 200) {
      ElMessage.success(response.message);
      const formattedData = response.data.records.map(record => ({
        ...record,
        formattedCreateTime: formatTimestamp(record.createTime),
        formattedUpdateTime: formatTimestamp(record.updateTime),
      }));
      // tableDatax.value = response.data.records;
      tableDatax.value = formattedData;
      totalRecords.value = response.data.total / 2 || 0
    } else {
      ElMessage.error(response.message);
    }
  }
  catch (error) {
    console.error(error);
  }
}
// 历史查询点击
const sethistorical = async () => {
  try {
    let pslot = ''
    let celllist = []
    if (selectValuesa[0] != null && selectValuesa[0] != 'undefined') {
      if (selectValuesa[0] != "") {
        celllist = [selectValuesa[0]];
      }
    }
    if (slot.value != "") {
      pslot = slot.value
    } else {
      pslot = '0'
    }
    let startTime = window.localStorage.getItem('startTime')
    let page = window.localStorage.getItem('pagenumber')
    console.log(page);
    const response = await request.post("/loadGlass/largenScreen/queryDailyProduction", {
      pageNo: 1,
      pageSize: 20,
      beginDate: (timeRange.value && timeRange.value[0]) || '',
      endDate: (timeRange.value && timeRange.value[1]) || '',
    })
    if (response.code == 200) {
      currentPage2.value = 1
      ElMessage.success(response.message);
      const formattedData = response.data.records.map(record => ({
        ...record,
        formattedCreateTime: formatTimestamp(record.createTime),
        formattedUpdateTime: formatTimestamp(record.updateTime),
      }));
      // tableDatax.value = response.data.records;
      tableDatax.value = formattedData;
      totalRecords.value = response.data.total / 2 || 0
    } else {
      ElMessage.error(response.message);
    }
  }
  catch (error) {
    console.error(error);
  }
}
// 格式化时间戳为年月日时间字符串的函数
function formatTimestamp(timestamp) {
  const date = new Date(timestamp);
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需要加1，并补零
  const day = String(date.getDate()).padStart(2, '0'); // 补零
  const hours = String(date.getHours()).padStart(2, '0'); // 补零（如果需要显示时间）
  const minutes = String(date.getMinutes()).padStart(2, '0'); // 补零（如果需要显示时间）
  const seconds = String(date.getSeconds()).padStart(2, '0'); // 补零（如果需要显示时间）
  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}
// 格式化后端时间并计算一周前的时间
const defaultTime = ref<[Date, Date]>([new Date(), new Date()]);
function parseAndSetTime() {
  const backendTime = new Date(getglobalDate);
  const oneWeekAgo = new Date(backendTime.getTime() - 7 * 24 * 60 * 60 * 1000); // 减去7天
  console.log(formatTimestamp(oneWeekAgo));
  console.log(oneWeekAgo);
  timeRange.value = [formatTimestamp(oneWeekAgo), formatTimestamp(backendTime)];
  window.localStorage.setItem('startTime', formatTimestamp(oneWeekAgo))
}
function getStatusTypeb(taskState: number) {
  switch (taskState) {
    case 0:
      return 'primary';
    case 1:
      return 'success';
    case 2:
      return 'info';
  }
}
function getStatusTextb(taskState: number) {
  switch (taskState) {
    case 0:
      return t('searchOrder.empty');
    case 1:
      return t('film.execution');
    case 2:
      return t('searchOrder.endtask');
  }
}
function getStatusTypea(taskRunning: number) {
  switch (taskRunning) {
    case 0:
      return 'primary';
    case 1:
      return 'success';
  }
}
function getStatusTexta(taskRunning: number) {
  switch (taskRunning) {
    case 0:
      return t('basicData.untask');
    case 1:
      return t('basicData.up');
  }
}
onMounted(() => {
  parseAndSetTime();
  historical();
});
</script>
<style scoped></style>

 hangzhoumesParent/common/servicebase/src/main/java/com/mes/damage/service/impl/DamageServiceImpl.java

@@ -55,8 +55,8 @@
    WorkAssignmentMapper workAssignmentMapper;


    //    private final static String ERP_URL = "http://192.168.2.100:8086";
    private final static String ERP_URL = "http://10.153.19.174:8086";
//        private final static String ERP_URL = "http://192.168.2.100:8086";
    private final static String ERP_URL = "http://10.153.19.26:8086";


    /**

 hangzhoumesParent/common/servicebase/src/main/java/com/mes/pp/controller/FlowCardController.java

@@ -1,9 +1,19 @@
package com.mes.pp.controller;


import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import com.mes.pp.service.FlowCardService;
import com.mes.utils.Result;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiOperation;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RestController;

import javax.annotation.Resource;

/**
 * <p>
@@ -13,9 +23,19 @@
 * @author wu
 * @since 2024-08-07
 */
@Api(tags = "流程卡")
@RestController
@RequestMapping("/flow_card/flow-card")
@RequestMapping("/flow_card")
public class FlowCardController {

    @Resource
    FlowCardService flowCardService;

    @ApiOperation("根据订单id查询流程卡进度")
    @PostMapping("/flowCardReportForms")
    public Result flowCardReportForms(String orderId) {
        return Result.build(200, "查询成功", flowCardService.flowCardReportForms(orderId));
    }

}


 hangzhoumesParent/common/servicebase/src/main/java/com/mes/pp/entity/dto/FlowCardDTO.java

@@ -53,6 +53,16 @@
    private Integer technologyNumber;

    /**
     * 订单序号
     */
    private Double width;

    /**
     * 层号
     */
    private Double height;

    /**
     * 订单数量
     */
    private Integer quantity;
@@ -75,7 +85,7 @@
    /**
     * 破损数量
     */
    private String broken_num;
    private String brokenNum;

    /**
     * 库存数量

 hangzhoumesParent/common/servicebase/src/main/java/com/mes/pp/mapper/FlowCardMapper.java

@@ -3,6 +3,7 @@
import com.baomidou.dynamic.datasource.annotation.DS;
import com.mes.pp.entity.FlowCard;
import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.mes.pp.entity.dto.FlowCardDTO;
import feign.Param;

import java.util.List;
@@ -10,7 +11,7 @@

/**
 * <p>
 *  Mapper 接口
 * Mapper 接口
 * </p>
 *
 * @author wu
@@ -19,9 +20,12 @@
@DS("pp")
public interface FlowCardMapper extends BaseMapper<FlowCard> {

    List<Map<String, Object>> selectProject(@Param("processId") String processId,@Param("technologyNumber") Integer technologyNumber);
    List<Map<String, Object>> selectProject(@Param("processId") String processId, @Param("technologyNumber") Integer technologyNumber);

    List<Map<String, Object>> selectFlowCard(@Param("processId") String processId,@Param("technologyNumber") Integer technologyNumber);
    List<Map<String, Object>> selectFlowCard(@Param("processId") String processId, @Param("technologyNumber") Integer technologyNumber);

    List<Map<String, Object>> selectLabel(@Param("processId") String processId,@Param("technologyNumber") Integer technologyNumber);
    List<Map<String, Object>> selectLabel(@Param("processId") String processId, @Param("technologyNumber") Integer technologyNumber);

    List<FlowCardDTO> flowCardReportForms(@Param("orderId") String orderId);

}

 hangzhoumesParent/common/servicebase/src/main/java/com/mes/pp/service/FlowCardService.java

@@ -2,6 +2,7 @@

import com.mes.pp.entity.FlowCard;
import com.baomidou.mybatisplus.extension.service.IService;
import com.mes.pp.entity.dto.FlowCardDTO;

import java.util.List;
import java.util.Map;
@@ -21,4 +22,6 @@
    List<Map<String, Object>> selectFlowCard(String processId, Integer technologyNumber);

    List<Map<String, Object>> selectLabel(String processId, Integer technologyNumber);

    List<FlowCardDTO> flowCardReportForms(String orderId);
}

 hangzhoumesParent/common/servicebase/src/main/java/com/mes/pp/service/impl/FlowCardServiceImpl.java

@@ -1,6 +1,7 @@
package com.mes.pp.service.impl;

import com.mes.pp.entity.FlowCard;
import com.mes.pp.entity.dto.FlowCardDTO;
import com.mes.pp.mapper.FlowCardMapper;
import com.mes.pp.service.FlowCardService;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
@@ -11,7 +12,7 @@

/**
 * <p>
 *  服务实现类
 * 服务实现类
 * </p>
 *
 * @author wu
@@ -21,17 +22,22 @@
public class FlowCardServiceImpl extends ServiceImpl<FlowCardMapper, FlowCard> implements FlowCardService {

    @Override
    public List<Map<String, Object>> selectProject(String processId, Integer technologyNumber){
        return baseMapper.selectProject(processId,technologyNumber);
    public List<Map<String, Object>> selectProject(String processId, Integer technologyNumber) {
        return baseMapper.selectProject(processId, technologyNumber);
    }

    @Override
    public List<Map<String, Object>> selectFlowCard(String processId, Integer technologyNumber){
    public List<Map<String, Object>> selectFlowCard(String processId, Integer technologyNumber) {
        return baseMapper.selectFlowCard(processId, technologyNumber);
    }

    @Override
    public List<Map<String, Object>> selectLabel(String processId, Integer technologyNumber){
    public List<Map<String, Object>> selectLabel(String processId, Integer technologyNumber) {
        return baseMapper.selectLabel(processId, technologyNumber);
    }

    @Override
    public List<FlowCardDTO> flowCardReportForms(String orderId) {
        return baseMapper.flowCardReportForms(orderId);
    }
}

 hangzhoumesParent/common/servicebase/src/main/resources/mapper/FlowCardMapper.xml

@@ -122,5 +122,66 @@
        group by od.order_number, od.width, od.height
    </select>

    <select id="flowCardReportForms" resultType="com.mes.pp.entity.dto.FlowCardDTO">
        select a.product_name,
               b.glass_child,
               d.order_type,
               concat(c.process_id, '/', c.technology_number)                   as process_id,
               c.order_number,
               c.technology_number,
               a.width,
               a.height,
               c.quantity,
               e.reportWorkQuantity,
               e.reportWorkQuantityCount,
               e.reportWorkTime,
               e.brokenNum ,
               ifnull(f.inventory, 0)                                           as inventory,
               round(ifnull(f.inventory, 0) * a.area, 2)                        as inventoryArea,
               ifnull(dd.quantity, 0)                                           as shippedQuantity,
               ifnull(JSON_UNQUOTE(JSON_EXTRACT(a.other_columns, '$.S01')), '') AS glassNumber
        from pp.flow_card as c
                 left join
             sd.order_detail as a
             on c.order_id = a.order_id
                 and c.order_number = a.order_number
                 left join sd.order_glass_detail as b
                           on c.order_id = b.order_id
                               and b.order_number = c.order_number
                               and c.technology_number = b.technology_number
                 left join sd.`order` as d
                           on c.order_id = d.order_id
                 left join mm.finished_goods_inventory as f
                           on c.order_id = f.order_id and f.order_number = c.order_number
                 left join sd.delivery_detail as dd on dd.order_id = a.order_id and dd.order_number = a.order_number
                 left join (SELECT process_id,
                                   order_number,
                                   technology_number,
                                   ifnull(sum(a.broken_num),0) as brokenNum,
                                   concat('{',
                                          GROUP_CONCAT(concat('"', process, '":"', reporting_work_num, '"')),
                                          '}'
                                       )             as reportWorkQuantity,
                                   concat('{',
                                          GROUP_CONCAT(concat('"', process, '":"', reporting_work_num_count, '"')),
                                          '}'
                                       )             as reportWorkQuantityCount,
                                   concat('{',
                                          GROUP_CONCAT(concat('"', process, '":"', '"')),
                                          '}'
                                       )             as reportWorkTime
                            FROM sd.order_process_detail as a
                            where a.order_id = #{orderId}
                            GROUP BY process_id, a.order_number, a.technology_number) as e
                           on e.process_id = c.process_id
                               and e.technology_number = c.technology_number
                               and e.order_number = c.order_number
        where a.order_id = #{orderId}
          and d.create_order > 0
        group by c.order_number,
                 c.technology_number,
                 c.process_id
        order by c.process_id, c.order_number, c.technology_number
    </select>

</mapper>

 hangzhoumesParent/moduleService/CacheGlassModule/src/main/java/com/mes/job/PushMessageToIndex.java

@@ -11,6 +11,7 @@
import com.mes.engineering.entity.Engineering;
import com.mes.engineering.service.EngineeringService;
import com.mes.largenscreen.entity.DailyProductionVO;
import com.mes.largenscreen.entity.DateRequest;
import com.mes.largenscreen.service.LargenScreenService;
import com.mes.opctask.entity.EdgStorageDeviceTaskHistory;
import com.mes.opctask.service.EdgStorageDeviceTaskHistoryService;
@@ -146,10 +147,10 @@
        }
    }

    @Scheduled(fixedDelay = 30000)
    @Scheduled(fixedDelay = 1000)
    public void querySameDayProductionTask() {
        JSONObject jsonObject = new JSONObject();
        DailyProductionVO productionVO = largenScreenService.querySameDayProduction(null);
        DailyProductionVO productionVO = largenScreenService.querySameDayProduction(new DateRequest());
        jsonObject.append("productionVO", productionVO);

        ArrayList<WebSocketServer> sendwServer = WebSocketServer.sessionMap.get("largenScreenProduction");

 hangzhoumesParent/moduleService/CacheVerticalGlassModule/src/test/java/com/mes/CacheVerticalGlassModuleApplicationTest.java

@@ -183,7 +183,7 @@
//        damageService.insertDamage(damage);
        Damage damage=damageService.getOne(
                new LambdaQueryWrapper<Damage>()
                .eq(Damage::getGlassId,"P24082703|1|80")
                .eq(Damage::getGlassId,"P24071503|12|4")
        );
        damageService.submitReport(damage);
    }

 hangzhoumesParent/moduleService/hollowGlassModule/src/main/java/com/mes/hollow/service/impl/HollowGlassRelationInfoServiceImpl.java

@@ -28,10 +28,7 @@
import org.springframework.stereotype.Service;

import javax.annotation.Resource;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.*;
import java.util.stream.Collectors;

/**
@@ -368,7 +365,11 @@
                        }
                ));
        List<FlowCardGlassInfoDTO> resultList = new ArrayList<>(result.values());
        return resultList;
        List<FlowCardGlassInfoDTO> sortedList = resultList.stream()
                .sorted(Comparator.comparing(FlowCardGlassInfoDTO::getRealCount).reversed()  // 第一个字段倒序
                        .thenComparing(FlowCardGlassInfoDTO::getSumCount, Comparator.reverseOrder()))  // 第二个字段倒序
                .collect(Collectors.toList());
        return sortedList;
    }

    @Override