自动化立体仓库 - WMS系统
#
whycq
2024-03-05 8a1c1d170ef812d2424be61ad3b22cbc655aaebc
src/main/webapp/views/home/map_realtime.html
@@ -381,7 +381,7 @@
</head>
<body>
<div id="app" style="display: flex;justify-content: space-around;margin-top: 50px;flex-wrap: wrap;" @click="bgClick()">
    <div style="flex: 12;display: flex;" :style="{scale:showScale/100.0,marginTop:(showScale-100)*0.7 + 'px'}">
    <div style="flex: 18;display: flex;justify-content: center;" :style="{zoom:showScale/100.0,marginTop:(showScale)*4 + 'px'}">
        <div style="margin-top: -110px;">
            <div class="pointContainer" v-for="(x,index) in map" :key="index">
                <div v-if="index != 0 && (index != map.length-1)" v-for="(y,idx) in x" :key="idx">
@@ -423,8 +423,12 @@
            </div>
        </div>
        <div>
            <div style="margin-top: 20px;"><button class="layui-btn" @click="resetMap">重置地图</button></div>
        </div>
    </div>
    <div style="padding: 40px 20px 10px 10px;flex: 5;margin-top: -70px;">
    <div style="padding: 40px 20px 10px 10px;" :style="window.innerWidth < 2000 ? 'margin-top: 0px;' : 'flex: 5;margin-top: -70px;'">
        <el-slider v-model="showScale" :marks="showScaleMarks"></el-slider>
        <div style="display: flex;justify-content: space-between;flex-wrap: wrap;">
            <div class="hoverCard">
@@ -475,6 +479,18 @@
                            <input id="03" type="radio" v-model="currentLev" name="r" value="3">
                            <label for="04">4F</label>
                            <input id="04" type="radio" v-model="currentLev" name="r" value="4">
                            <label for="05">5F</label>
                            <input id="05" type="radio" v-model="currentLev" name="r" value="5">
                            <label for="06">6F</label>
                            <input id="06" type="radio" v-model="currentLev" name="r" value="6">
                            <label for="07">7F</label>
                            <input id="07" type="radio" v-model="currentLev" name="r" value="7">
                            <label for="08">8F</label>
                            <input id="08" type="radio" v-model="currentLev" name="r" value="8">
                            <label for="09">9F</label>
                            <input id="09" type="radio" v-model="currentLev" name="r" value="9">
                            <label for="10">10F</label>
                            <input id="10" type="radio" v-model="currentLev" name="r" value="10">
                        </div>
                    </div>
                </div>
@@ -548,7 +564,7 @@
            searchLocNo: "",
            outSite: null,
            outSites: null,
            showScale: 80, //控制地图显示大小比例
            showScale: 65, //控制地图显示大小比例
            showScaleMarks: {//比例滑动条显示标记
                0: "0%",
                50: {
@@ -1114,6 +1130,29 @@
                    }
                })
            },
            resetMap() {
                let that = this
                $.ajax({
                    url: baseUrl + "/map/resetMap/" + this.currentLev + "/auth",
                    headers: {'token': localStorage.getItem('token')},
                    dataType: 'json',
                    data: {},
                    method: 'GET',
                    success: function (res) {
                        if (res.code === 200) {
                            that.currentLev++;
                            if (that.currentLev > 4) {
                                that.currentLev = 1
                            }
                            $layui.layer.msg("操作成功");
                        } else if (res.code === 403) {
                            top.location.href = baseUrl + "/";
                        } else {
                            $layui.layer.msg(res.msg);
                        }
                    }
                })
            },
        }
    })