| | |
| | | <title>环形穿梭车智能系统</title> |
| | | <link rel="stylesheet" href="../static/css/element.css"> |
| | | <link rel="stylesheet" href="../static/css/indexHCDD.css"> |
| | | <link rel="stylesheet" href="../static/css/indexHCDDXKD.css"> |
| | | <link rel="stylesheet" href="../static/css/element-ui.css"> |
| | | <link rel="icon" href="../static/images/favicon.ico" type="image/x-icon"> |
| | | <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script> |
| | |
| | | <div class="particles-container" id="particles-container"></div> |
| | | </div> |
| | | <div id="app"> |
| | | |
| | | <!-- 新增的许可证横幅,放在 header 之后,app 之前 --> |
| | | <div v-if="licenseDayI <= 30" |
| | | :class="['license-banner', licenseDayI <= 0 ? 'expired' : licenseDayI <= 7 ? 'urgent' : 'warning']" |
| | | style="z-index: 9999;"> |
| | | <div class="license-content"> |
| | | <i :class="licenseDayI <= 0 ? 'el-icon-error' : licenseDayI <= 7 ? 'el-icon-warning' : 'el-icon-info'"></i> |
| | | <span class="license-text">{{ licenseDay }}</span> |
| | | <span v-if="licenseDayI > 0" class="license-days">{{ licenseDayI }} 天</span> |
| | | </div> |
| | | </div> |
| | | <div class="map"> |
| | | <div class="system-control-panel"> |
| | | <div class="system-status"> |
| | |
| | | this.getValueSystem() |
| | | this.getLicenseDays() |
| | | |
| | | // 高频更新:小车和设备位置(1秒) |
| | | // 高频更新:小车和设备位置(1.5秒) |
| | | setInterval(() => { |
| | | this.getTableDataRgv() |
| | | this.getTableDataDev() |
| | | }, 1000) |
| | | |
| | | // 高频更新:实时任务列表等(2秒) |
| | | setInterval(() => { |
| | | this.getTableDataLeft() |
| | | this.getTableDataRight() |
| | | }, 1500) |
| | | }, 2000) |
| | | |
| | | // 低频更新:任务列表等(5秒) |
| | | // 高频更新:实时站点信息等(3秒) |
| | | setInterval(() => { |
| | | this.getTableDataDev() |
| | | }, 3000) |
| | | |
| | | // 低频更新:任务列表等(10秒) |
| | | setInterval(() => { |
| | | this.getTableDataLeft1() |
| | | this.getTableDataRight1() |
| | |
| | | this.getLicenseDays() |
| | | }, 30000) |
| | | |
| | | // 低频更新:许可证信息(30秒) |
| | | // 静态低频更新:PLC(1小时) |
| | | setInterval(() => { |
| | | this.getTableDataTrack() |
| | | }, 60*60*1000) |