地图显示行号

Junjie

2023-05-26 6751d283289bd10d2ad97ddff65de64046d89c6b

地图显示行号

 src/main/webapp/views/home/map.html

@@ -99,28 +99,28 @@
            position: relative;
        }

        .crnBox{
            width: 120px;
            height: 40px;
            background: url("../../static/image/Crane_manual.png") no-repeat;
            position: absolute;
            top: -25px;
            left: -120px;
            transition:left 2s;
            cursor: pointer;
        }
        /*.crnBox{*/
        /*    width: 120px;*/
        /*    height: 40px;*/
        /*    background: url("../../static/image/Crane_manual.png") no-repeat;*/
        /*    position: absolute;*/
        /*    top: -25px;*/
        /*    left: -120px;*/
        /*    transition:left 2s;*/
        /*    cursor: pointer;*/
        /*}*/

        .carBox{
            width: 40px;
            height: 40px;
            background: url("../../static/image/ste/car.png") no-repeat;
            background-size: 100% 100%;
            position: absolute;
            top: 0;
            left: 0;
            transition:left 2s;
            cursor: pointer;
        }
        /*.carBox{*/
        /*    width: 40px;*/
        /*    height: 40px;*/
        /*    background: url("../../static/image/ste/car.png") no-repeat;*/
        /*    background-size: 100% 100%;*/
        /*    position: absolute;*/
        /*    top: 0;*/
        /*    left: 0;*/
        /*    transition:left 2s;*/
        /*    cursor: pointer;*/
        /*}*/

        .popBox {
            position: absolute;
@@ -441,6 +441,11 @@

                    </div>
                </div>

                <div style="width: 40px;display: flex;justify-content: center;align-items: center;">
                    {{ getRealRowByX(index) }}
                </div>

            </div>
        </div>
    </div>
@@ -566,11 +571,11 @@
                    <div style="margin-top: 5px;">
                        <button class="layui-btn layui-btn-sm" @click="openLocDetail(map[mapI][mapJ].locNo)">库位详情</button>
                    </div>
                    <div style="margin-top: 5px;">
                        <button v-if="map[mapI][mapJ].locSts == 'F'" class="layui-btn layui-btn-sm" @click="locMove(map[mapI][mapJ].locNo)">库位移转</button>
                        <button v-else-if="map[mapI][mapJ].locSts == 'D'" class="layui-btn layui-btn-sm" @click="locMove(map[mapI][mapJ].locNo)">库位移转</button>
                        <button v-else class="layui-btn layui-btn-sm layui-btn-disabled" disabled>库位移转</button>
                    </div>
<!--                    <div style="margin-top: 5px;">-->
<!--                        <button v-if="map[mapI][mapJ].locSts == 'F'" class="layui-btn layui-btn-sm" @click="locMove(map[mapI][mapJ].locNo)">库位移转</button>-->
<!--                        <button v-else-if="map[mapI][mapJ].locSts == 'D'" class="layui-btn layui-btn-sm" @click="locMove(map[mapI][mapJ].locNo)">库位移转</button>-->
<!--                        <button v-else class="layui-btn layui-btn-sm layui-btn-disabled" disabled>库位移转</button>-->
<!--                    </div>-->
                </div>
            </div>
        </div>
@@ -695,6 +700,20 @@
                this.map = data
                this.printData()
            },
            getRealRowByX(x) {
                //获取真实库位行号，通过坐标x
                let data = this.map
                let rowData = data[x]
                for (var i = 1; i < rowData.length; i++) {
                    console.log(rowData[i],rowData[i].locNo,rowData[i].locNo != undefined)
                    if (rowData[i].locNo != undefined) {
                        let locNo = rowData[i].locNo;
                        return "#" + parseInt(locNo.substr(0, 2));
                    }
                }

                return "";
            },
            rightEvent(x, y, e) {
                this.rightBox = true
                this.mapI = x