| | |
| | | <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([]) |
| | |
| | | style: { |
| | | width: '15px', |
| | | height: '15px', |
| | | backgroundColor: i % 2 === 0 ? '#911005' : 'blue', |
| | | backgroundColor: i % 2 === 0 ? '#911005' : '#911005', |
| | | position: 'absolute', |
| | | transform: `translate(0px, 0px)` |
| | | } |
| | |
| | | style: { |
| | | width: '15px', |
| | | height: '15px', |
| | | backgroundColor: i % 2 === 0 ? '#911005' : 'blue', |
| | | backgroundColor: i % 2 === 0 ? '#911005' : '#911005', |
| | | position: 'absolute', |
| | | transform: `translate(0px, 0px)` |
| | | } |
| | |
| | | style: { |
| | | width: '15px', |
| | | height: '15px', |
| | | backgroundColor: i % 2 === 0 ? '#911005' : 'blue', |
| | | backgroundColor: i % 2 === 0 ? '#911005' : '#911005', |
| | | position: 'absolute', |
| | | transform: `translate(0px, 0px)` |
| | | } |
| | |
| | | </el-dialog> |
| | | <!-- 生产统计 --> |
| | | <div style="height: 190px;width: 88%;float: right;position: absolute;" @click="handlehistorical9"> |
| | | <el-table height="700" ref="table" :data="productionVO" |
| | | <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="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;" |
| | |
| | | <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" /> |