| | |
| | | </el-tab-pane> |
| | | <el-tab-pane label="输送线" name="devp">输送线</el-tab-pane> |
| | | <el-tab-pane label="RGV" name="rgv">RGV</el-tab-pane> |
| | | <el-tab-pane label="地图配置" name="mapSetting">地图配置</el-tab-pane> |
| | | <el-tab-pane label="地图配置" name="mapSetting"> |
| | | <map-setting-card :param="mapSettingParam"></map-setting-card> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | <div id="mapDataId" style="zoom: 0.6;position: relative;"> |
| | | <div id="mapDataId" style="position: relative;" :style="{zoom: mapSettingParam.zoom / 100}"> |
| | | <table class="excel-table"> |
| | | <tr v-for="(row,index) in map" :key="index"> |
| | | <td |
| | |
| | | </div> |
| | | |
| | | <script src="../../components/WatchCrnCard.js"></script> |
| | | <script src="../../components/MapSettingCard.js"></script> |
| | | <script> |
| | | var app = new Vue({ |
| | | el: '#app', |
| | |
| | | activateCard: 'crn', |
| | | crnParam: { |
| | | crnNo: 0 |
| | | }, |
| | | mapSettingParam: { |
| | | zoom: 70 |
| | | } |
| | | }, |
| | | 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() { |