ZengTao
2025-03-17 f87f14a9aea395831edb8fb2e709ceaf274aa632
UI-Project/src/views/largescreendisplay/screendisplay.vue
@@ -1,16 +1,17 @@
<script setup>
import { onBeforeUnmount, onMounted, onUnmounted, reactive, ref } from "vue";
import { useRouter } from "vue-router"
import { host, WebSocketHost } from '@/utils/constants'
import {onBeforeUnmount, onMounted, onUnmounted, ref} from "vue";
import {useRouter} from "vue-router"
import {host, WebSocketHost} from '@/utils/constants'
import request from "@/utils/request"
import { closeWebSocket, initializeWebSocket } from '@/utils/WebSocketService';
import {closeWebSocket, initializeWebSocket} from '@/utils/WebSocketService';
import dayjs from 'dayjs';
import { ElMessage, ElMessageBox } from 'element-plus'
import { useI18n } from 'vue-i18n'
import {ElMessage} from 'element-plus'
import {useI18n} from 'vue-i18n'
const router = useRouter()
const blinda = ref(false)
const blindb = ref(false)
const { t } = useI18n()
const {t} = useI18n()
let language = ref(localStorage.getItem('lang') || 'zh')
let socket = null;
const rawGlassStorageDetailList = ref([])
@@ -224,7 +225,7 @@
      style: {
        width: '15px',
        height: '15px',
        backgroundColor: i % 2 === 0 ? '#911005' : 'blue',
        backgroundColor: i % 2 === 0 ? '#911005' : '#911005',
        position: 'absolute',
        transform: `translate(0px, 0px)`
      }
@@ -242,7 +243,7 @@
      style: {
        width: '15px',
        height: '15px',
        backgroundColor: i % 2 === 0 ? '#911005' : 'blue',
        backgroundColor: i % 2 === 0 ? '#911005' : '#911005',
        position: 'absolute',
        transform: `translate(0px, 0px)`
      }
@@ -260,7 +261,7 @@
      style: {
        width: '15px',
        height: '15px',
        backgroundColor: i % 2 === 0 ? '#911005' : 'blue',
        backgroundColor: i % 2 === 0 ? '#911005' : '#911005',
        position: 'absolute',
        transform: `translate(0px, 0px)`
      }
@@ -446,22 +447,23 @@
      <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"
    <div style="height: 190px;width: 88%;float: right;position: absolute;" @click="handlehistorical9">
      <el-table height="100" 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="totalAreaOutTwo" align="center" :label="$t('large.totalAreaOutTwo')" min-width="50" />
        <el-table-column prop="countIn" align="center" :label="$t('large.countIn')" min-width="50" />
        <el-table-column prop="totalAreaIn" align="center" :label="$t('large.totalAreaIn')" min-width="50" />
        <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 prop="hollowTotalAreaOutTwo" align="center" :label="$t('large.hollowTotalAreaOutTwo')"
                         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;"
@@ -561,7 +563,7 @@
    </div>
    <!-- 订单情况 -->
    <div style="height: 190px;width: 48%;float: right;">
      <div>
      <!-- <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>
@@ -570,7 +572,7 @@
        <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>
      </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" />
@@ -620,8 +622,8 @@
  <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="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="processId" fixed align="center" :label="$t('large.processId')" min-width="150" />
      <el-table-column prop="glassChild" align="center" :label="$t('large.productname')" min-width="150" />
      <el-table-column prop="orderNumber" align="center" :label="$t('large.serialnumber')" 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" />