diff --git a/src/views/modules/monitoring/equipmentEfficiency.vue b/src/views/modules/monitoring/equipmentEfficiency.vue index d022236..a843ce6 100644 --- a/src/views/modules/monitoring/equipmentEfficiency.vue +++ b/src/views/modules/monitoring/equipmentEfficiency.vue @@ -167,7 +167,8 @@ export default { } }, components: { - BaseTable, EquipmentEfficiencyGraph + BaseTable, + EquipmentEfficiencyGraph }, created() { @@ -298,6 +299,9 @@ export default { this.showGraph = true + console.clear() + console.log('inject data: ', injectData) + setTimeout(() => { // console.log('befoer graph: ', this.$refs.eegraph) this.$refs.eegraph.init(injectData) // 注入初始数据,这些数据在组件内部用作条件,有可能会被更改 @@ -336,24 +340,23 @@ export default { - \ No newline at end of file +.slide-to-left-enter-active, +.slide-to-left-leave-active { + transition: all 0.5s; +} + +.slide-to-left-enter { + transform: translateX(10px); + opacity: 0; +} + +.slide-to-left-leave-to { + transform: translateX(-10px); + opacity: 0; +} + +.slide-to-left-leave, +.slide-to-left-enter-to { + transform: translateX(0); +} + diff --git a/src/views/modules/monitoring/equipmentEfficiencyGraph.vue b/src/views/modules/monitoring/equipmentEfficiencyGraph.vue index 4894ca0..cb2b236 100644 --- a/src/views/modules/monitoring/equipmentEfficiencyGraph.vue +++ b/src/views/modules/monitoring/equipmentEfficiencyGraph.vue @@ -15,7 +15,7 @@ -
+
@@ -100,7 +100,7 @@ class EchartConfigs { setSeries(val) { this.series.splice(0) - if (Array.isArray(val)) { + if (Array.isArray(val) && this.series.length === 0) { this.series = val } else { console.error('setSeries() 只接受数组参数') @@ -127,7 +127,7 @@ export default { }, methods: { async initChart() { - this.config.setTitle(this.injectData.equipmentName + ' 时间区间走势') + this.config.setTitle(this.injectData.equipmentName + '时间区间走势') await this.getList() this.setLegend() }, @@ -149,15 +149,11 @@ export default { 无间隔: 1, 按月: 2, 按周: 3, - 按天: 4 + 按天: 4, + 按小时: 5 } return { - // current: 1, - // size: 999, - // ftId: this.injectData.factoryId , // 工厂id - // wsId: this.injectData.workSequenceId , // 工段id - // productlines: ['1409788336610934786'], // 产线ids, 这几项都暂时不需要 type: searchTypeMap[this.searchType], eqId: this.injectData.equipmentId, startTime: this.injectData.startTime, // '2022-06-14T00:00:00' @@ -166,18 +162,32 @@ export default { }, // getOEE - getOEE(params) {}, + getOEE(params) { + return this.$http({ + url: this.$http.adornUrl('/monitoring/eqAnalysis/oee'), + method: 'post', + data: params + }).then(({ data: res }) => { + if (!res.data || res.code === 500) { + this.dataList.splice(0) + this.$message.error(res.msg) + return { data: null } + } + return res.data + }) + }, getList() { const params = this.makeQuerys() // 发起请求 - return this.getOEE(params).then(res => { + return this.getOEE(params).then(datalist => { + console.log('getOEE res:', datalist) this.timeList.splice(0) this.rateList.splice(0) this.xAxis.splice(0) - if (res.data) { + if (datalist.length) { // 分流 - res.data.map(item => { + datalist.map(item => { const time = moment(item.time) if (this.searchType === '按月') { this.xAxis.push(`${time.year()}年${time.month() + 1}月`) @@ -264,8 +274,13 @@ export default { // 重新绘制图形 renderGraph() { - // console.log('latest config: ', this.config) - this.chart.setOption(this.config) + console.log('latest config: ', JSON.stringify(this.config)) + this.$nextTick(() => { + // this.chart.setOption(this.config) + this.chart.setOption(this.config, { + notMerge: true + }) + }) } } } @@ -273,8 +288,6 @@ export default {