| | |
| | | <save-dialog v-if="dialog.save" ref="saveDialog" @success="addfeedbackSuccess" :workstationId="lastLevelId" @closed="dialog.save=false"></save-dialog> |
| | | </template> |
| | | <script> |
| | | import moment from 'moment' |
| | | import * as echarts from 'echarts'; |
| | | import saveDialog from './add-station-status' |
| | | export default { |
| | |
| | | }, |
| | | xAxis: { |
| | | type: 'category', |
| | | data: ['00:00:00', '02:00:00', '04:00:00', '06:00:00', '08:00:00', '10:00:00', '12:00:00', '14:00:00', '18:00:00'], |
| | | data: [], |
| | | }, |
| | | yAxis: { |
| | | type: 'category', |
| | |
| | | item.value = 0; |
| | | }) |
| | | this.wcsOptionLog.series[0].data = res.data; |
| | | //计算时间 |
| | | var startOfDay = moment().startOf('day'); //00:00:00 |
| | | var now = moment(); //当前时间 |
| | | var diffInMilliseconds = now.diff(startOfDay); //时间差 |
| | | var diffInHours = Math.floor(diffInMilliseconds / (1000 * 60 * 60)); //时间差转换成小时 |
| | | //分割 |
| | | var everTime = Math.ceil(diffInHours/8); |
| | | var arrData = []; |
| | | for(var i=0;i<=diffInHours;i+=everTime) { |
| | | if(i<=10) { |
| | | var num = '0' + i; |
| | | }else { |
| | | var num = i; |
| | | } |
| | | arrData.push(num + ':00:00'); |
| | | } |
| | | //计算时间结束 |
| | | this.wcsOptionLog.xAxis.data = [...arrData,moment().format("HH:mm:ss")]; |
| | | myChart.setOption(this.wcsOptionLog); |
| | | } |
| | | }) |
| | |
| | | this.$HTTP.get(`/api/blade-cps/workstation/get-dmp-variables?machineId=${machineId}&workstationId=${lastLevelId}`).then(res=> { |
| | | if(res.code == 200) { |
| | | this.dmpList = res.data; |
| | | console.log(this.dmpList,1) |
| | | } |
| | | }) |
| | | }, |
| | |
| | | position: absolute; |
| | | right: 10px; |
| | | top: -2px; |
| | | color: #3b8e8e; |
| | | color: #409eff; |
| | | cursor: pointer; |
| | | } |
| | | .status-wrap.align-left, .status-wrap:first-child { |
| | |
| | | justify-content: start; |
| | | } |
| | | .collect-status { |
| | | color: #3b8e8e; |
| | | color: #409eff; |
| | | margin-right: 16px; |
| | | font-size: 14px; |
| | | } |
| | |
| | | flex-wrap: wrap; |
| | | } |
| | | .status-wrap /deep/ .el-checkbox.el-checkbox--large { |
| | | color: #3b8e8e; |
| | | color: #409eff; |
| | | } |
| | | </style> |