| | |
|---|
| | | :height="rack.item.height" |
|---|
| | | :fill="rack.item.fillColor" |
|---|
| | | /> |
|---|
| | | <text :x="rack.x + rack.width / 2" :y="rack.y - 10" text-anchor="middle">{{ index + 4 }}号工位</text> |
|---|
| | | <text :x="rack.x + rack.width / 2" :y="rack.y - 10" text-anchor="middle">{{ index + 4 }}{{ $t('reportWork.workstation') }}</text> |
|---|
| | | <text :x="rack.x + rack.width / 2" :y="rack.y + rack.height + 20" text-anchor="middle">{{ rack.item.content }}</text> |
|---|
| | | </g> |
|---|
| | | </g> |
|---|
| | |
|---|
| | | <script setup> |
|---|
| | | import { ref, watchEffect ,onMounted} from 'vue'; |
|---|
| | | |
|---|
| | | import { useI18n } from 'vue-i18n' |
|---|
| | | const { t } = useI18n() |
|---|
| | | let language = ref(localStorage.getItem('lang') || 'zh') |
|---|
| | | import Swal from 'sweetalert2' |
|---|
| | | import request from "@/utils/request"; |
|---|
| | | import { initializeWebSocket } from '@/utils/WebSocketService'; |
|---|
| | | import { WebSocketHost } from '@/utils/constants'; |
|---|
| | | import { WebSocketHost ,host} from '@/utils/constants' |
|---|
| | | const racks = ref([ |
|---|
| | | { x: 50, y: 100, height: 100, width: 60, fillColor: '#6a6da9', item: { height: 90, width: 10, fillColor: 'yellow', content: 'NG123456' } }, |
|---|
| | | |
|---|
| | | { x: 280, y: 100, height: 100, width: 60, fillColor: '#6a6da9', item: { height: 90, width: 10, fillColor: 'yellow', content: 'NG12345678' } }, |
|---|
| | | |
|---|
| | | { x: 140, y: 420, height: 60, width: 110, fillColor: '#6a6da9', item: { height: 20, width: 100, fillColor: 'yellow', content: 'NG1234561454' } } |
|---|
| | | { x: 140, y: 320, height: 60, width: 110, fillColor: '#6a6da9', item: { height: 20, width: 100, fillColor: 'yellow', content: 'NG1234561454' } } |
|---|
| | | |
|---|
| | | ]); |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const socketUrl = `ws://${WebSocketHost}:88/api/unLoadGlass/api/talk/unloadglass3`; |
|---|
| | | const socketUrl = `ws://${WebSocketHost}:${host}/api/unLoadGlass/api/talk/unloadglass3`; |
|---|
| | | // 定义消息处理函数，更新 receivedData 变量 |
|---|
| | | const handleMessage = (data) => { |
|---|
| | | |
|---|
| | |
|---|
| | | tableContent += '</table>'; |
|---|
| | | |
|---|
| | | Swal.fire({ |
|---|
| | | title: '玻璃信息', |
|---|
| | | title: "$t('reportWork.glassinformation')", |
|---|
| | | // title: '玻璃信息', |
|---|
| | | html: tableContent, |
|---|
| | | customClass: { |
|---|
| | | popup: 'format-pre' |
|---|
