#

Junjie

2024-09-07 8eba3203511d8edbc5ee04aa82eceeaa3e38f889

 zy-asrs-admin/src/components/loc/map/index.vue

@@ -1,11 +1,12 @@
<script setup>
import { ref, onMounted, watch } from 'vue';
import { useRouter } from "vue-router";
import { get, post, postBlob } from '@/utils/request.js'
import { message, Modal } from 'ant-design-vue';
import { logout } from '@/config.js';
import { formatMessage } from '@/utils/localeUtils.js';
import LocDetlShowView from '@/components/locDetl/show.vue';
import {
    CompressOutlined,
} from "@ant-design/icons-vue";
import * as PIXI from 'pixi.js'

let width = 25;
@@ -91,6 +92,7 @@

    // 创建一个容器来管理大批量的显示对象
    objectsContainer = new PIXI.Container();

    pixiApp.stage.addChild(objectsContainer);

    //*******************拖动画布*******************
@@ -207,6 +209,13 @@
    pixiApp.stage.position.set(containerWidth, containerHeight);
}

function containerAppViewCenter() {
    //视角居中
    let containerWidth = (pixiApp.view.width - objectsContainer.width) / 2;
    let containerHeight = (pixiApp.view.height - objectsContainer.height) / 2;
    pixiApp.stage.position.set(containerWidth, containerHeight);
}

function openLocDrawer(x, y, loc, e) {
    drawer.value = true;
    drawerLocData.value = loc;
@@ -313,6 +322,13 @@
            <a-button @click="drawerOper = true">操作</a-button>
        </div>

        <!--输出操作和FPS-->
        <div style="position: absolute;bottom: 20px;left: 20px;user-select: none;">
            <a-button type="dashed" @click="containerAppViewCenter">
                <CompressOutlined />
            </a-button>
        </div>

        <div>
            <a-drawer v-model:open="drawer" placement="right" style="background: #f3f3f3;">
                <div style="margin-top: 10px;">
@@ -328,7 +344,8 @@
                            <div>{{ formatMessage('locMap.batch', '批号') }}：{{ item.batch }}</div>
                            <div>{{ formatMessage('locMap.orderNo', '单据编号') }}：{{ item.orderNo }}</div>
                            <div>{{ formatMessage('locMap.anfme', '数量') }}：{{ item.anfme }}</div>
                            <div v-for="(field, index) in item.dynamicFieldsList" :key="index">{{ formatMessage('locMap.' + field.key, field.desc) }}：{{ field.value }}</div>
                            <div v-for="(field, index) in item.dynamicFieldsList" :key="index">{{
                                formatMessage('locMap.' + field.key, field.desc) }}：{{ field.value }}</div>
                        </a-card>
                    </div>
                </div>