{{
+ planNum.toString().split('').concat(['0', '0', '0', '0']).slice(0, 4).join('')
+ }}
+
+ {{ practicalNum.toString().split('').concat(['0', '0', '0', '0']).slice(0, 4).join('') }}
+
+ {{ (practicalNum - planNum).toString().split('').concat(['0', '0', '0', '0']).slice(0, 4).join('') }}
+
{{ i }}
@@ -461,6 +468,7 @@ import vueSeamlessScroll from "vue-seamless-scroll";
import Chart from "../../../components/board/Chart";
import * as echarts from 'echarts'
import {getData} from "@/api/board/getData";
+import {mixData} from "@/api/board/mixData";
export default {
components: {
@@ -471,9 +479,8 @@ export default {
data() {
return {
show: true,
- planNum: 1000,
- practicalNum: 1000,
- differenceValue: 1000,
+ planNum: 0,
+ practicalNum: 0,
title: [
'生产计划',
'生产统计',
@@ -521,483 +528,1074 @@ export default {
scrollTableData: [],
scrollTableData1: [],
scrollTableData2: [],
- }
- },
- mounted() {
- let timeInter = setInterval(() => {
- this.show = !this.show
- }, 30 * 1000)
- getData().then(e => {
- this.scrollTableData = e.table2
- this.scrollTableData1 = e.table3.slice(0,6)
- this.scrollTableData2 = e.table32.slice(0,6)
- this.$refs.chart1.setData({
- tooltip: {
- trigger: "axis",
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
- },
+
+ RequestDataSet: [
+ {
+ e: 'fp-1-01',
+ i: "",
+ f: (e) => {
+ this.planNum = e
+ }
},
- grid: {
- left: "0",
- right: "4%",
- bottom: "0",
- top: 35,
- containLabel: true,
+ {
+ e: 'fp-1-02',
+ i: "",
+ f: (e) => {
+ this.practicalNum = e
+ }
+ },
+ {
+ e: 'fp-1-03',
+ i: "",
+ f: (e) => {
+ this.scrollTableData = e
+ }
+ },
+ {
+ e: 'fp-1-04',
+ i: "",
+ f: (e) => {
+ this.$refs.chart2.setData({
+ tooltip: {
+ trigger: "axis",
+ axisPointer: {
+ // 坐标轴指示器,坐标轴触发有效
+ type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
+ },
+ },
+ grid: {
+ left: "0",
+ right: "4%",
+ bottom: 0,
+ top: 20,
+ containLabel: true,
+ },
+ xAxis: {
+ type: "category",
+ data: e.x,
+ axisLine: {
+ lineStyle: {
+ color: "white",
+ },
+ },
+ axisLabel: {
+ interval: 0,
+ // rotate: 40,
+ textStyle: {
+ fontFamily: "Microsoft YaHei",
+ },
+ },
+ },
+
+ yAxis: {
+ type: "value",
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: "white",
+ },
+ },
+ splitLine: {
+ show: false,
+ },
+ axisLabel: {},
+ },
+ series: [
+ {
+ name: e.y.name,
+ type: "bar",
+ barWidth: "40%",
+ label: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#49d9ff",
+ },
+ },
+ itemStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ {
+ offset: 0,
+ color: "#47cbfd",
+ },
+ {
+ offset: 1,
+ color: "#3e8aff",
+ },
+ ]),
+ borderRadius: 3,
+ },
+ },
+ data: e.y.data,
+ },
+ ],
+ })
+ }
},
- legend: {
- data: e.chart5.y.map(val => val.name),
- right: 'center',
- top: 0,
- textStyle: {
- color: "#fff",
- },
- itemWidth: 12,
- itemHeight: 10,
- // itemGap: 35
+ {
+ e: 'fp-1-05',
+ i: "SCADA_INV_STATS_01('')",
+ f: (e) => {
+ getData().then(val => {
+ this.scrollTableData1 = val.table3.slice(0, 6)
+ this.scrollTableData2 = val.table3.slice(6, 12)
+ })
+ }
},
- xAxis: {
- type: "category",
- data: e.chart5.x,
- axisLine: {
- lineStyle: {
- color: "white",
- },
- },
- axisLabel: {
- // interval: 0,
- // rotate: 40,
- textStyle: {
- fontFamily: "Microsoft YaHei",
- },
- },
+ {
+ e: 'fp-1-06',
+ i: "",
+ f: (e) => {
+ this.$refs.chart1.setData({
+ tooltip: {
+ trigger: "axis",
+ axisPointer: {
+ // 坐标轴指示器,坐标轴触发有效
+ type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
+ },
+ },
+ grid: {
+ left: "0",
+ right: "4%",
+ bottom: "0",
+ top: 35,
+ containLabel: true,
+ },
+ legend: {
+ data: e.y.map(val => val.name),
+ right: 'center',
+ top: 0,
+ textStyle: {
+ color: "#fff",
+ },
+ itemWidth: 12,
+ itemHeight: 10,
+ // itemGap: 35
+ },
+ xAxis: {
+ type: "category",
+ data: e.x,
+ axisLine: {
+ lineStyle: {
+ color: "white",
+ },
+ },
+ axisLabel: {
+ // interval: 0,
+ // rotate: 40,
+ textStyle: {
+ fontFamily: "Microsoft YaHei",
+ },
+ },
+ },
+
+ yAxis: {
+ type: "value",
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: "white",
+ },
+ },
+ splitLine: {
+ show: false,
+ },
+ axisLabel: {},
+ },
+ series: [
+ {
+ name: e.y[0].name,
+ type: "bar",
+ barWidth: "30%",
+ label: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#49d9ff",
+ },
+ },
+ itemStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ {
+ offset: 0,
+ color: "#39ffff",
+ },
+ {
+ offset: 1,
+ color: "#f5804d",
+ },
+ ]),
+ borderRadius: 2,
+ },
+ },
+ data: e.y[0].data,
+ },
+ {
+ name: e.y[1].name,
+ type: "bar",
+ barWidth: "30%",
+ barGap: '40%',
+ label: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#49d9ff",
+ },
+ },
+ itemStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ {
+ offset: 0,
+ color: "#47cbfd",
+ },
+ {
+ offset: 1,
+ color: "#3e8aff",
+ },
+ ]),
+ borderRadius: 2,
+ },
+ },
+ data: e.y[1].data,
+ },
+ ],
+ })
+ }
},
+ {
+ e: 'fp-1-07',
+ i: "",
+ f: (e) => {
+ this.$refs.chart3.setData({
+ legend: {
+ data: e.y.map(val => val.name),
+ right: 'center',
+ top: 0,
+ textStyle: {
+ color: "#fff",
+ },
+ itemWidth: 12,
+ itemHeight: 10,
+ // itemGap: 35
+ },
+ tooltip: {
+ trigger: "axis",
+ axisPointer: {
+ lineStyle: {
+ color: {
+ type: "linear",
+ x: 0,
+ y: 0,
+ x2: 0,
+ y2: 1,
+ colorStops: [
+ {
+ offset: 0,
+ color: "rgba(0, 255, 233,0)",
+ },
+ {
+ offset: 0.5,
+ color: "rgba(255, 255, 255,1)",
+ },
+ {
+ offset: 1,
+ color: "rgba(0, 255, 233,0)",
+ },
+ ],
+ global: false,
+ },
+ },
+ },
+ },
+ grid: {
+ top: "15%",
+ left: 40,
+ right: "5%",
+ bottom: "15%",
+ // containLabel: true
+ },
+ xAxis: [
+ {
+ show: false,
+ type: "category",
+ axisLine: {
+ show: true,
+ },
+ splitArea: {
+ // show: true,
+ color: "#f00",
+ lineStyle: {
+ color: "#f00",
+ },
+ },
+ axisLabel: {
+ color: "#fff",
+ },
+ splitLine: {
+ show: false,
+ },
+ boundaryGap: false,
+ data: e.x,
+ },
+ ],
+
+ yAxis: [
+ {
+ type: "value",
+ min: 18,
+ max: 24,
+ splitNumber: 4,
+ splitLine: {
+ show: true,
+ lineStyle: {
+ color: "rgba(255,255,255,0.1)",
+ },
+ },
+ axisLine: {
+ show: true,
+ },
+ axisLabel: {
+ show: true,
+ margin: 20,
+ textStyle: {
+ color: "#d1e6eb",
+ },
+ },
+ axisTick: {
+ show: true,
+ },
+ },
+ ],
+ series: [
+ {
+ name: e.y[0].name,
+ type: "line",
+ showAllSymbol: true,
+ symbol: "circle",
+ symbolSize: 5,
+ lineStyle: {
+ normal: {
+ color: "#49d9ff",
+ },
+ },
+ label: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#49d9ff",
+ },
+ },
+ itemStyle: {
+ color: "#49d9ff",
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(
+ 0,
+ 0,
+ 0,
+ 1,
+ [
+ {
+ offset: 0,
+ color: "rgba(108,80,243,0.3)",
+ },
+ {
+ offset: 1,
+ color: "rgba(108,80,243,0)",
+ },
+ ],
+ false
+ ),
+ shadowColor: "rgba(108,80,243, 0.9)",
+ shadowBlur: 20,
+ },
+ },
+ data: e.y[0].data,
+ },
+ {
+ name: e.y[1].name,
+ type: "line",
+ // smooth: true, //是否平滑
+ showAllSymbol: true,
+ // symbol: 'image://./static/images/guang-circle.png',
+ symbol: "circle",
+ symbolSize: 5,
+ lineStyle: {
+ normal: {
+ color: "#668e84",
+ },
+ },
+ label: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#668e84",
+ },
+ },
- yAxis: {
- type: "value",
- axisLine: {
- show: false,
- lineStyle: {
- color: "white",
- },
- },
- splitLine: {
- show: false,
- },
- axisLabel: {},
+ itemStyle: {
+ color: "#00ca95",
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(
+ 0,
+ 0,
+ 0,
+ 1,
+ [
+ {
+ offset: 0,
+ color: "rgba(0,202,149,0.3)",
+ },
+ {
+ offset: 1,
+ color: "rgba(0,202,149,0)",
+ },
+ ],
+ false
+ ),
+ shadowColor: "rgba(0,202,149, 0.9)",
+ shadowBlur: 20,
+ },
+ },
+ data: e.y[1].data,
+ },
+ ],
+ })
+ }
},
- series: [
- {
- name: e.chart5.y[0].name,
- type: "bar",
- barWidth: "30%",
- label: {
- show: true,
- position: "top",
- textStyle: {
- color: "#49d9ff",
+ {
+ e: 'fp-1-08',
+ i: "",
+ f: (e) => {
+ this.$refs.chart4.setData({
+ tooltip: {
+ trigger: "axis",
+ axisPointer: {
+ // 坐标轴指示器,坐标轴触发有效
+ type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
+ },
},
- },
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: "#39ffff",
- },
- {
- offset: 1,
- color: "#f5804d",
- },
- ]),
- borderRadius: 2,
+ grid: {
+ left: "0",
+ right: "4%",
+ bottom: "0",
+ top: "10%",
+ containLabel: true,
},
- },
- data: e.chart5.y[0].data,
- },
- {
- name: e.chart5.y[1].name,
- type: "bar",
- barWidth: "30%",
- barGap: '40%',
- label: {
- show: true,
- position: "top",
- textStyle: {
- color: "#49d9ff",
+ xAxis: {
+ type: "category",
+ data: e.x,
+ axisLine: {
+ lineStyle: {
+ color: "white",
+ },
+ },
+ axisLabel: {
+ // interval: 0,
+ // rotate: 40,
+ textStyle: {
+ fontFamily: "Microsoft YaHei",
+ },
+ },
},
- },
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: "#47cbfd",
- },
- {
- offset: 1,
- color: "#3e8aff",
- },
- ]),
- borderRadius: 2,
+
+ yAxis: {
+ type: "value",
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: "white",
+ },
+ },
+ splitLine: {
+ show: false,
+ },
+ axisLabel: {},
},
- },
- data: e.chart5.y[1].data,
- },
- ],
- })
- this.$refs.chart2.setData({
- tooltip: {
- trigger: "axis",
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
- },
+ series: [
+ {
+ name: e.y.name,
+ type: "bar",
+ barWidth: "33%",
+ label: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#49d9ff",
+ },
+ },
+ itemStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ {
+ offset: 0,
+ color: "#39ffff",
+ },
+ {
+ offset: 1,
+ color: "#f5804d",
+ },
+ ]),
+ borderRadius: 2,
+ },
+ },
+ data: e.y.data,
+ },
+ ],
+ })
+ }
},
- grid: {
- left: "0",
- right: "4%",
- bottom: 0,
- top: 20,
- containLabel: true,
+ ],
+ RequestDataSet1: [
+ {
+ e: 'fp-2-01',
+ i: "",
+ f: (e) => {
+ this.planNum = e
+ }
},
- xAxis: {
- type: "category",
- data: e.chart3.x,
- axisLine: {
- lineStyle: {
- color: "white",
- },
- },
- axisLabel: {
- interval: 0,
- // rotate: 40,
- textStyle: {
- fontFamily: "Microsoft YaHei",
- },
- },
+ {
+ e: 'fp-2-02',
+ i: "",
+ f: (e) => {
+ this.practicalNum = e
+ }
},
-
- yAxis: {
- type: "value",
- axisLine: {
- show: false,
- lineStyle: {
- color: "white",
- },
- },
- splitLine: {
- show: false,
- },
- axisLabel: {},
+ {
+ e: 'fp-2-03',
+ i: "",
+ f: (e) => {
+ this.scrollTableData = e
+ }
},
- series: [
- {
- name: e.chart3.y.name,
- type: "bar",
- barWidth: "40%",
- label: {
- show: true,
- position: "top",
- textStyle: {
- color: "#49d9ff",
+ {
+ e: 'fp-2-04',
+ i: "",
+ f: (e) => {
+ this.$refs.chart2.setData({
+ tooltip: {
+ trigger: "axis",
+ axisPointer: {
+ // 坐标轴指示器,坐标轴触发有效
+ type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
+ },
},
- },
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: "#47cbfd",
- },
- {
- offset: 1,
- color: "#3e8aff",
- },
- ]),
- borderRadius: 3,
+ grid: {
+ left: "0",
+ right: "4%",
+ bottom: 0,
+ top: 20,
+ containLabel: true,
},
- },
- data: e.chart3.y.data,
- },
- ],
- })
- this.$refs.chart3.setData({
- legend: {
- data: e.chart6.y.map(val => val.name),
- right: 'center',
- top: 0,
- textStyle: {
- color: "#fff",
- },
- itemWidth: 12,
- itemHeight: 10,
- // itemGap: 35
- },
- tooltip: {
- trigger: "axis",
- axisPointer: {
- lineStyle: {
- color: {
- type: "linear",
- x: 0,
- y: 0,
- x2: 0,
- y2: 1,
- colorStops: [
- {
- offset: 0,
- color: "rgba(0, 255, 233,0)",
- },
- {
- offset: 0.5,
- color: "rgba(255, 255, 255,1)",
- },
- {
- offset: 1,
- color: "rgba(0, 255, 233,0)",
- },
- ],
- global: false,
+ xAxis: {
+ type: "category",
+ data: e.x,
+ axisLine: {
+ lineStyle: {
+ color: "white",
+ },
+ },
+ axisLabel: {
+ interval: 0,
+ // rotate: 40,
+ textStyle: {
+ fontFamily: "Microsoft YaHei",
+ },
+ },
},
- },
- },
+
+ yAxis: {
+ type: "value",
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: "white",
+ },
+ },
+ splitLine: {
+ show: false,
+ },
+ axisLabel: {},
+ },
+ series: [
+ {
+ name: e.y.name,
+ type: "bar",
+ barWidth: "40%",
+ label: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#49d9ff",
+ },
+ },
+ itemStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ {
+ offset: 0,
+ color: "#47cbfd",
+ },
+ {
+ offset: 1,
+ color: "#3e8aff",
+ },
+ ]),
+ borderRadius: 3,
+ },
+ },
+ data: e.y.data,
+ },
+ ],
+ })
+ }
},
- grid: {
- top: "15%",
- left: 40,
- right: "5%",
- bottom: "15%",
- // containLabel: true
+ {
+ e: 'fp-2-05',
+ i: "SCADA_INV_STATS_01('')",
+ f: (e) => {
+ getData().then(val => {
+ this.scrollTableData1 = val.table3.slice(0, 6)
+ this.scrollTableData2 = val.table3.slice(6, 12)
+ })
+ }
},
- xAxis: [
- {
- show: false,
- type: "category",
- axisLine: {
- show: true,
- },
- splitArea: {
- // show: true,
- color: "#f00",
- lineStyle: {
- color: "#f00",
+ {
+ e: 'fp-2-06',
+ i: "",
+ f: (e) => {
+ this.$refs.chart1.setData({
+ tooltip: {
+ trigger: "axis",
+ axisPointer: {
+ // 坐标轴指示器,坐标轴触发有效
+ type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
+ },
},
- },
- axisLabel: {
- color: "#fff",
- },
- splitLine: {
- show: false,
- },
- boundaryGap: false,
- data: e.chart6.x,
- },
- ],
-
- yAxis: [
- {
- type: "value",
- min: 18,
- max: 24,
- splitNumber: 4,
- splitLine: {
- show: true,
- lineStyle: {
- color: "rgba(255,255,255,0.1)",
+ grid: {
+ left: "0",
+ right: "4%",
+ bottom: "0",
+ top: 35,
+ containLabel: true,
},
- },
- axisLine: {
- show: true,
- },
- axisLabel: {
- show: true,
- margin: 20,
- textStyle: {
- color: "#d1e6eb",
+ legend: {
+ data: e.y.map(val => val.name),
+ right: 'center',
+ top: 0,
+ textStyle: {
+ color: "#fff",
+ },
+ itemWidth: 12,
+ itemHeight: 10,
+ // itemGap: 35
},
- },
- axisTick: {
- show: true,
- },
- },
- ],
- series: [
- {
- name: e.chart6.y[0].name,
- type: "line",
- showAllSymbol: true,
- symbol: "circle",
- symbolSize: 5,
- lineStyle: {
- normal: {
- color: "#49d9ff",
+ xAxis: {
+ type: "category",
+ data: e.x,
+ axisLine: {
+ lineStyle: {
+ color: "white",
+ },
+ },
+ axisLabel: {
+ // interval: 0,
+ // rotate: 40,
+ textStyle: {
+ fontFamily: "Microsoft YaHei",
+ },
+ },
},
- },
- label: {
- show: true,
- position: "top",
- textStyle: {
- color: "#49d9ff",
+
+ yAxis: {
+ type: "value",
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: "white",
+ },
+ },
+ splitLine: {
+ show: false,
+ },
+ axisLabel: {},
},
- },
- itemStyle: {
- color: "#49d9ff",
- },
- areaStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
- [
- {
- offset: 0,
- color: "rgba(108,80,243,0.3)",
+ series: [
+ {
+ name: e.y[0].name,
+ type: "bar",
+ barWidth: "30%",
+ label: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#49d9ff",
},
- {
- offset: 1,
- color: "rgba(108,80,243,0)",
+ },
+ itemStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ {
+ offset: 0,
+ color: "#39ffff",
+ },
+ {
+ offset: 1,
+ color: "#f5804d",
+ },
+ ]),
+ borderRadius: 2,
+ },
+ },
+ data: e.y[0].data,
+ },
+ {
+ name: e.y[1].name,
+ type: "bar",
+ barWidth: "30%",
+ barGap: '40%',
+ label: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#49d9ff",
},
- ],
- false
- ),
- shadowColor: "rgba(108,80,243, 0.9)",
- shadowBlur: 20,
+ },
+ itemStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ {
+ offset: 0,
+ color: "#47cbfd",
+ },
+ {
+ offset: 1,
+ color: "#3e8aff",
+ },
+ ]),
+ borderRadius: 2,
+ },
+ },
+ data: e.y[1].data,
+ },
+ ],
+ })
+ }
+ },
+ {
+ e: 'fp-2-07',
+ i: "",
+ f: (e) => {
+ this.$refs.chart3.setData({
+ legend: {
+ data: e.y.map(val => val.name),
+ right: 'center',
+ top: 0,
+ textStyle: {
+ color: "#fff",
+ },
+ itemWidth: 12,
+ itemHeight: 10,
+ // itemGap: 35
},
- },
- data: e.chart6.y[0].data,
- },
- {
- name: e.chart6.y[1].name,
- type: "line",
- // smooth: true, //是否平滑
- showAllSymbol: true,
- // symbol: 'image://./static/images/guang-circle.png',
- symbol: "circle",
- symbolSize: 5,
- lineStyle: {
- normal: {
- color: "#668e84",
+ tooltip: {
+ trigger: "axis",
+ axisPointer: {
+ lineStyle: {
+ color: {
+ type: "linear",
+ x: 0,
+ y: 0,
+ x2: 0,
+ y2: 1,
+ colorStops: [
+ {
+ offset: 0,
+ color: "rgba(0, 255, 233,0)",
+ },
+ {
+ offset: 0.5,
+ color: "rgba(255, 255, 255,1)",
+ },
+ {
+ offset: 1,
+ color: "rgba(0, 255, 233,0)",
+ },
+ ],
+ global: false,
+ },
+ },
+ },
},
- },
- label: {
- show: true,
- position: "top",
- textStyle: {
- color: "#668e84",
+ grid: {
+ top: "15%",
+ left: 40,
+ right: "5%",
+ bottom: "15%",
+ // containLabel: true
},
- },
+ xAxis: [
+ {
+ show: false,
+ type: "category",
+ axisLine: {
+ show: true,
+ },
+ splitArea: {
+ // show: true,
+ color: "#f00",
+ lineStyle: {
+ color: "#f00",
+ },
+ },
+ axisLabel: {
+ color: "#fff",
+ },
+ splitLine: {
+ show: false,
+ },
+ boundaryGap: false,
+ data: e.x,
+ },
+ ],
- itemStyle: {
- color: "#00ca95",
- },
- areaStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
- [
- {
- offset: 0,
- color: "rgba(0,202,149,0.3)",
+ yAxis: [
+ {
+ type: "value",
+ min: 18,
+ max: 24,
+ splitNumber: 4,
+ splitLine: {
+ show: true,
+ lineStyle: {
+ color: "rgba(255,255,255,0.1)",
},
- {
- offset: 1,
- color: "rgba(0,202,149,0)",
+ },
+ axisLine: {
+ show: true,
+ },
+ axisLabel: {
+ show: true,
+ margin: 20,
+ textStyle: {
+ color: "#d1e6eb",
},
- ],
- false
- ),
- shadowColor: "rgba(0,202,149, 0.9)",
- shadowBlur: 20,
- },
- },
- data: e.chart6.y[1].data,
- },
- ],
- })
- this.$refs.chart4.setData({
- tooltip: {
- trigger: "axis",
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
- },
- },
- grid: {
- left: "0",
- right: "4%",
- bottom: "0",
- top: "10%",
- containLabel: true,
- },
- xAxis: {
- type: "category",
- data: e.chart3.x,
- axisLine: {
- lineStyle: {
- color: "white",
- },
- },
- axisLabel: {
- // interval: 0,
- // rotate: 40,
- textStyle: {
- fontFamily: "Microsoft YaHei",
- },
- },
- },
+ },
+ axisTick: {
+ show: true,
+ },
+ },
+ ],
+ series: [
+ {
+ name: e.y[0].name,
+ type: "line",
+ showAllSymbol: true,
+ symbol: "circle",
+ symbolSize: 5,
+ lineStyle: {
+ normal: {
+ color: "#49d9ff",
+ },
+ },
+ label: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#49d9ff",
+ },
+ },
+ itemStyle: {
+ color: "#49d9ff",
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(
+ 0,
+ 0,
+ 0,
+ 1,
+ [
+ {
+ offset: 0,
+ color: "rgba(108,80,243,0.3)",
+ },
+ {
+ offset: 1,
+ color: "rgba(108,80,243,0)",
+ },
+ ],
+ false
+ ),
+ shadowColor: "rgba(108,80,243, 0.9)",
+ shadowBlur: 20,
+ },
+ },
+ data: e.y[0].data,
+ },
+ {
+ name: e.y[1].name,
+ type: "line",
+ // smooth: true, //是否平滑
+ showAllSymbol: true,
+ // symbol: 'image://./static/images/guang-circle.png',
+ symbol: "circle",
+ symbolSize: 5,
+ lineStyle: {
+ normal: {
+ color: "#668e84",
+ },
+ },
+ label: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#668e84",
+ },
+ },
- yAxis: {
- type: "value",
- axisLine: {
- show: false,
- lineStyle: {
- color: "white",
- },
- },
- splitLine: {
- show: false,
- },
- axisLabel: {},
+ itemStyle: {
+ color: "#00ca95",
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(
+ 0,
+ 0,
+ 0,
+ 1,
+ [
+ {
+ offset: 0,
+ color: "rgba(0,202,149,0.3)",
+ },
+ {
+ offset: 1,
+ color: "rgba(0,202,149,0)",
+ },
+ ],
+ false
+ ),
+ shadowColor: "rgba(0,202,149, 0.9)",
+ shadowBlur: 20,
+ },
+ },
+ data: e.y[1].data,
+ },
+ ],
+ })
+ }
},
- series: [
- {
- name: e.chart3.y.name,
- type: "bar",
- barWidth: "33%",
- label: {
- show: true,
- position: "top",
- textStyle: {
- color: "#49d9ff",
+ {
+ e: 'fp-2-08',
+ i: "",
+ f: (e) => {
+ this.$refs.chart4.setData({
+ tooltip: {
+ trigger: "axis",
+ axisPointer: {
+ // 坐标轴指示器,坐标轴触发有效
+ type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
+ },
+ },
+ grid: {
+ left: "0",
+ right: "4%",
+ bottom: "0",
+ top: "10%",
+ containLabel: true,
+ },
+ xAxis: {
+ type: "category",
+ data: e.x,
+ axisLine: {
+ lineStyle: {
+ color: "white",
+ },
+ },
+ axisLabel: {
+ // interval: 0,
+ // rotate: 40,
+ textStyle: {
+ fontFamily: "Microsoft YaHei",
+ },
+ },
},
- },
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: "#39ffff",
- },
- {
- offset: 1,
- color: "#f5804d",
- },
- ]),
- borderRadius: 2,
+
+ yAxis: {
+ type: "value",
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: "white",
+ },
+ },
+ splitLine: {
+ show: false,
+ },
+ axisLabel: {},
},
- },
- data: e.chart3.y.data,
- },
- ],
+ series: [
+ {
+ name: e.y.name,
+ type: "bar",
+ barWidth: "33%",
+ label: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#49d9ff",
+ },
+ },
+ itemStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ {
+ offset: 0,
+ color: "#39ffff",
+ },
+ {
+ offset: 1,
+ color: "#f5804d",
+ },
+ ]),
+ borderRadius: 2,
+ },
+ },
+ data: e.y.data,
+ },
+ ],
+ })
+ }
+ },
+ ],
+ }
+ },
+ mounted() {
+ let timeInter = setInterval(() => {
+ this.show = !this.show
+ }, 30 * 1000)
+ console.log(this.$route.query.id)
+ if (this.$route.query.id === '1') {
+ this.RequestDataSet.forEach(val => {
+ mixData(val)
+ })
+ } else if (this.$route.query.id === '2') {
+ this.RequestDataSet1.forEach(val => {
+ mixData(val)
})
- })
+ } else {
+ this.RequestDataSet.forEach(val => {
+ mixData(val)
+ })
+ }
+
},
methods: {}
};
@@ -1010,7 +1608,8 @@ export default {
font-size: 1vw;
letter-spacing: 2px;
}
-.foamingMachine{
+
+.foamingMachine {
background-image: url("../../../assets/board/foamingMachine.png");
background-repeat: no-repeat;
background-size: 100% 100%;
@@ -1021,6 +1620,7 @@ export default {
width: 36vw;
height: 12vw;
}
+
.app-container {
background-image: url("../../../assets/board/foaming1.jpg");
background-repeat: no-repeat;
diff --git a/src/views/board/liner/index.vue b/src/views/board/liner/index.vue
index d442336..673ff5f 100644
--- a/src/views/board/liner/index.vue
+++ b/src/views/board/liner/index.vue
@@ -4,7 +4,7 @@
{{ team }}
{{ planNum }}
{{ practicalNum }}
-
{{ differenceValue }}
+
{{ practicalNum - planNum }}
{{ i }}
@@ -93,7 +93,10 @@
import vueSeamlessScroll from "vue-seamless-scroll";
import Chart from "../../../components/board/Chart";
import * as echarts from 'echarts'
-import {getData, generalInterfaceList} from '@/api/board/getData'
+import {getData, generalInterfaceList, getSimulateData} from '@/api/board/getData'
+import {mixData} from '@/api/board/mixData'
+
+const vw = (document.documentElement.clientWidth || document.body.clientWidth) / 100
export default {
components: {
@@ -110,9 +113,9 @@ export default {
'泡前库存统计',
'箱体发泡实时状态',
],
- meter: 30,
- linerNum: 50,
- caseNum: 44,
+ meter: 0,
+ linerNum: 0,
+ caseNum: 0,
titlePosition: [
{
top: 19.8,
@@ -135,10 +138,9 @@ export default {
left: 68.5
},
],
- team: '白班',
- planNum: 1000,
- practicalNum: 1000,
- differenceValue: 1000,
+ team: '',
+ planNum: 0,
+ practicalNum: 0,
scrollTableOption: {
step: 0.5,
limitMoveNum: 9999999999,
@@ -150,417 +152,469 @@ export default {
waitTime: 0,
},
scrollTableData: [],
-
- }
- },
- mounted() {
- const vw = (document.documentElement.clientWidth || document.body.clientWidth) / 100
- generalInterfaceList({
- "method": "SCADA_INV_STATS_01('')"
- }).then(e => {
- console.log(e)
- })
- generalInterfaceList({
- "method": "SCADA_INV_STATS_SUM('')"
- }).then(e => {
- console.log(e)
- })
- generalInterfaceList({
- "method": "scada_inv_stats_02('')"
- }).then(e => {
- console.log(e)
- })
- generalInterfaceList({
- "method": "scada_in_store_01('')"
- }).then(e => {
- console.log(e)
- })
- generalInterfaceList({
- "method": "scada_xk_pro_01('')"
- }).then(e => {
- console.log(e)
- })
- getData().then(e => {
- this.scrollTableData = e.table1
- this.$refs.chart1.setData({
- tooltip: {
- trigger: "axis",
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
- },
+ RequestDataSet: [
+ {
+ e: 'nd-01',
+ i: "",
+ f: (e) => {
+ this.team = e
+ }
},
- grid: {
- left: "0",
- right: "4%",
- bottom: "0",
- top: 20,
- containLabel: true,
+ {
+ e: 'nd-02',
+ i: "",
+ f: (e) => {
+ this.planNum = e
+ }
},
- xAxis: {
- type: "category",
- data: e.liner.ImportAndExportStatistics.x,
- axisLine: {
- lineStyle: {
- color: "white",
- },
- },
- axisLabel: {
- // interval: 0,
- // rotate: 40,
- textStyle: {
- fontFamily: "Microsoft YaHei",
- },
- },
+ {
+ e: 'nd-03',
+ i: "",
+ f: (e) => {
+ this.practicalNum = e
+ console.log(e)
+ }
},
-
- yAxis: {
- type: "value",
- axisLine: {
- show: false,
- lineStyle: {
- color: "white",
- },
- },
- splitLine: {
- show: false,
- },
- axisLabel: {},
+ {
+ e: 'nd-04',
+ i: "",
+ f: (e) => {
+ this.scrollTableData = e
+ }
},
- series: [
- {
- name: e.liner.ImportAndExportStatistics.y[0].name,
- label: {
- normal: {
- show: true,
- position: "top",
- textStyle: {
- color: "#a8aab0",
- fontStyle: "normal",
- fontFamily: "微软雅黑",
- fontSize: 0.75 * vw,
+ {
+ e: 'nd-05',
+ i: "",
+ f: (e) => {
+ this.$refs.chart1.setData({
+ tooltip: {
+ trigger: "axis",
+ axisPointer: {
+ // 坐标轴指示器,坐标轴触发有效
+ type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
},
},
- },
- type: "bar",
- barWidth: "30%",
- barMaxWidth: 50,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: "#39ffff",
+ grid: {
+ left: "0",
+ right: "4%",
+ bottom: "0",
+ top: 20,
+ containLabel: true,
+ },
+ xAxis: {
+ type: "category",
+ data: e.x,
+ axisLine: {
+ lineStyle: {
+ color: "white",
},
- {
- offset: 1,
- color: "#5affa6",
+ },
+ axisLabel: {
+ // interval: 0,
+ // rotate: 40,
+ textStyle: {
+ fontFamily: "Microsoft YaHei",
},
- ]),
+ },
},
- },
- data: e.liner.ImportAndExportStatistics.y[0].data,
- },
- ],
- })
- this.$refs.chart2.setData({
- tooltip: {
- trigger: "axis",
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
- },
- },
- grid: {
- left: "0",
- right: "4%",
- bottom: "0",
- top: 20,
- containLabel: true,
- },
- legend: {
- data: e.liner.inventoryStatus.y.map(val => val.name),
- right: 'center',
- top: 0,
- textStyle: {
- color: "#fff",
- },
- itemWidth: 12,
- itemHeight: 10,
- // itemGap: 35
- },
- xAxis: {
- type: "category",
- data: e.liner.inventoryStatus.x,
- axisLine: {
- lineStyle: {
- color: "white",
- },
- },
- axisLabel: {
- // interval: 0,
- // rotate: 40,
- textStyle: {
- fontFamily: "Microsoft YaHei",
- },
- },
- },
- yAxis: {
- type: "value",
- axisLine: {
- show: false,
- lineStyle: {
- color: "white",
- },
- },
- splitLine: {
- show: false,
- },
- axisLabel: {},
- },
- series: [
- {
- name: e.liner.inventoryStatus.y[0].name,
- type: "bar",
- barWidth: "30%",
- barMaxWidth: 50,
- label: {
- normal: {
- show: true,
- position: "top",
- textStyle: {
- color: "#a8aab0",
- fontStyle: "normal",
- fontFamily: "微软雅黑",
- fontSize: 0.75 * vw,
+ yAxis: {
+ type: "value",
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: "white",
+ },
+ },
+ splitLine: {
+ show: false,
},
+ axisLabel: {},
},
- },
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: "#39ffff",
+ series: [
+ {
+ name: e.y[0].name,
+ label: {
+ normal: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#a8aab0",
+ fontStyle: "normal",
+ fontFamily: "微软雅黑",
+ fontSize: 0.75 * vw,
+ },
+ },
},
- {
- offset: 1,
- color: "#5affa6",
+ type: "bar",
+ barWidth: "30%",
+ barMaxWidth: 50,
+ itemStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ {
+ offset: 0,
+ color: "#39ffff",
+ },
+ {
+ offset: 1,
+ color: "#5affa6",
+ },
+ ]),
+ },
},
- ]),
+ data: e.y[0].data,
+ },
+ ],
+ })
+ }
+ },
+ {
+ e: 'nd-06',
+ i: "",
+ f: (e) => {
+ this.meter = e
+ }
+ },
+ {
+ e: 'nd-07',
+ i: "SCADA_INV_STATS_01('')",
+ f: (e) => {
+ this.$refs.chart2.setData({
+ tooltip: {
+ trigger: "axis",
+ axisPointer: {
+ // 坐标轴指示器,坐标轴触发有效
+ type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
+ },
+ },
+ grid: {
+ left: "0",
+ right: "4%",
+ bottom: "0",
+ top: 20,
+ containLabel: true,
},
- },
- data: e.liner.inventoryStatus.y[0].data,
- },
- {
- name: e.liner.inventoryStatus.y[1].name,
- type: "bar",
- barWidth: "30%",
- barMaxWidth: 50,
- label: {
- normal: {
- show: true,
- position: "top",
+ legend: {
+ data: e.y.map(val => val.name),
+ right: 'center',
+ top: 0,
textStyle: {
- color: "#a8aab0",
- fontStyle: "normal",
- fontFamily: "微软雅黑",
- fontSize: 0.75 * vw,
+ color: "#fff",
},
+ itemWidth: 12,
+ itemHeight: 10,
+ // itemGap: 35
},
- },
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: "#4adfff",
+ xAxis: {
+ type: "category",
+ data: e.x,
+ axisLine: {
+ lineStyle: {
+ color: "white",
},
- {
- offset: 1,
- color: "#3d7aff",
+ },
+ axisLabel: {
+ // interval: 0,
+ // rotate: 40,
+ textStyle: {
+ fontFamily: "Microsoft YaHei",
},
- ]),
+ },
},
- },
- data: e.liner.inventoryStatus.y[1].data,
- },
- ],
- })
- this.$refs.chart3.setData({
- tooltip: {
- trigger: "axis",
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
- },
- },
- grid: {
- left: "0",
- right: "4%",
- bottom: "0",
- top: 20,
- containLabel: true,
- },
- xAxis: {
- type: "category",
- data: e.liner.inventoryStatistics.x,
- axisLine: {
- lineStyle: {
- color: "white",
- },
- },
- axisLabel: {
- // interval: 0,
- // rotate: 40,
- textStyle: {
- fontFamily: "Microsoft YaHei",
- },
- },
- },
- yAxis: {
- type: "value",
- axisLine: {
- show: false,
- lineStyle: {
- color: "white",
- },
- },
- splitLine: {
- show: false,
- },
- axisLabel: {},
- },
- series: [
- {
- name: e.liner.inventoryStatistics.y.name,
- type: "bar",
- barWidth: "30%",
- label: {
- normal: {
- show: true,
- position: "top",
- textStyle: {
- color: "#a8aab0",
- fontStyle: "normal",
- fontFamily: "微软雅黑",
- fontSize: 0.75 * vw,
+ yAxis: {
+ type: "value",
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: "white",
+ },
+ },
+ splitLine: {
+ show: false,
},
+ axisLabel: {},
},
- },
- barMaxWidth: 50,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: "#4adfff",
+ series: [
+ {
+ name: e.y[0].name,
+ type: "bar",
+ barWidth: "30%",
+ barMaxWidth: 50,
+ label: {
+ normal: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#a8aab0",
+ fontStyle: "normal",
+ fontFamily: "微软雅黑",
+ fontSize: 0.75 * vw,
+ },
+ },
},
- {
- offset: 1,
- color: "#3d7aff",
+ itemStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ {
+ offset: 0,
+ color: "#39ffff",
+ },
+ {
+ offset: 1,
+ color: "#5affa6",
+ },
+ ]),
+ },
},
- ]),
- },
- },
- data: e.liner.inventoryStatistics.y.data,
- },
- ],
- })
- this.$refs.chart4.setData({
- legend: {
- data: ['运行中夹具数量'],
- right: 'center',
- top: 0,
- textStyle: {
- color: "#fff",
- },
- itemWidth: 12,
- itemHeight: 10,
- // itemGap: 35
- },
- tooltip: {
- trigger: "axis",
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
- },
+ data: e.y[0].data,
+ },
+ {
+ name: e.y[1].name,
+ type: "bar",
+ barWidth: "30%",
+ barMaxWidth: 50,
+ label: {
+ normal: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#a8aab0",
+ fontStyle: "normal",
+ fontFamily: "微软雅黑",
+ fontSize: 0.75 * vw,
+ },
+ },
+ },
+ itemStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ {
+ offset: 0,
+ color: "#4adfff",
+ },
+ {
+ offset: 1,
+ color: "#3d7aff",
+ },
+ ]),
+ },
+ },
+ data: e.y[1].data,
+ },
+ ],
+ })
+ }
},
- grid: {
- left: "0",
- right: "4%",
- bottom: "0",
- top: 20,
- containLabel: true,
+ {
+ e: 'nd-08',
+ i: "",
+ f: (e) => {
+ this.linerNum = e
+ }
},
- xAxis: {
- type: "category",
- data: e.liner.foamFixtureState.x,
- axisLine: {
- lineStyle: {
- color: "white",
- },
- },
- axisLabel: {
- // interval: 0,
- // rotate: 40,
- textStyle: {
- fontFamily: "Microsoft YaHei",
- },
- },
+ {
+ e: 'nd-09',
+ i: "",
+ f: (e) => {
+ this.caseNum = e
+ }
},
+ {
+ e: 'nd-10',
+ i: "",
+ f: (e) => {
+ this.$refs.chart3.setData({
+ tooltip: {
+ trigger: "axis",
+ axisPointer: {
+ // 坐标轴指示器,坐标轴触发有效
+ type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
+ },
+ },
+ grid: {
+ left: "0",
+ right: "4%",
+ bottom: "0",
+ top: 20,
+ containLabel: true,
+ },
+ xAxis: {
+ type: "category",
+ data: e.x,
+ axisLine: {
+ lineStyle: {
+ color: "white",
+ },
+ },
+ axisLabel: {
+ // interval: 0,
+ // rotate: 40,
+ textStyle: {
+ fontFamily: "Microsoft YaHei",
+ },
+ },
+ },
- yAxis: {
- type: "value",
- axisLine: {
- show: false,
- lineStyle: {
- color: "white",
- },
- },
- splitLine: {
- show: false,
- },
- axisLabel: {},
+ yAxis: {
+ type: "value",
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: "white",
+ },
+ },
+ splitLine: {
+ show: false,
+ },
+ axisLabel: {},
+ },
+ series: [
+ {
+ name: e.y.name,
+ type: "bar",
+ barWidth: "30%",
+ label: {
+ normal: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#a8aab0",
+ fontStyle: "normal",
+ fontFamily: "微软雅黑",
+ fontSize: 0.75 * vw,
+ },
+ },
+ },
+ barMaxWidth: 50,
+ itemStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ {
+ offset: 0,
+ color: "#4adfff",
+ },
+ {
+ offset: 1,
+ color: "#3d7aff",
+ },
+ ]),
+ },
+ },
+ data: e.y.data,
+ },
+ ],
+ })
+ console.log(e)
+ }
},
- series: [
- {
- name: e.liner.foamFixtureState.y.name,
- type: "bar",
- barWidth: '30%',
- barMaxWidth: 50,
- label: {
- normal: {
- show: true,
- position: "top",
+ {
+ e: 'nd-11',
+ i: "",
+ f: (e) => {
+ this.$refs.chart4.setData({
+ legend: {
+ data: ['运行中夹具数量'],
+ right: 'center',
+ top: 0,
textStyle: {
- color: "#a8aab0",
- fontStyle: "normal",
- fontFamily: "微软雅黑",
- fontSize: 0.75 * vw,
+ color: "#fff",
+ },
+ itemWidth: 12,
+ itemHeight: 10,
+ // itemGap: 35
+ },
+ tooltip: {
+ trigger: "axis",
+ axisPointer: {
+ // 坐标轴指示器,坐标轴触发有效
+ type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
},
},
- },
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: "#4adfff",
+ grid: {
+ left: "0",
+ right: "4%",
+ bottom: "0",
+ top: 20,
+ containLabel: true,
+ },
+ xAxis: {
+ type: "category",
+ data: e.x,
+ axisLine: {
+ lineStyle: {
+ color: "white",
+ },
+ },
+ axisLabel: {
+ // interval: 0,
+ // rotate: 40,
+ textStyle: {
+ fontFamily: "Microsoft YaHei",
},
- {
- offset: 1,
- color: "#3d7aff",
+ },
+ },
+
+ yAxis: {
+ type: "value",
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: "white",
},
- ]),
+ },
+ splitLine: {
+ show: false,
+ },
+ axisLabel: {},
},
- },
- data: e.liner.foamFixtureState.y.data,
+ series: [
+ {
+ name: e.y.name,
+ type: "bar",
+ barWidth: '30%',
+ barMaxWidth: 50,
+ label: {
+ normal: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#a8aab0",
+ fontStyle: "normal",
+ fontFamily: "微软雅黑",
+ fontSize: 0.75 * vw,
+ },
+ },
+ },
+ itemStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ {
+ offset: 0,
+ color: "#4adfff",
+ },
+ {
+ offset: 1,
+ color: "#3d7aff",
+ },
+ ]),
+ },
+ },
+ data: e.y.data,
+ }
+ ]
+ })
+ console.log(e)
}
- ]
- })
+ },
+ ]
+
+ }
+ },
+ mounted() {
+ this.RequestDataSet.forEach(val => {
+ mixData(val)
})
},
methods: {}
diff --git a/src/views/dashboard/LineChart.vue b/src/views/dashboard/LineChart.vue
index 331c905..17baa7d 100644
--- a/src/views/dashboard/LineChart.vue
+++ b/src/views/dashboard/LineChart.vue
@@ -137,9 +137,9 @@ export default {
color: '#3888fa',
width: 2
},
- areaStyle: {
- color: '#f3f8ff'
- }
+ // areaStyle: {
+ // color: '#f3f8ff'
+ // }
}
},
data: expectedData,
@@ -150,11 +150,12 @@ export default {
name: '产量',
smooth: false,
type: 'bar',
+ barMaxWidth:60,
itemStyle: {
normal: {
- color: '#3888fa',
+ color: '#9fe080',
lineStyle: {
- color: '#3888fa',
+ color: '#9fe080',
width: 2
},
areaStyle: {
diff --git a/src/views/index_v1.vue b/src/views/index_v1.vue
index e714e0c..ce590d3 100644
--- a/src/views/index_v1.vue
+++ b/src/views/index_v1.vue
@@ -3,9 +3,6 @@
-
-
-
+
+
+
+
@@ -185,7 +186,8 @@ export default {
padding: 8px;
}
}
-.el-table th.el-table__cell > .cell{
- text-align: center ;
+
+.el-table th.el-table__cell > .cell {
+ text-align: center;
}