| | |
|---|
| | | <!-- |
|---|
| | | * @Date: 2024-04-18 21:52:18 |
|---|
| | | * @LastEditors: lzhe lzhe@example.com |
|---|
| | | * @LastEditTime: 2024-11-12 20:39:04 |
|---|
| | | * @LastEditors: 李喆(开发组) lzhe@yxqiche.com |
|---|
| | | * @LastEditTime: 2025-11-18 16:54:41 |
|---|
| | | * @FilePath: /cps-web/src/views/mdc/components/StationLiveSpeed.vue |
|---|
| | | --> |
|---|
| | | <template> |
|---|
| | |
|---|
| | | <div class="dataHr">加工数据</div> |
|---|
| | | <el-row :gutter="20" style="padding-right: 12px;padding-left: 12px;"> |
|---|
| | | <!-- 主轴负载(SpindleLoad),主轴倍率(SpindleRate),进给倍率(FeedRate) 不在这里展示 --> |
|---|
| | | <el-col :span="12" v-for="item in dmpList" style="margin-bottom: 12px;" |
|---|
| | | v-show="item.dpName != 'SpindleLoad' && item.dpName != 'SpindleRate' && item.dpName != 'FeedRate'"> |
|---|
| | | <el-col :span="12" v-for="item in dmpList" style="margin-bottom: 12px;"> |
|---|
| | | <!-- v-show="item.dpName.toLowerCase() != 'spindleload' && item.dpName.toLowerCase() != 'spindlerate' && item.dpName.toLowerCase() != 'feedrate'" --> |
|---|
| | | <div> |
|---|
| | | <div class="inlineDiv">{{ item.dpLabel }}</div> |
|---|
| | | <el-input v-model="item.codeName" :disabled="true" class="inlineInput" |
|---|
| | |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | query() { |
|---|
| | | // if(this.dmpList.length == 0) return; |
|---|
| | | // var a,b,c; |
|---|
| | | // this.dmpList.forEach(item=> { |
|---|
| | | // if(item.dpName == "SpindleLoad") { |
|---|
| | | // a = item.codeName; |
|---|
| | | // }else if(item.dpName == "SpindleRate") { |
|---|
| | | // b = item.codeName; |
|---|
| | | // }else if(item.dpName == "FeedRate") { |
|---|
| | | // c = item.codeName; |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | // this.showCharts(a,b,c); |
|---|
| | | if(this.dmpList.length == 0) return; |
|---|
| | | var a,b,c; |
|---|
| | | this.dmpList.forEach(item=> { |
|---|
| | | if(item.dpName.toLowerCase() == "spindleload") { |
|---|
| | | a = item.codeName; |
|---|
| | | }else if(item.dpName.toLowerCase() == "spindlerate") { |
|---|
| | | b = item.codeName; |
|---|
| | | }else if(item.dpName.toLowerCase() == "feedrate") { |
|---|
| | | c = item.codeName; |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | this.showCharts(a,b,c); |
|---|
| | | }, |
|---|
| | | showCharts(a, b, c) { |
|---|
| | | var myChartA = echarts.init(this.$refs.c); |
|---|
| | |
|---|
| | | var optionC = JSON.parse(JSON.stringify(this.option)); |
|---|
| | | optionA.graphic.style.text = ['主轴负载' + a + '%',].join('\n'); |
|---|
| | | optionB.graphic.style.text = ['主轴倍率' + b + '%',].join('\n'); |
|---|
| | | optionC.graphic.style.text = ['给进倍率' + c + '%',].join('\n'); |
|---|
| | | optionC.graphic.style.text = ['进给倍率' + c + '%',].join('\n'); |
|---|
| | | optionA.series[0].data = [{ value: a }]; |
|---|
| | | optionB.series[0].data = [{ value: b }]; |
|---|
| | | optionC.series[0].data = [{ value: c }]; |
|---|
