From 18e4df43f79f51539474b2918544a9d2d4c5c4e0 Mon Sep 17 00:00:00 2001 From: wangfei <3597712270@qq.com> Date: 星期三, 13 十一月 2024 15:43:52 +0800 Subject: [PATCH] 前端页面适配 --- UI-Project/src/views/UnLoadGlass/loadmachinerack.vue | 68 +++++++++++++++------------------ 1 files changed, 31 insertions(+), 37 deletions(-) diff --git a/UI-Project/src/views/UnLoadGlass/loadmachinerack.vue b/UI-Project/src/views/UnLoadGlass/loadmachinerack.vue index 618e73c..a5b99a4 100644 --- a/UI-Project/src/views/UnLoadGlass/loadmachinerack.vue +++ b/UI-Project/src/views/UnLoadGlass/loadmachinerack.vue @@ -1,18 +1,14 @@ <script setup> -import { onBeforeUnmount, onMounted, onUnmounted, reactive, ref } from "vue"; -import { useRouter } from "vue-router" -import { useI18n } from 'vue-i18n' -import { ElMessage } from 'element-plus' +import {onBeforeUnmount, onMounted, onUnmounted, reactive, ref} from "vue"; +import {useRouter} from "vue-router" +import {useI18n} from 'vue-i18n' +import {ElMessage} from 'element-plus' import request from "@/utils/request"; -import { closeWebSocket, initializeWebSocket } from '@/utils/WebSocketService'; -import { host, WebSocketHost } from '@/utils/constants' -import PrintFlow from "@/views/UnLoadGlass/PrintFlow.vue"; -import Landingindication from "./Landingindication.vue"; -import Landingindicationtwo from "./Landingindicationtwo.vue"; -import PrintLabel from "@/views/UnLoadGlass/PrintCustomLabelSemi1.vue"; - +import {closeWebSocket, initializeWebSocket} from '@/utils/WebSocketService'; +import {host, WebSocketHost} from '@/utils/constants' + const router = useRouter() -const { t } = useI18n() +const {t} = useI18n() let language = ref(localStorage.getItem('lang') || 'zh') const printLoading = ref(true) const fullFlowCard = ref('') @@ -434,27 +430,26 @@ body.removeChild(style); }, 20); } - - - - + + // beforeUnmount(() => { // closeWebSocket(); // }); // setInterval(fetchTableData, 2000) </script> <template> - <div> - <el-button style="margin-top: 10px;margin-left: 10px;margin-bottom: 10px;" id="searchButton" type="primary" - @click="dialogFormVisibleaDownGlass = true">{{ $t('reportWork.details') }} - </el-button> - <el-button style="margin-top: 10px;margin-left: 10px;margin-bottom: 10px;" id="searchButton" type="primary" - @click="dialogFormVisibleaDownGlasss = true">{{ $t('reportWork.filming') }} - </el-button> - <el-switch style="margin-top: 10px;margin-left: 15px;margin-bottom: 10px;" v-model="autoPrint" class="mb-2" - :inactive-text="$t('basicData.printing')" @change="handleChange" /> - <el-card style="flex: 1;" v-loading="loading"> - <el-card style="flex: 1;margin-left: 4px;margin-top: 1px;" v-loading="loading"> + <div style="height: 500px;"> + <div> + <el-button style="margin-top: 10px;margin-left: 10px;margin-bottom: 10px;" id="searchButton" type="primary" + @click="dialogFormVisibleaDownGlass = true">{{ $t('reportWork.details') }} + </el-button> + <el-button style="margin-top: 10px;margin-left: 10px;margin-bottom: 10px;" id="searchButton" type="primary" + @click="dialogFormVisibleaDownGlasss = true">{{ $t('reportWork.filming') }} + </el-button> + <el-switch style="margin-top: 10px;margin-left: 15px;margin-bottom: 10px;" v-model="autoPrint" class="mb-2" + :inactive-text="$t('basicData.printing')" @change="handleChange"/> + <el-card style="flex: 1;" v-loading="loading"> + <el-card style="flex: 1;margin-left: 4px;margin-top: 1px;" v-loading="loading"> <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;"> <el-table height="350px" ref="table" @selection-change="handleSelectionChange" :data="tableData" :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129' }"> @@ -586,7 +581,6 @@ </el-card> </div> - <el-dialog v-model="dialogFormVisiblea" top="21vh" width="40%" :title="$t('reportWork.bindingshelves')"> <div style="margin-left: 50px;margin-top: 10px;margin-bottom: 10px;"> <el-form size="mini" label-width="100px"> @@ -623,15 +617,15 @@ </div> </template> </el-dialog> - - <el-dialog id="sizePrintCalrd" v-model="dialogTableVisible" destroy-on-close> - <print-flow id="child" :printFlowCardId="printFlowCardId" :printLayer="printLayer" - style="width: 100%;height: 100%" /> - </el-dialog> - <el-dialog id="sizePrintCalrd1" v-model="dialogTableVisible1" destroy-on-close> - <print-label id="printFlowCard" :printFlowCardId="printFlowCardId" :printLayer="printLayer" :printGlassId="printGlassId" style="" /> - </el-dialog> - + <el-dialog id="sizePrintCalrd" v-model="dialogTableVisible" destroy-on-close> + <print-flow id="child" :printFlowCardId="printFlowCardId" :printLayer="printLayer" + style="width: 100%;height: 100%"/> + </el-dialog> + <el-dialog id="sizePrintCalrd1" v-model="dialogTableVisible1" destroy-on-close> + <print-label id="printFlowCard" :printFlowCardId="printFlowCardId" :printLayer="printLayer" + :printGlassId="printGlassId" style=""/> + </el-dialog> + </div> </template> <style scoped> #dt { -- Gitblit v1.8.0