地图显示

Junjie

2023-07-27 fed17b9162273d70043f7d5e9061bc7afd17c6ef

地图显示

 src/main/java/com/zy/asrs/controller/ConsoleController.java

@@ -327,7 +327,7 @@
    @GetMapping("/map/resetMap/auth")
    @ManagerAuth
    public R resetMapToRedis() {
        for (int i = 1; i <= 4; i++) {//总共四层楼
        for (int i = 1; i <= 10; i++) {//总共10层楼
            BasMap basMap = basMapService.selectLatestMap(i);
            //载入地图
            NavigateMapData mapData = new NavigateMapData(i);

 src/main/java/com/zy/asrs/service/impl/MainServiceImpl.java

@@ -572,7 +572,7 @@
     * 初始化实时地图
     */
    public synchronized void initRealtimeBasMap() {
        for (int i = 1; i <= 4; i++) {//总共四层楼
        for (int i = 1; i <= 10; i++) {//总共四层楼
            Object data = redisUtil.get("realtimeBasMap_" + i);
            if (data == null) {//redis地图数据为空，从数据库中获取
                BasMap basMap = basMapService.selectLatestMap(i);

 src/main/webapp/static/css/console.css

@@ -420,9 +420,10 @@
/* ------------------ 货架总成 ------------------ */
.main-part {
    position: absolute;
    top: -150px;
    left: 50px;
    transform: scale(0.75);
    top: 100px;
    left: -150px;
    width: 2205px;
    scale: 0.7;
}
.main-part .lane {
    margin-top: 30px;
@@ -437,8 +438,11 @@
}

/* 库位组 */
.stock-group {
    width: 100%;
}
.stock-group .item {
    width: 70px;
    width: 35px;
    height: 35px;
    float: left;
    border-top: 1px solid rgb(194,76,65);

 src/main/webapp/views/console.html

@@ -23,16 +23,22 @@
                <button class="floorBtn  btn-16" onclick="changFloor(this,2)" style="margin-top: 200px">2F</button>
                <button class="floorBtn  btn-16" onclick="changFloor(this,3)" style="margin-top: 250px">3F</button>
                <button class="floorBtn  btn-16" onclick="changFloor(this,4)" style="margin-top: 300px">4F</button>
                <button class="floorBtn  btn-16" onclick="changFloor(this,5)" style="margin-top: 350px">5F</button>
                <button class="floorBtn  btn-16" onclick="changFloor(this,6)" style="margin-top: 400px">6F</button>
                <button class="floorBtn  btn-16" onclick="changFloor(this,7)" style="margin-top: 450px">7F</button>
                <button class="floorBtn  btn-16" onclick="changFloor(this,8)" style="margin-top: 500px">8F</button>
                <button class="floorBtn  btn-16" onclick="changFloor(this,9)" style="margin-top: 550px">9F</button>
                <button class="floorBtn  btn-16" onclick="changFloor(this,10)" style="margin-top: 600px">10F</button>
            </div>
<!--            <button class="floorBtn  btn-16" onclick="testMove()" style="margin-top: 350px;font-size: 14px;">测试移动车</button>-->
            <button class="floorBtn  btn-16" onclick="resetMap()" style="margin-top: 400px;font-size: 14px;">重置地图</button>
            <button class="floorBtn  btn-16" onclick="resetMap()" style="margin-top: 650px;font-size: 14px;">重置地图</button>
<!--            <button class="floorBtn  btn-16" onclick="testMove()" style="margin-top: 700px;font-size: 14px;">测试移动车</button>-->

        <!-- 货架 + 堆垛机 + 入库站点 -->
        <div class="main-part">
            <!-- 第一组 -->
            <div class="lane" id="mapDataId" style="margin-bottom: 280px">
        <div class="main-part" id="mapDataId">
<!--            &lt;!&ndash; 第一组 &ndash;&gt;-->
<!--            <div class="lane" id="mapDataId" style="margin-bottom: 280px">-->

            </div>
<!--            </div>-->
        </div>
    </main>
    <footer class="footer">
@@ -463,7 +469,7 @@
                $("#shuttle-status-box").empty()
                res.data.forEach((item,index) => {
                    let shuttleStatusClass = "shuttle-idle"
                    switch (item.status) {
                    switch (item.protocolStatus) {
                        case 1://空闲
                            shuttleStatusClass = "shuttle-idle";
                            break
@@ -490,7 +496,7 @@
                    }
                    let shuttleStatus = '<div class="state">' +
                        '<span>四向穿梭车 ' + item.shuttleNo + '</span>' +
                        '<span class="state-ss ' + shuttleStatusClass + '">' + item.status$ + '</span></div>';
                        '<span class="state-ss ' + shuttleStatusClass + '">' + item.protocolStatus$ + '</span></div>';
                    $("#shuttle-status-box").append(shuttleStatus)

                    if(item.locNoLev != currentLev){
@@ -508,7 +514,7 @@
    //计算四向穿梭车图标位置
    function getCarPosition(x,y) {
        let top = (x * 35 - 35) + "px" //需要减去小车自己所占高度
        let left = (y * 70 - 70) + "px" //需要减去小车自己所占宽度
        let left = (y * 35 - 35) + "px" //需要减去小车自己所占宽度
        return [top,left];
    }

@@ -552,6 +558,7 @@
            headers: {'token': localStorage.getItem('token')},
            success: (res) => {
                let data = res.data
                console.log(data)
                mapData = data
                let content = ""
                data.forEach((rowData,index) => {