#
whycq
2024-10-22 1a20af84298aff8bc36f582544866c166ca761c7
src/main/webapp/views/wcsmap/wcsmap.html
@@ -39,6 +39,7 @@
            style="position: absolute;top: 20px;right: 50px;background-color: #fff;height: 30px;width: 80px;text-align: center;line-height: 30px;border-radius: 4px;">
            <div>FPS:{{mapFps}}</div>
        </div>
    </div>
    </div>
</body>
@@ -53,15 +54,18 @@
        el: '#app',
        data: {
            mapFps: 0,
            floor: '1楼',
            sites: ['185', '186', '240', "250", "299"],
            conveyor: []
            currMap: null,
            conveyor: [],
        },
        created() {
            mapData
        },
        mounted() {
            this.createMapData()
            this.createMapData(mapData.conveyor)
            this.createMap()
            setInterval(() => {
@@ -70,9 +74,8 @@
        },
        methods: {
            createMapData() {
                this.conveyor = mapData.conveyor
                console.log(this.conveyor);
            createMapData(conveyor) {
                this.conveyor = conveyor
            },
            getSiteInfo() {
@@ -97,7 +100,7 @@
                                        // }
                                        if (site.siteStatus == 'site-auto-run-id') {
                                            // 自动+有物+ID
                                            conve.background = 0xFC3030
                                            // conve.background = 0xFC3030
                                        
                                        } else if (site.siteStatus == 'site-auto-run') {
                                            // 自动+有物
@@ -356,7 +359,7 @@
                    pixiApp.stage.addChild(text);
                }
                for (let k of mapData.conveyor) {
                for (let k of this.conveyor) {
                    let rectangle = new PIXI.Graphics();
                    rectangle.beginFill(k.background);
                    // rectangle.originColor = k.background;
@@ -370,7 +373,6 @@
                    rectangle.on('mouseover', onMouseOver)
                    function onMouseOver(event) {
                        rectangle.alpha = k.alpha ? k.alpha : 1
                        console.log(event);
                        // 创建内容框
                        let tooltip = new PIXI.Graphics();
                        tooltip.beginFill(0xFFFFFF); // 内容框背景颜色