| | |
| | | temperingGlassInfoList.value = data.temperingGlassInfoList[0]; |
| | | if (numBoxes3.value != temperingTaskType.value) { |
| | | numBoxes3.value = temperingTaskType.value; |
| | | // initBoxes(boxes3, numBoxes3, 'secondleft'); |
| | | initBoxes(boxes3, numBoxes3, 'secondleft'); |
| | | } |
| | | if (temperingGlassInfoList.value > 1) { |
| | | if (temperingGlassInfoList.value >= 1) { |
| | | if (numBoxes4.value != 1) { |
| | | numBoxes4.value = 1; |
| | | // initBoxes(boxes4, numBoxes4, 'right'); |
| | | initBoxes(boxes4, numBoxes4, 'right'); |
| | | } |
| | | } else { |
| | | if (numBoxes4.value != 0) { |
| | | numBoxes4.value = 0; |
| | | // initBoxes(boxes4, numBoxes4, 'right'); |
| | | initBoxes(boxes4, numBoxes4, 'right'); |
| | | } |
| | | |
| | | } |
| | |
| | | } |
| | | } |
| | | |
| | | const exportToExcel = async () => { |
| | | try { |
| | | window.open('http://192.168.0.39:10011/largenScreen/exportDailyProduction', '_blank'); |
| | | // const response = await request.get('/cacheGlass/largenScreen/exportDailyProduction'); |
| | | // if (response.code == 200) { |
| | | // ElMessage.success(response.message); |
| | | // tableDatad.value = response.data; |
| | | // } else { |
| | | // ElMessage.error(response.message); |
| | | // } |
| | | } |
| | | catch (error) { |
| | | console.error(error); |
| | | } |
| | | } |
| | | |
| | | const tableData = ref([]); |
| | | const dynamicColumns = ref([]); |
| | | const flowCardDetail = async (orderId) => { |
| | |
| | | closeWebSocket(socket5); |
| | | } |
| | | }); |
| | | const numBoxes = ref(1); |
| | | const numBoxes2 = ref(1); |
| | | const numBoxes3 = ref(1); |
| | | const numBoxes4 = ref(1); |
| | | const numBoxes = ref(0); |
| | | const numBoxes2 = ref(0); |
| | | const numBoxes3 = ref(0); |
| | | const numBoxes4 = ref(0); |
| | | const speed = 0.1; |
| | | const delayFrames = 600; |
| | | |
| | |
| | | }); |
| | | } else { |
| | | // 重置已有的 box 数据 |
| | | existing[i].x = 0; |
| | | existing[i].y = 0; |
| | | existing[i].direction = direction; |
| | | existing[i].delay = i * delayFrames; |
| | | existing[i].frameCount = 0; |
| | | // existing[i].x = 0; |
| | | // existing[i].y = 0; |
| | | // existing[i].direction = direction; |
| | | // existing[i].delay = i * delayFrames; |
| | | // existing[i].frameCount = 0; |
| | | } |
| | | } |
| | | if (existing.length > count) { |
| | |
| | | if (box.frameCount % 2 === 0 && box.el) { |
| | | box.el.style.top = `${box.y}px`; |
| | | if (box.x > 0) { |
| | | box.el.style.right = `${box.x}px`; |
| | | |
| | | if(box.direction=="right"){ |
| | | box.el.style.right = `-${box.x}px`; |
| | | |
| | | }else{ |
| | | box.el.style.right = `${box.x}px`; |
| | | } |
| | | box.el.style.left = ''; |
| | | } else { |
| | | box.el.style.left = `${box.x}px`; |
| | |
| | | <div style="width: 50%;"> |
| | | <div class="img-screen" alt="Screen"> |
| | | <div> |
| | | <el-button type="primary" style="top:40px;left:670px;position: absolute;" @click="handlehistorical11()">{{ |
| | | <el-button type="primary" style="top:40px;left:670px;position: absolute;" @click="exportToExcel()">{{ |
| | | $t('large.statistics') }}</el-button> |
| | | </div> |
| | | <!-- 钢化半透明色块 --> |
| | |
| | | <div class="clickable-area" @click="handlehistorical" |
| | | style="position: relative;width: 108px;height: 134px;top: 478px;left: 290px;"></div> |
| | | </div> |
| | | <div style="height: 190px;width: 100%;float: right;"> |
| | | <el-table height="190" ref="table" :data="orderDTOS" |
| | | <div style="height: 175px;width: 100%;float: right;"> |
| | | <el-table height="175" 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" /> |
| | | <el-table-column prop="customerName" align="center" :show-overflow-tooltip="true" |