From 6751d283289bd10d2ad97ddff65de64046d89c6b Mon Sep 17 00:00:00 2001 From: Junjie <fallin.jie@qq.com> Date: 星期五, 26 五月 2023 14:39:28 +0800 Subject: [PATCH] 地图显示行号 --- src/main/webapp/views/home/map.html | 71 ++++++++++++++++++++++------------- 1 files changed, 45 insertions(+), 26 deletions(-) diff --git a/src/main/webapp/views/home/map.html b/src/main/webapp/views/home/map.html index af9e317..79345ee 100644 --- a/src/main/webapp/views/home/map.html +++ b/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 -- Gitblit v1.9.1