| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | </div> |
| | | |
| | | <script src="../../components/WatchCrnCard.js"></script> |
| | | <script src="../../components/DevpCard.js"></script> |
| | | <script src="../../components/MapSettingCard.js"></script> |
| | | <script> |
| | | var app = new Vue({ |
| | |
| | | }, |
| | | mapSettingParam: { |
| | | zoom: 70 |
| | | }, |
| | | devpParam: { |
| | | stationId: 0 |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | 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() { |
| | |
| | | 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; |
| | |
| | | }, |
| | | openCrn(id) { |
| | | this.crnParam.crnNo = id; |
| | | this.activateCard = 'crn'; |
| | | }, |
| | | openRgv(id) { |
| | | this.rgvWindow = true; //打开RGV信息弹窗 |
| | |
| | | }) |
| | | }, |
| | | 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) { |
| | |
| | | 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 |
| | | }) |
| | |
| | | } |
| | | |
| | | 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') { |
| | |
| | | |
| | | 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 |
| | | } |
| | |
| | | |
| | | let position = [] |
| | | that.rgvPosition.forEach((item) => { |
| | | if (item.id == rgvs[i].rgvId) { |
| | | if (item.id == rgvs[i].rgvNo) { |
| | | item.trackSiteNo = trackSiteNo |
| | | } |
| | | position.push(item) |
| | |
| | | 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) |