| | |
|---|
| | | <template> |
|---|
| | | <div style="height: 500px;"> |
|---|
| | | <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;margin-right: 10px;height: 800px;" v-loading="loading"> |
|---|
| | | <div style="text-align: center;"> {{ $t('processCard.temperinglayout') }}：{{ ava }}-{{ avanum }} </div> |
|---|
| | | <el-scrollbar height="750px" width="1400px" style="background-color: #e9e9eb;"> |
|---|
| | | <div style="position: relative;"> |
|---|
| | | <div |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <script setup lang="ts"> |
|---|
| | | import {ElMessage} from 'element-plus' |
|---|
| | | import {avatarEmits, ElMessage} from 'element-plus' |
|---|
| | | import {onBeforeUnmount, computed, onMounted, onUnmounted, ref} from 'vue'; |
|---|
| | | import request from "@/utils/request" |
|---|
| | | import {host, WebSocketHost} from '@/utils/constants' |
|---|
| | |
|---|
| | | const blind = ref(false) |
|---|
| | | const currentGlassId = ref(null); |
|---|
| | | const adjustedRects = ref([]); |
|---|
| | | const ava = ref([]); |
|---|
| | | const avanum = ref([]); |
|---|
| | | let socket = null; |
|---|
| | | const currentGlassRect = computed(() => { |
|---|
| | | return adjustedRects.value.find(rect => rect.glassId === currentGlassId.value); |
|---|
| | |
|---|
| | | } |
|---|
| | | const socketUrl = `ws://${WebSocketHost}:${host}/api/cacheGlass/api/talk/currentCutDrawingOne`; |
|---|
| | | const handleMessage = (data: any) => { |
|---|
| | | if (data.engineer != null) { |
|---|
| | | ava.value = data.engineer[0] |
|---|
| | | } |
|---|
| | | if (data.engineer != null) { |
|---|
| | | avanum.value = data.sequence[0] |
|---|
| | | } |
|---|
| | | const scaleFactor = 1621.78 / 6000; |
|---|
| | | const scaleFactory = 750 / 3300; |
|---|
| | | if (data.currentCutTerritory && data.currentCutTerritory.length > 0) { |
|---|
