#

Junjie

2023-09-19 8254197b29064846c3eafc916e340b74434fde6a

 src/main/webapp/views/console.html

@@ -31,19 +31,19 @@
                     </div>
                     <div v-else-if="col.value == 4">
                        <!-- 站点 -->
                        <div class="site" @click="openSite(col.data)">{{col.data}}</div>
                        <div class="site" :id="'site-' + col.data" @click="openSite(col.data)">{{col.data}}</div>
                     </div>
                     <div v-else-if="col.value == 5">
                        <!-- 充电桩 -->
                        <div class="item" style="font-size: 24px">&#9889;</div>
                     </div>
                     <div v-else-if="col.value < 0">
                        <!-- 禁止显示区域 -->
                        <div class="item" style="visibility: hidden">{{idx}}</div>
                     </div>
                     <div v-else-if="col.value == -999">
                        <!-- 路径占用区域 -->
                        <div class="item" style="background:#f83333;color: #fff;">{{idx}}</div>
                     </div>
                     <div v-else-if="col.value < 0">
                        <!-- 禁止显示区域 -->
                        <div class="item" style="visibility: hidden">{{idx}}</div>
                     </div>
                     <div v-else>
                        <div class="item" v-if="col.data.length > 0">{{col.data}}</div>
@@ -77,6 +77,7 @@
               </div>
               <div>
                  <el-button @click="testMove()">测试移动车</el-button>
                  <el-button @click="resetMap()">重置地图</el-button>
               </div>
            </div>
         </div>
@@ -354,6 +355,8 @@
                  this.consoleInterval = setInterval(() => {
                     this.getShuttleStateInfo() //获取四向穿梭车信息
                     this.getLiftStateInfo() //获取提升机信息
                     this.getSiteInfo() //获取输送站点数据
                     this.getMap(this.currentLev) //获取实时地图数据
                  }, 1000)
               },
               //获取地图数据
@@ -370,6 +373,7 @@
                        for (let i = 1; i < data.length - 1; i++) {
                           tmp.push(data[i])
                        }
                        console.log(tmp)
                        this.map = tmp
                     }
                  })
@@ -399,6 +403,32 @@
                     }

                  })
               },
               getSiteInfo() {
                  //获取输送站点数据
                  $.ajax({
                     url: baseUrl+ "/console/latest/data/site",
                     headers: {'token': localStorage.getItem('token')},
                     method: 'POST',
                     success: function (res) {
                        if (res.code === 200){
                           var sites = res.data;
                           for (var i = 0; i < sites.length; i++){
                              var siteEl = $("#site-"+sites[i].siteId);
                              siteEl.attr("class", "site " + sites[i].siteStatus);
                              if (sites[i].workNo != null && sites[i].workNo>0) {
                                 siteEl.html(sites[i].siteId + "[" + sites[i].workNo + "]");
                              } else {
                                 siteEl.html(sites[i].siteId);
                              }
                           }
                        } else if (res.code === 403){
                           parent.location.href = baseUrl+"/login";
                        }  else {
                           console.log(res.msg);
                        }
                     }
                  });
               },
               changFloor(lev) {
                  this.currentLev = lev
@@ -611,6 +641,24 @@
                     }
                  }
                  return data;//返回小车号集合
               },
               resetMap() {
                  //重置地图
                  let that = this
                  $.ajax({
                     url:baseUrl+"/console/map/resetMap/auth",
                     headers:{
                        'token': localStorage.getItem('token')
                     },
                     data:{},
                     method:'get',
                     success:function (res) {
                        that.$message({
                           message: '重置完成',
                           type: 'success'
                        });
                     }
                  })
               }
            }
         })