#

whycq

2024-10-17 f6b64c46a1a9b5c2c900ae5d5b7906537701f447

 src/main/webapp/views/wcsmap/wcsmap.html

@@ -76,6 +76,7 @@

            },
            getSiteInfo() {
                let _this = this
                $.ajax({
                    url: baseUrl + "/console/latest/data/site",
                    headers: { 'token': localStorage.getItem('token') },
@@ -87,8 +88,13 @@
                                // updateColor(item, item.originColor);
                                for (let site of sites) {
                                    if (site.siteId == item.title) {
                                        var conve = this.conveyor.find(con => con.title == site.siteId)
                                        
                                        var conve = _this.conveyor.find(con => con.title == site.siteId)
                                        // var conve;
                                        // for (let cc of this.conveyor) {
                                        //     if (cc.title == site.siteId) {
                                        //         conve = cc
                                        //     }
                                        // }
                                        if (site.siteStatus == 'site-auto-run-id') {
                                            // 自动+有物+ID
                                            conve.background = 0xFC3030
@@ -109,7 +115,7 @@
                                            // 非自动/手动
                                            conve.background = 0xB8B8B8
                                        }
                                        this.updateColor(item, conve)
                                        _this.updateColor(item, conve)
                                    }
                                }
                                // for (let k of this.sites) {
@@ -287,7 +293,44 @@
                    text.resolution = pixiApp.renderer.resolution;
                    pixiApp.stage.addChild(text);
                }

                let track = mapData.track
                for (let j in track) {
                    let k = track[j]
                    let x = k.x
                    for (let i = 0; i < k.anfme; i++) {
                        let rectangle = new PIXI.Graphics();
                        rectangle.beginFill(0xa6a6a6);
                        // rectangle.lineStyle(1, 0xffffff);
                        rectangle.drawRect(0, 0, k.unitX - 1, k.unitY - 1);
                        rectangle.y = k.y + 6 * i;
                        rectangle.x = x;
                        objectsContainer.addChild(rectangle);
                    }
                }
                for (let k of mapData.jar) {
                    let rectangle = new PIXI.Graphics();
                    rectangle.beginFill(k.background);
                    rectangle.originColor = k.background;
                    rectangle.drawRect(0, 0, k.width, k.height);
                    rectangle.x = k.x;
                    rectangle.y = k.y;
                    objectsContainer.addChild(rectangle);
                    var hel = `${k.title}`
                    var text = new PIXI.Text(hel, {
                        fontFamily: 'Arial',
                        fontSize: 18,
                        fill: '#FFFFFF', // 白色
                        align: 'center',
                    })
                    text.x = k.titleX;
                    text.y = k.titleY;
                    // pixiApp.stage.addChild(text)
                    // let text = new PIXI.Text('Hello!', { fontFamily: 'Arial', fontSize: 20, fill: 0x000000 ,resolution: pixiApp.renderer.resolution,antialias: true});
                    // text.x = 1000;
                    // text.y = 2000;
                    text.resolution = pixiApp.renderer.resolution;
                    pixiApp.stage.addChild(text);
                }
                for (let k of mapData.legend) {
                    let rectangle = new PIXI.Graphics();
                    rectangle.beginFill(k.background);