diff --git a/src/views/3DOverview/components/LeftContentOrder.vue b/src/views/3DOverview/components/LeftContentOrder.vue index d6d4909..677a7ae 100644 --- a/src/views/3DOverview/components/LeftContentOrder.vue +++ b/src/views/3DOverview/components/LeftContentOrder.vue @@ -15,9 +15,6 @@ const ProcessCircle = { default: () => ({}) } }, - mounted() { - console.log('finished', this.injectData.finished) - }, methods: {}, render: function(h) { return h('el-progress', { @@ -29,7 +26,8 @@ const ProcessCircle = { percentage: this.injectData.finished, width: 14, 'stroke-width': 2, - color: '#47FF27' + color: '#47FF27', + 'define-back-color': '#6e6e6e' // 背景色 }, style: { color: 'blue' diff --git a/src/views/3DOverview/components/RightContentRealtimeProduction.vue b/src/views/3DOverview/components/RightContentRealtimeProduction.vue index d60cf22..a647828 100644 --- a/src/views/3DOverview/components/RightContentRealtimeProduction.vue +++ b/src/views/3DOverview/components/RightContentRealtimeProduction.vue @@ -187,7 +187,27 @@ export default { focus: 'series' }, data: dianliu, - symbol: 'none' + symbol: 'none', + areaStyle: { + color: { + type: 'linear', + x: 0, + y: 0, + x2: 0, + y2: 1, + colorStops: [ + { + offset: 0, + color: '#1A99FF66' // 0% 处的颜色 + }, + { + offset: 1, + color: 'transparent' // 100% 处的颜色 + } + ], + global: false // 缺省为 false + } + } }, { name: '产线2', @@ -198,7 +218,27 @@ export default { focus: 'series' }, data: dianya, - symbol: 'none' + symbol: 'none', + areaStyle: { + color: { + type: 'linear', + x: 0, + y: 0, + x2: 0, + y2: 1, + colorStops: [ + { + offset: 0, + color: '#F0D63C66' // 0% 处的颜色 + }, + { + offset: 1, + color: 'transparent' // 100% 处的颜色 + } + ], + global: false // 缺省为 false + } + } } ] }