#
Junjie
2025-11-19 5fb7dae61f9d6c38c37014cf27f28107c6f52e74
src/main/webapp/views/watch/console.html
@@ -21,7 +21,9 @@
                  <el-tab-pane label="堆垛机" name="crn">
                     <watch-crn-card :param="crnParam"></watch-crn-card>
                  </el-tab-pane>
                  <el-tab-pane label="输送线" name="devp">输送线</el-tab-pane>
                  <el-tab-pane label="输送站" name="devp">
                     <devp-card :param="devpParam"></devp-card>
                  </el-tab-pane>
                  <el-tab-pane label="RGV" name="rgv">RGV</el-tab-pane>
                  <el-tab-pane label="地图配置" name="mapSetting">
                     <map-setting-card :param="mapSettingParam"></map-setting-card>
@@ -45,7 +47,7 @@
                           <div class="shelf">{{col.shelfIdx}}</div>
                        </div>
                        <div v-else-if="col.type == 'devp'">
                           <div class="site" :style="{height: col.rowPx}" :id="'site-' + col.value" @click="openSite(col.value)">{{col.value}}</div>
                           <div class="site" :style="{height: col.rowPx}" :id="'site-' + getStationId(col.value)" @click="openSite(getStationId(col.value))">{{getStationId(col.value)}}</div>
                        </div>
                        <div v-else-if="col.type == 'rgv'" style="position: relative;">
                           <div class="rgv-item" v-if="getDeviceNo(col.value) != -1" :style="{width: col.width}" :id="'rgv-' + getDeviceNo(col.value)" @click="openRgv(getDeviceNo(col.value))">{{getDeviceNo(col.value)}}</div>
@@ -71,6 +73,7 @@
      </div>
      <script src="../../components/WatchCrnCard.js"></script>
      <script src="../../components/DevpCard.js"></script>
      <script src="../../components/MapSettingCard.js"></script>
      <script>
         var app = new Vue({
@@ -88,6 +91,9 @@
               },
               mapSettingParam: {
                  zoom: 70
               },
               devpParam: {
                  stationId: 0
               }
            },
            created() {
@@ -101,11 +107,11 @@
                  this.getMap()
                  this.getSystemRunningStatus() //获取系统运行状态
                  // this.consoleInterval = setInterval(() => {
                  //    this.getCrnInfo() //获取堆垛机数据
                  //    this.getSiteInfo() //获取输送站点数据
                  //    this.getRgvInfo() //获取RGV数据
                  // }, 1000)
                  this.consoleInterval = setInterval(() => {
                     this.getCrnInfo() //获取堆垛机数据
                     this.getSiteInfo() //获取输送站点数据
                     this.getRgvInfo() //获取RGV数据
                  }, 1000)
               },
               //获取地图数据
               getMap() {
@@ -113,7 +119,10 @@
                  let colPx = 35;
                  $.ajax({
                     url: "./test.json",
                     url: baseUrl + "/basMap/lev/1/auth",
                     headers: {
                        'token': localStorage.getItem('token')
                     },
                     method: "get",
                     success: (res) => {
                        let data = res.data;
@@ -138,6 +147,7 @@
               },
               openCrn(id) {
                  this.crnParam.crnNo = id;
                  this.activateCard = 'crn';
               },
               openRgv(id) {
                  this.rgvWindow = true; //打开RGV信息弹窗
@@ -166,47 +176,25 @@
                  })
               },
               openSite(id) {
                  this.siteWindow = true; //打开站点信息弹窗
                  $(".detailed").empty();
                  $('.detailed').append(id + '站点详细信息');
                  $.ajax({
                     url: baseUrl + "/console/site/detail",
                     headers: {
                        'token': localStorage.getItem('token')
                     },
                     data: {
                        siteId: id
                     },
                     method: 'post',
                     success: function(res) {
                        for (var val in res.data) {
                           var find = $("#siteWindow").find(":input[name='" + val + "']");
                           if (find[0].type === 'text') {
                              find.val(res.data[val]);
                           } else if (find[0].type === 'checkbox') {
                              find.attr("checked", res.data[val] === 'Y');
                           }
                        }
                     }
                  })
                  this.devpParam.stationId = id;
                  this.activateCard = 'devp';
               },
               getSiteInfo() {
                  //获取输送站点数据
                  $.ajax({
                     url: baseUrl + "/console/latest/data/site",
                     url: baseUrl + "/console/latest/data/station",
                     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 + "]");
                              var siteEl = $("#site-"+sites[i].stationId);
                              siteEl.attr("class", "site " + sites[i].stationStatus);
                              if (sites[i].taskNo != null && sites[i].taskNo>0) {
                                 siteEl.html(sites[i].stationId + "[" + sites[i].taskNo + "]");
                              } else {
                                 siteEl.html(sites[i].siteId);
                                 siteEl.html(sites[i].stationId);
                              }
                           }
                        } else if (res.code === 403) {
@@ -293,9 +281,9 @@
                           if (that.rgvPosition.length == 0) {
                              let position = []
                              for (var i = 0; i < rgvs.length; i++) {
                                 var rgvEl = $("#rgv-" + rgvs[i].rgvId);
                                 var rgvEl = $("#rgv-" + rgvs[i].rgvNo);
                                 position.push({
                                    id: rgvs[i].rgvId,
                                    id: rgvs[i].rgvNo,
                                    trackSiteNo: rgvs[i].trackSiteNo,
                                    initLeft: rgvEl.offset().left
                                 })
@@ -305,7 +293,7 @@
                           }
                           for (var i = 0; i < rgvs.length; i++) {
                              var rgvEl = $("#rgv-" + rgvs[i].rgvId);
                              var rgvEl = $("#rgv-" + rgvs[i].rgvNo);
                              if (rgvs[i].rgvStatus == 'IDLE') {
                                 rgvEl.attr("class", "rgv-item");
                              }else if (rgvs[i].rgvStatus == 'WORKING') {
@@ -317,7 +305,7 @@
                              let flag = false;
                              that.rgvPosition.forEach((item) => {
                                 if (item.id == rgvs[i].rgvId) {
                                 if (item.id == rgvs[i].rgvNo) {
                                    if (item.trackSiteNo != trackSiteNo) {
                                       flag = true
                                    }
@@ -339,7 +327,7 @@
                                 let position = []
                                 that.rgvPosition.forEach((item) => {
                                    if (item.id == rgvs[i].rgvId) {
                                    if (item.id == rgvs[i].rgvNo) {
                                       item.trackSiteNo = trackSiteNo
                                    }
                                    position.push(item)
@@ -454,6 +442,17 @@
                     return -1;
                  }
               },
               getStationId(obj) {
                  if (this.isJson(obj)) {
                     let data = JSON.parse(obj)
                     if (data.stationId == null || data.stationId == undefined) {
                        return -1;
                     }
                     return data.stationId;
                  }else {
                     return -1;
                  }
               },
               getTrackSiteNo(obj) {
                  if (this.isJson(obj)) {
                     let data = JSON.parse(obj)