iailab-plat-ui-vue2.git

houzhongjian

2024-07-23 8501060c4f921d1e744c477e4dc08eb47b52693c

提交 \| 用户 \| 时间
850106	1	<template>
H	2	<div id="data-overview-body">
	3	<div id="data-left">
	4	<div class="data-left-1">
	5	<img :src="img_left_1">
	6	</div>
	7	<div class="data-left-2">
	8	<div class="data-left-sub-2">
	9	<div class="data-left-content-1">
	10	<div ref="chartLeft21" class="chart-ring-line"></div>
	11	</div>
	12	<div class="data-left-content-1">
	13	<div>
	14	<span style="font-size: 16px;font-weight: bold">{{indData.A010002}} </span>
	15	<span style="color: #538BB0">吨</span>
	16	</div>
	17	<span>年计划产量</span>
	18	</div>
	19	<div class="data-left-content-1">
	20	<div>
	21	<span style="font-size: 16px;font-weight: bold">{{indData.A010003}} </span>
	22	<span style="color: #538BB0">吨</span>
	23	</div>
	24	<span>当前完成量</span>
	25	</div>
	26	<div class="data-left-content-1">
	27	<div>
	28	<span style="font-size: 24px;font-weight: bold;color: #5BFD9E">{{indData.C010001}} </span>
	29	<span style="color: #538BB0">%</span>
	30	</div>
	31	<span>达成率</span>
	32	</div>
	33	</div>
	34	<div class="data-left-sub-2">
	35	<div class="data-left-content-1">
	36	<div ref="chartLeft22" class="chart-ring-line"></div>
	37	</div>
	38	<div class="data-left-content-1">
	39	<div>
	40	<span style="font-size: 16px;font-weight: bold">{{indData.A010006}}</span>
	41	<span style="color: #538BB0">吨</span>
	42	</div>
	43	<span>月计划产量</span>
	44	</div>
	45	<div class="data-left-content-1">
	46	<div>
	47	<span style="font-size: 16px;font-weight: bold">{{indData.A010007}}</span>
	48	<span style="color: #538BB0">吨</span>
	49	</div>
	50	<span>当前完成量</span>
	51	</div>
	52	<div class="data-left-content-1">
	53	<div>
	54	<span style="font-size: 24px;font-weight: bold;color: #5BFD9E">{{indData.C010003}}</span>
	55	<span style="color: #538BB0">%</span>
	56	</div>
	57	<span>达成率</span>
	58	</div>
	59	</div>
	60	<div class="data-left-sub-2">
	61	<div class="data-left-content-1">
	62	<div ref="chartLeft23" class="chart-ring-line"></div>
	63	</div>
	64	<div class="data-left-content-1">
	65	<div>
	66	<span style="font-size: 16px;font-weight: bold">{{indData.A010010}}</span>
	67	<span style="color: #538BB0">吨</span>
	68	</div>
	69	<span>昨日计划产量</span>
	70	</div>
	71	<div class="data-left-content-1">
	72	<div>
	73	<span style="font-size: 16px;font-weight: bold">{{indData.A010011}}</span>
	74	<span style="color: #538BB0">吨</span>
	75	</div>
	76	<span>当前完成量</span>
	77	</div>
	78	<div class="data-left-content-1">
	79	<div>
	80	<span style="font-size: 24px;font-weight: bold;color: #5BFD9E">{{indData.C010005}}</span>
	81	<span style="color: #538BB0">%</span>
	82	</div>
	83	<span>达成率</span>
	84	</div>
	85	</div>
	86	</div>
	87	<div class="data-left-3">
	88	<div>
	89	<span class="chart-title">原煤入洗趋势</span>
	90	</div>
	91	<div ref="rawCoalProductTrendChart" class="chart-line"></div>
	92	</div>
	93	<div class="data-left-4">
	94	<div>
	95	<span class="chart-title">原煤煤质趋势</span>
	96	</div>
	97	<div ref="rawCoalQualityTrendChart" class="chart-line"></div>
	98	</div>
	99	</div>
	100	<div id="data-middle">
	101	<div class="data-middle-1">
	102	<img :src="img_middle_1_1"/>
	103	<!--<div class="middle-fcfx-button">
	104	<el-button size="mini" type="text">指标显示配置</el-button>
	105	</div>-->
	106	<!--<img :src="img_middle_1_2" style="margin-left: -100px;" @click=""/>-->
	107	</div>
	108	<div class="data-middle-2">
	109	<div class="data-middle-sub-2">
	110	<div>
	111	<span class="chart-title">原煤灰分</span>
	112	</div>
	113	<div ref="fxChart" class="chart-line"></div>
	114	</div>
	115	<div class="data-middle-sub-2">
	116	<div>
	117	<span class="chart-title">混煤灰分</span>
	118	</div>
	119	<div ref="chartM2" class="chart-line"></div>
	120	</div>
	121	</div>
	122	<div class="data-middle-3">
	123	<div class="data-middle-sub-3-1">
	124	<div>
	125	<span class="chart-title">原煤热值</span>
	126	</div>
	127	<div ref="chartM3" class="chart-line"></div>
	128	</div>
	129	<div class="data-middle-sub-3-2">
	130	<div>
	131	<span class="chart-title">混煤热值</span>
	132	</div>
	133	<div ref="chartM4" class="chart-line"></div>
	134	</div>
	135	</div>
	136	<div class="data-middle-4">
	137	<img :src="img_middle_4"/>
	138	</div>
	139	<div class="data-middle-5">
	140	<div class="data-middle-sub-5">
	141	<div class="data-middle-sub-5-1">
	142	<img :src="img_middle_5_1"/>
	143	</div>
	144	<div class="data-middle-sub-5-2">
	145	<div style="margin-top: 5px;margin-left: 20px;">
	146	<div class="data-middle-sub-5-2-1">
	147	<div style=" width: 100%;height: 100%;padding-bottom: 18px">
	148	<span style="font-size: 16px;color: #ffffff;display: inline">评分: </span>
	149	<span style="font-size: 32px;font-weight: bold;color: #FFAA5D;display: inline">{{storageReliability.data.score}}</span>
	150	</div>
	151	<!-- <div style=" width: 38%;height: 100%;">-->
	152	<!-- <div>-->
	153	<!-- <span style="font-size: 20px;font-weight: bold;color: #5BFD9E;">加仓</span>-->
	154	<!-- </div>-->
	155	<!-- <span style="color: #80D8FE;">进出仓动态</span>-->
	156	<!-- </div>-->
	157	<!-- <div style=" width: 40%;height: 100%;">-->
	158	<!-- <div>-->
	159	<!-- <span style="font-size: 20px;color: #80D8FE;font-weight: bold">1961</span>-->
	160	<!-- <span style="color: #538BB0">吨</span>-->
	161	<!-- </div>-->
	162	<!-- <span style="color: #80D8FE;">可支持外运量</span>-->
	163	<!-- </div>-->
	164	</div>
	165	<div class="data-middle-sub-5-2-2">
	166	<img :src="img_middle_5_2"/>
	167	</div>
	168	<div class="data-middle-sub-5-2-3">
	169	<span style="color: #80D8FE;">仓储分析：</span>
	170	<span style="color: #FFFFFF;">{{storageReliability.data.analysis}}</span>
	171	</div>
	172	<div style="margin-left: -116px;padding-top: 50px;">
	173	<span style="font-size: 26px;color: #FFFFFF;font-weight: bold">煤储仓库 </span>
	174	<span style="color: #FFFFFF;">{{storageReliability.data.runTime}}</span>
	175	<span style="color: #FFFFFF;">更新</span>
	176	</div>
	177	</div>
	178	</div>
	179	</div>
	180	<div class="data-middle-sub-5">
	181	<dv-scroll-board :config="config" style="height: 100%;"/>
	182	</div>
	183	</div>
	184	</div>
	185	<div id="data-right">
	186	<div class="data-right-1">
	187	<img :src="img_right_1"/>
	188	</div>
	189	<div class="data-right-2">
	190	<div class="data-right-sub-2">
	191	<div class="data-right-content-1">
	192	<div ref="chartRight21" class="chart-ring-line"></div>
	193	</div>
	194	<div class="data-right-content-1">
	195	<div>
	196	<span style="font-size: 16px;font-weight: bold">{{indData.A010004}}</span>
	197	<span style="color: #538BB0">吨</span>
	198	</div>
	199	<span>年计划产量</span>
	200	</div>
	201	<div class="data-right-content-1">
	202	<div>
	203	<span style="font-size: 16px;font-weight: bold">{{indData.A010005}}</span>
	204	<span style="color: #538BB0">吨</span>
	205	</div>
	206	<span>当前完成量</span>
	207	</div>
	208	<div class="data-right-content-1">
	209	<div>
	210	<span style="font-size: 24px;font-weight: bold;color: #5BFD9E">{{indData.C010002}}</span>
	211	<span style="color: #538BB0">%</span>
	212	</div>
	213	<span>达成率</span>
	214	</div>
	215	</div>
	216	<div class="data-right-sub-2">
	217	<div class="data-right-content-1">
	218	<div ref="chartRight22" class="chart-ring-line"></div>
	219	</div>
	220	<div class="data-right-content-1">
	221	<div>
	222	<span style="font-size: 16px;font-weight: bold">{{indData.A010008}}</span>
	223	<span style="color: #538BB0">吨</span>
	224	</div>
	225	<span>月计划产量</span>
	226	</div>
	227	<div class="data-right-content-1">
	228	<div>
	229	<span style="font-size: 16px;font-weight: bold">{{indData.A010009}}</span>
	230	<span style="color: #538BB0">吨</span>
	231	</div>
	232	<span>当前完成量</span>
	233	</div>
	234	<div class="data-right-content-1">
	235	<div>
	236	<span style="font-size: 24px;font-weight: bold;color: #5BFD9E">{{indData.C010004}}</span>
	237	<span style="color: #538BB0">%</span>
	238	</div>
	239	<span>达成率</span>
	240	</div>
	241	</div>
	242	<div class="data-right-sub-2">
	243	<div class="data-right-content-1">
	244	<div ref="chartRight23" class="chart-ring-line"></div>
	245	</div>
	246	<div class="data-right-content-1">
	247	<div>
	248	<span style="font-size: 16px;font-weight: bold">{{indData.A010012}}</span>
	249	<span style="color: #538BB0">吨</span>
	250	</div>
	251	<span>昨日计划产量</span>
	252	</div>
	253	<div class="data-right-content-1">
	254	<div>
	255	<span style="font-size: 16px;font-weight: bold">{{indData.A010013}}</span>
	256	<span style="color: #538BB0">吨</span>
	257	</div>
	258	<span>当前完成量</span>
	259	</div>
	260	<div class="data-right-content-1">
	261	<div>
	262	<span style="font-size: 24px;font-weight: bold;color: #5BFD9E">{{indData.C010006}}</span>
	263	<span style="color: #538BB0">%</span>
	264	</div>
	265	<span>达成率</span>
	266	</div>
	267	</div>
	268	</div>
	269	<div class="data-right-3">
	270	<div>
	271	<span class="chart-title">栈桥生产趋势</span>
	272	</div>
	273	<div ref="goodsCoalProductTrendChart" class="chart-line"></div>
	274	</div>
	275	<div class="data-right-4">
	276	<div>
	277	<span class="chart-title">混煤产率趋势</span>
	278	</div>
	279	<div ref="goodsCoalRateTrendChart" class="chart-line"></div>
	280	</div>
	281	</div>
	282	</div>
	283	</template>
	284	<script>
	285	import {reWriteUrlSVG} from '@/utils/hostUtil'
	286	import {formatNum} from '@/utils/numUtil'
	287	import {getSeriesData} from '@/utils/mathUtils'
	288
	289	export default {
	290	components: {},
	291	data() {
	292	return {
	293	img_left_1: this.doEeWriteUrlSVG('/svg/原煤趋势分析.svg'),
	294	img_middle_1_1: this.doEeWriteUrlSVG('/svg/生产过程分析.svg'),
	295	img_middle_1_2: this.doEeWriteUrlSVG('/svg/指标显示配置.svg'),
	296	img_middle_3: this.doEeWriteUrlSVG('/svg/配置.svg'),
	297	img_middle_4: this.doEeWriteUrlSVG('/svg/仓储可靠性分析.svg'),
	298	img_middle_5_1: this.doEeWriteUrlSVG('/svg/仓库.svg'),
	299	img_middle_5_2: this.doEeWriteUrlSVG('/svg/引导线.svg'),
	300	img_right_1: this.doEeWriteUrlSVG('/svg/商品煤趋势分析.svg'),
	301	chartLeft21: {},
	302	chartLeft22: {},
	303	chartLeft23: {},
	304	chartRight21: {},
	305	chartRight22: {},
	306	chartRight23: {},
	307	fxChart: {},
	308	chartM2: {},
	309	chartM3: {},
	310	chartM4: {},
	311	rawCoalProductTrendChart: {},
	312	rawCoalQualityTrendChart: {},
	313	goodsCoalProductTrendChart: {},
	314	goodsCoalRateTrendChart: {},
	315	config: {
	316	header: ['日期', '分数', '仓储分析'],
	317	rowNum: 3,
	318	waitTime: 10000,
	319	columnWidth: [350, 200, 500],
	320	align: ['center'],
	321	headerBGC: '#016D95',
	322	headerHeight: 40,
	323	oddRowBGC: 'rgba(0, 44, 81, 0.8)',
	324	evenRowBGC: 'rgba(10, 29, 50, 0.8)',
	325	data: []
	326	},
	327	indList: [
	328	'A010002',
	329	'A010003',
	330	'C010001',
	331
	332	'A010006',
	333	'A010007',
	334	'C010003',
	335
	336	'A010010',
	337	'A010011',
	338	'C010005',
	339
	340	'A010004',
	341	'A010005',
	342	'C010002',
	343
	344	'A010008',
	345	'A010009',
	346	'C010004',
	347
	348	'A010012',
	349	'A010013',
	350	'C010006',
	351	],
	352	indData: {
	353	A010002: '',
	354	A010003: '',
	355	C010001: '',
	356
	357	A010006: '',
	358	A010007: '',
	359	C010003: '',
	360
	361	A010004: '',
	362	A010005: '',
	363	C010002: '',
	364
	365	A010008: '',
	366	A010009: '',
	367	C010004: '',
	368
	369	A010012: '',
	370	A010013: '',
	371	C010006: '',
	372	},
	373	storageReliability: {
	374	code: 'storage_reliability',
	375	data: {
	376	judgement: '',
	377	analysis: '',
	378	score: '',
	379	runTime: '',
	380	}
	381	}
	382	}
	383	},
	384	mounted() {
	385	this.chartLeft21 = this.$echarts.init(this.$refs.chartLeft21)
	386	this.chartLeft22 = this.$echarts.init(this.$refs.chartLeft22)
	387	this.chartLeft23 = this.$echarts.init(this.$refs.chartLeft23)
	388	this.chartRight21 = this.$echarts.init(this.$refs.chartRight21)
	389	this.chartRight22 = this.$echarts.init(this.$refs.chartRight22)
	390	this.chartRight23 = this.$echarts.init(this.$refs.chartRight23)
	391	this.fxChart = this.$echarts.init(this.$refs.fxChart);
	392	this.chartM2 = this.$echarts.init(this.$refs.chartM2);
	393	this.chartM3 = this.$echarts.init(this.$refs.chartM3);
	394	this.chartM4 = this.$echarts.init(this.$refs.chartM4);
	395	this.rawCoalProductTrendChart = this.$echarts.init(this.$refs.rawCoalProductTrendChart);
	396	this.rawCoalQualityTrendChart = this.$echarts.init(this.$refs.rawCoalQualityTrendChart);
	397	this.goodsCoalProductTrendChart = this.$echarts.init(this.$refs.goodsCoalProductTrendChart);
	398	this.goodsCoalRateTrendChart = this.$echarts.init(this.$refs.goodsCoalRateTrendChart);
	399	let that = this;
	400	that.init()
	401	setInterval(function () {
	402	that.init()
	403	}, 1000 * 60 * 60)
	404	},
	405	methods: {
	406	init() {
	407	this.getIndData()
	408	this.getChartData1(this.rawCoalProductTrendChart)
	409	this.getChartData2(this.goodsCoalProductTrendChart)
	410	this.getChartDataYMMZ(this.rawCoalQualityTrendChart)
	411	this.getChartDataM1(this.fxChart)
	412	this.getChartDataM2(this.chartM2)
	413	this.getChartDataM3(this.chartM3)
	414	this.getChartDataM4(this.chartM4)
	415	this.getChartData3(this.goodsCoalRateTrendChart)
	416
	417	this.getReliabilityList()
	418
	419	this.getCurrentStorageReliability()
	420
	421	},
	422	doEeWriteUrlSVG(url) {
	423	return reWriteUrlSVG(url)
	424	},
	425	getIndData() {
	426	let that = this
	427	this.$http.post(`/iailab-ntt-data/api/data/ind-item/current-value`, this.indList).then(({data: res}) => {
	428	if (res.code !== 0) {
	429	console.log(res.msg)
	430	return
	431	}
	432	this.indData.A010002 = formatNum(res.data.A010002)
	433	this.indData.A010003 = formatNum(res.data.A010003)
	434	this.indData.C010001 = formatNum(res.data.C010001, 1)
	435	that.getChartRingData(this.chartLeft21, res.data.A010002, res.data.A010003)
	436
	437	this.indData.A010006 = formatNum(res.data.A010006)
	438	this.indData.A010007 = formatNum(res.data.A010007)
	439	this.indData.C010003 = formatNum(res.data.C010003, 1)
	440	that.getChartRingData(this.chartLeft22, res.data.A010006, res.data.A010007)
	441
	442	this.indData.A010010 = formatNum(res.data.A010010)
	443	this.indData.A010011 = formatNum(res.data.A010011)
	444	this.indData.C010005 = formatNum(res.data.C010005, 1)
	445	that.getChartRingData(this.chartLeft23, res.data.A010010, res.data.A010011)
	446
	447	this.indData.A010004 = formatNum(res.data.A010004)
	448	this.indData.A010005 = formatNum(res.data.A010005)
	449	this.indData.C010002 = formatNum(res.data.C010002, 1)
	450	that.getChartRingData(this.chartRight21, res.data.A010004, res.data.A010005)
	451
	452	this.indData.A010008 = formatNum(res.data.A010008)
	453	this.indData.A010009 = formatNum(res.data.A010009)
	454	this.indData.C010004 = formatNum(res.data.C010004, 1)
	455	that.getChartRingData(this.chartRight22, res.data.A010008, res.data.A010009)
	456
	457	this.indData.A010012 = formatNum(res.data.A010012)
	458	this.indData.A010013 = formatNum(res.data.A010013)
	459	this.indData.C010006 = formatNum(res.data.C010006, 1)
	460	that.getChartRingData(this.chartRight23, res.data.A010012, res.data.A010013)
	461
	462	})
	463	},
	464	getCurrentStorageReliability() {
	465	this.$http.get(`/iailab-ntt-model/api/model/model-result/${this.storageReliability.code}`).then(({data: res}) => {
	466	if (res.code !== 0) {
	467	console.log("url=/api/model-result,params=" + this.storageReliability.code)
	468	return this.$message.error(res.msg)
	469	}
	470	this.storageReliability.data.judgement = res.data.judgement \|\| ''
	471	this.storageReliability.data.analysis = res.data.analysis \|\| ''
	472	this.storageReliability.data.score = Number(res.data.score).toFixed(1) \|\| ''
	473	this.storageReliability.data.runTime = res.data.result_time \|\| ''
	474	}).catch(() => {
	475	})
	476
	477	},
	478	getReliabilityList() {
	479	this.$http.get(`/iailab-ntt-model/api/model/model-result/list`, {
	480	params: {
	481	modelCode: this.storageReliability.code,
	482	lastHour: 48,
	483	isAsc: false
	484	}
	485	}).then(({data: res}) => {
	486	if (res.code !== 0) {
	487	return this.$message.error(res.msg)
	488	}
	489	let data = []
	490	res.data.forEach(function (item) {
	491	data.push([
	492	item.resultTime,
	493	Number(item.score).toFixed(1),
	494	item.analysis])
	495	})
	496	this.config = {
	497	header: ['日期', '分数', '仓储分析'],
	498	rowNum: 4,
	499	waitTime: 10000,
	500	columnWidth: [350, 100, 500],
	501	align: ['center', 'center', 'center'],
	502	headerBGC: '#016D95',
	503	headerHeight: 40,
	504	oddRowBGC: 'rgba(0, 44, 81, 0.8)',
	505	evenRowBGC: 'rgba(10, 29, 50, 0.8)',
	506	data: data
	507	}
	508
	509	}).catch(() => {
	510	})
	511
	512	},
	513	getChartRingData(chart, planValue, finishValue) {
	514	let option = {
	515	color: ['#19C4FF', '#062847'],
	516	series: [
	517	{
	518	name: '',
	519	type: 'pie',
	520	radius: ['50%', '70%'],
	521	avoidLabelOverlap: false,
	522	label: {
	523	show: false,
	524	position: 'center'
	525	},
	526	emphasis: {
	527	label: {
	528	show: true,
	529	fontSize: 20,
	530	fontWeight: 'bold'
	531	}
	532	},
	533	labelLine: {
	534	show: false
	535	},
	536	data: [
	537	{value: finishValue, name: '完成'},
	538	{value: (planValue - finishValue), name: '未完成'}
	539	]
	540	}
	541	]
	542	};
	543	chart.setOption(option);
	544	},
	545	getChartDataM1(chart) {
	546	let that = this
	547	let params = ['A010001']
	548	this.$http.post(`/iailab-ntt-data/api/data/ind-item/values-trend`, params).then(({data: res}) => {
	549	if (res.code !== 0) {
	550	console.log(res.msg)
	551	return
	552	}
	553	let valueData = res.data['values']
	554	let xAxis = []
	555	let dataHF = []
	556	if (!valueData['A010001']) {
	557	return;
	558	}
	559	valueData['A010001'].forEach((item) =>{
	560	xAxis.push(item.dataTime)
	561	if (item.dataValue && item.dataValue >= 0) {
	562	dataHF.push([item.dataTime, item.dataValue])
	563	}
	564	})
	565
	566	let trendData = res.data['trend']
	567	if (!trendData['A010001']) {
	568	return;
	569	}
	570	let trendS = getSeriesData(trendData['A010001']['slope'], trendData['A010001']['bias'], xAxis.length)
	571	let option = {
	572	title: {
	573	show: false
	574	},
	575	tooltip: {
	576	trigger: 'axis'
	577	},
	578	legend: {
	579	right: '70',
	580	textStyle: {
	581	// 图例文字的样式
	582	color: '#fff',
	583	fontSize: 14,
	584	padding: [0, 0, 0, 2],
	585	fontWeight: 100,
	586	},
	587	},
	588	grid: {
	589	top: '15%',
	590	left: '3%',
	591	right: '4%',
	592	bottom: '5%',
	593	containLabel: true
	594	},
	595	xAxis: {
	596	type: 'category',
	597	boundaryGap: false,
	598	data: xAxis,
	599	axisLabel: {
	600	color: "#DEDEDE"
	601	}
	602	},
	603	yAxis: [
	604	{
	605	type: 'value',
	606	axisLine: {
	607	show: false,
	608	},
	609	splitLine: {
	610	lineStyle: {
	611	type: 'dashed',
	612	opacity: 0.2
	613	},
	614	},
	615	axisLabel: {
	616	color: "#DEDEDE"
	617	}
	618	},
	619	],
	620	series: [
	621	{
	622	name: '灰分',
	623	data: dataHF,
	624	type: 'line',
	625	smooth: true,
	626	showSymbol: true,
	627	color: '#00C2FF'
	628	},
	629	{
	630	name: '趋势',
	631	data: trendS,
	632	type: 'line',
	633	smooth: true,
	634	showSymbol: false,
	635	color: '#FFAA5D'
	636	}
	637	]
	638	};
	639	option && chart.setOption(option);
	640	})
	641	},
	642	getChartDataM2(chart) {
	643	let that = this
	644	let params = ['A010019']
	645	this.$http.post(`/iailab-ntt-data/api/data/ind-item/values-trend`, params).then(({data: res}) => {
	646	if (res.code !== 0) {
	647	console.log(res.msg)
	648	return
	649	}
	650	let valueData = res.data['values']
	651	let xAxis = []
	652	let dataHF = []
	653	if (!valueData['A010019']) {
	654	return;
	655	}
	656	valueData['A010019'].forEach((item) =>{
	657	xAxis.push(item.dataTime)
	658	if (item.dataValue && item.dataValue >= 0) {
	659	dataHF.push([item.dataTime, item.dataValue])
	660	}
	661	})
	662
	663	let trendData = res.data['trend']
	664	if (!trendData['A010019']) {
	665	return;
	666	}
	667	let trendS = getSeriesData(trendData['A010019']['slope'], trendData['A010019']['bias'], xAxis.length)
	668	let option = {
	669	title: {
	670	show: false
	671	},
	672	tooltip: {
	673	trigger: 'axis'
	674	},
	675	legend: {
	676	right: '70',
	677	textStyle: {
	678	// 图例文字的样式
	679	color: '#fff',
	680	fontSize: 14,
	681	padding: [0, 0, 0, 2],
	682	fontWeight: 100,
	683	},
	684	},
	685	grid: {
	686	top: '15%',
	687	left: '3%',
	688	right: '4%',
	689	bottom: '5%',
	690	containLabel: true
	691	},
	692	xAxis: {
	693	type: 'category',
	694	boundaryGap: false,
	695	data: xAxis,
	696	axisLabel: {
	697	color: "#DEDEDE"
	698	}
	699	},
	700	yAxis: [
	701	{
	702	type: 'value',
	703	axisLine: {
	704	show: false,
	705	},
	706	splitLine: {
	707	lineStyle: {
	708	type: 'dashed',
	709	opacity: 0.2
	710	},
	711	},
	712	axisLabel: {
	713	color: "#DEDEDE"
	714	}
	715	},
	716	],
	717	series: [
	718	{
	719	name: '灰分',
	720	data: dataHF,
	721	type: 'line',
	722	smooth: true,
	723	showSymbol: true,
	724	color: '#00C2FF'
	725	},
	726	{
	727	name: '趋势',
	728	data: trendS,
	729	type: 'line',
	730	smooth: true,
	731	showSymbol: false,
	732	color: '#FFAA5D'
	733	}
	734	]
	735	};
	736	option && chart.setOption(option);
	737	})
	738	},
	739	getChartDataM3(chart) {
	740	let that = this
	741	let params = ['A010018']
	742	this.$http.post(`/iailab-ntt-data/api/data/ind-item/values-trend`, params).then(({data: res}) => {
	743	if (res.code !== 0) {
	744	console.log(res.msg)
	745	return
	746	}
	747	let valueData = res.data['values']
	748	let xAxis = []
	749	let dataHF = []
	750	if (!valueData['A010018']) {
	751	return;
	752	}
	753	valueData['A010018'].forEach((item) =>{
	754	xAxis.push(item.dataTime)
	755	if (item.dataValue && item.dataValue >= 0) {
	756	dataHF.push([item.dataTime, item.dataValue])
	757	}
	758	})
	759
	760	let trendData = res.data['trend']
	761	if (!trendData['A010018']) {
	762	return;
	763	}
	764	let trendS = getSeriesData(trendData['A010018']['slope'], trendData['A010018']['bias'], xAxis.length)
	765	let option = {
	766	title: {
	767	show: false
	768	},
	769	tooltip: {
	770	trigger: 'axis'
	771	},
	772	legend: {
	773	right: '70',
	774	textStyle: {
	775	// 图例文字的样式
	776	color: '#fff',
	777	fontSize: 14,
	778	padding: [0, 0, 0, 2],
	779	fontWeight: 100,
	780	},
	781	},
	782	grid: {
	783	top: '15%',
	784	left: '3%',
	785	right: '4%',
	786	bottom: '5%',
	787	containLabel: true
	788	},
	789	xAxis: {
	790	type: 'category',
	791	boundaryGap: false,
	792	data: xAxis,
	793	axisLabel: {
	794	color: "#DEDEDE"
	795	}
	796	},
	797	yAxis: [
	798	{
	799	type: 'value',
	800	min: 2000,
	801	axisLine: {
	802	show: false,
	803	},
	804	splitLine: {
	805	lineStyle: {
	806	type: 'dashed',
	807	opacity: 0.2
	808	},
	809	},
	810	axisLabel: {
	811	color: "#DEDEDE"
	812	}
	813	},
	814	],
	815	series: [
	816	{
	817	name: '热值',
	818	data: dataHF,
	819	type: 'line',
	820	smooth: true,
	821	showSymbol: true,
	822	color: '#00C2FF'
	823	},
	824	{
	825	name: '趋势',
	826	data: trendS,
	827	type: 'line',
	828	smooth: true,
	829	showSymbol: false,
	830	color: '#FFAA5D'
	831	}
	832	]
	833	};
	834	option && chart.setOption(option);
	835	})
	836	},
	837	getChartDataM4(chart) {
	838	let that = this
	839	let params = ['A010020']
	840	this.$http.post(`/iailab-ntt-data/api/data/ind-item/values-trend`, params).then(({data: res}) => {
	841	if (res.code !== 0) {
	842	console.log(res.msg)
	843	return
	844	}
	845	let valueData = res.data['values']
	846	let xAxis = []
	847	let dataHF = []
	848	if (!valueData['A010020']) {
	849	return;
	850	}
	851	valueData['A010020'].forEach((item) =>{
	852	xAxis.push(item.dataTime)
	853	if (item.dataValue && item.dataValue >= 0) {
	854	dataHF.push([item.dataTime, item.dataValue])
	855	}
	856	})
	857
	858	let trendData = res.data['trend']
	859	if (!trendData['A010020']) {
	860	return;
	861	}
	862	let trendS = getSeriesData(trendData['A010020']['slope'], trendData['A010020']['bias'], xAxis.length)
	863	let option = {
	864	title: {
	865	show: false
	866	},
	867	tooltip: {
	868	trigger: 'axis'
	869	},
	870	legend: {
	871	right: '70',
	872	textStyle: {
	873	// 图例文字的样式
	874	color: '#fff',
	875	fontSize: 14,
	876	padding: [0, 0, 0, 2],
	877	fontWeight: 100,
	878	},
	879	},
	880	grid: {
	881	top: '15%',
	882	left: '3%',
	883	right: '4%',
	884	bottom: '5%',
	885	containLabel: true
	886	},
	887	xAxis: {
	888	type: 'category',
	889	boundaryGap: false,
	890	data: xAxis,
	891	axisLabel: {
	892	color: "#DEDEDE"
	893	}
	894	},
	895	yAxis: [
	896	{
	897	type: 'value',
	898	min: 2000,
	899	axisLine: {
	900	show: false,
	901	},
	902	splitLine: {
	903	lineStyle: {
	904	type: 'dashed',
	905	opacity: 0.2
	906	},
	907	},
	908	axisLabel: {
	909	color: "#DEDEDE"
	910	}
	911	},
	912	],
	913	series: [
	914	{
	915	name: '热值',
	916	data: dataHF,
	917	type: 'line',
	918	smooth: true,
	919	showSymbol: true,
	920	color: '#00C2FF'
	921	},
	922	{
	923	name: '趋势',
	924	data: trendS,
	925	type: 'line',
	926	smooth: true,
	927	showSymbol: false,
	928	color: '#FFAA5D'
	929	}
	930	]
	931	};
	932	option && chart.setOption(option);
	933	})
	934	},
	935
	936	getChartData(chart, params) {
	937	let option;
	938	option = {
	939	title: {
	940	text: name
	941	},
	942	tooltip: {
	943	trigger: 'axis'
	944	},
	945	legend: {
	946	right: '70',
	947	textStyle: {
	948	// 图例文字的样式
	949	color: '#fff',
	950	fontSize: 14,
	951	padding: [2, 0, 0, 2],
	952	fontWeight: 100,
	953	},
	954	},
	955	grid: {
	956	top: '25%',
	957	left: '3%',
	958	right: '4%',
	959	bottom: '3%',
	960	containLabel: true
	961	},
	962	xAxis: {
	963	type: 'category',
	964	boundaryGap: false,
	965	data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
	966	},
	967	yAxis: {
	968	type: 'value',
	969	splitLine: {
	970	show: false
	971	},
	972	axisLine: {
	973	show: true,
	974	onZero: false,
	975	color: '#FFFFFF',
	976	},
	977	axisTick: {show: true},
	978	axisLabel: {
	979	formatter: '{value}'
	980	}
	981	},
	982	series: [
	983	{
	984	name: '灰分',
	985	data: [150, 230, 282, 218, 135, 147, 260],
	986	type: 'line',
	987	smooth: true,
	988	showSymbol: true,
	989	color: '#00C2FF'
	990	},
	991	{
	992	name: '热值',
	993	data: [260, 147, 218, 135, 290, 260, 230],
	994	type: 'line',
	995	smooth: true,
	996	showSymbol: true,
	997	color: '#FFAA5D'
	998	}
	999	]
	1000	};
	1001	option && chart.setOption(option);
	1002	},
	1003	getChartDataYMMZ(chart) {
	1004	let that = this
	1005	let params = ['A010001','A010018']
	1006	this.$http.post(`/iailab-ntt-data/api/data/ind-item/values`, params).then(({data: res}) => {
	1007	if (res.code !== 0) {
	1008	console.log(res.msg)
	1009	return
	1010	}
	1011	let xAxis = []
	1012	let dataHF = []
	1013	let dataRZ = []
	1014	if (!res.data['A010001']) {
	1015	return;
	1016	}
	1017	res.data['A010001'].forEach((item) =>{
	1018	xAxis.push(item.dataTime)
	1019	if (item.dataValue && item.dataValue >= 0) {
	1020	dataHF.push([item.dataTime, item.dataValue])
	1021	}
	1022	})
	1023	res.data['A010018'].forEach((item) =>{
	1024	if (item.dataValue && item.dataValue >= 0) {
	1025	dataRZ.push([item.dataTime, item.dataValue])
	1026	}
	1027	})
	1028
	1029	let option = {
	1030	title: {
	1031	show: false
	1032	},
	1033	tooltip: {
	1034	trigger: 'axis'
	1035	},
	1036	legend: {
	1037	right: '70',
	1038	textStyle: {
	1039	color: '#fff',
	1040	fontSize: 14,
	1041	padding: [2, 0, 0, 2],
	1042	fontWeight: 100,
	1043	},
	1044	},
	1045	grid: {
	1046	top: '15%',
	1047	left: '3%',
	1048	right: '4%',
	1049	bottom: '3%',
	1050	containLabel: true
	1051	},
	1052	xAxis: {
	1053	type: 'category',
	1054	boundaryGap: false,
	1055	data: xAxis,
	1056	axisLabel: {
	1057	color: "#DEDEDE"
	1058	}
	1059	},
	1060	yAxis: [
	1061	{
	1062	type: 'value',
	1063	position: 'left',
	1064	offset: 0,
	1065	name: '灰分',
	1066	nameTextStyle: {
	1067	color: '#FFFFFF',
	1068	fontSize: 10,
	1069	verticalAlign: 'bottom'
	1070	},
	1071	splitLine: {
	1072	show: false
	1073	},
	1074	axisLine: {
	1075	show: true,
	1076	onZero: false
	1077	},
	1078	axisTick: {show: true},
	1079	axisLabel: {
	1080	color: '#FFFFFF',
	1081	formatter: '{value}'
	1082	}
	1083	},
	1084	{
	1085	type: 'value',
	1086	position: 'right',
	1087	offset: 0,
	1088	min: 'dataMin', //取最小值为最小刻度
	1089	name: '热值',
	1090	nameTextStyle: {
	1091	color: '#FFFFFF',
	1092	fontSize: 10,
	1093	align: 'left',
	1094	verticalAlign: 'bottom'
	1095	},
	1096	splitLine: {
	1097	show: false
	1098	},
	1099	axisLine: {
	1100	show: true,
	1101	onZero: false
	1102	},
	1103	axisTick: {show: true},
	1104	axisLabel: {
	1105	color: '#FFFFFF',
	1106	formatter: '{value}'
	1107	}
	1108	},
	1109	],
	1110	series: [
	1111	{
	1112	name: '灰分',
	1113	data: dataHF,
	1114	type: 'line',
	1115	smooth: true,
	1116	showSymbol: true,
	1117	color: '#00C2FF',
	1118	yAxisIndex: 0,
	1119	},
	1120	{
	1121	name: '热值',
	1122	data: dataRZ,
	1123	type: 'line',
	1124	smooth: true,
	1125	showSymbol: true,
	1126	color: '#FFAA5D',
	1127	yAxisIndex: 1,
	1128	}
	1129	]
	1130	};
	1131	option && chart.setOption(option);
	1132	})
	1133
	1134	},
	1135	getChartData1(chart) {
	1136	let that = this
	1137	let params = ['A010014','A010015','C010007']
	1138	this.$http.post(`/iailab-ntt-data/api/data/ind-item/values`, params).then(({data: res}) => {
	1139	if (res.code !== 0) {
	1140	console.log(res.msg)
	1141	return
	1142	}
	1143	let xAxis = []
	1144	let dataA010014 = []
	1145	let dataA010015 = []
	1146	let dataC010007 = []
	1147	if (!res.data['A010014']) {
	1148	return;
	1149	}
	1150	res.data['A010014'].forEach((item) =>{
	1151	xAxis.push(item.dataTime)
	1152	if (item.dataValue && item.dataValue >= 0) {
	1153	dataA010014.push([item.dataTime, item.dataValue])
	1154	}
	1155	})
	1156	res.data['A010015'].forEach((item) =>{
	1157	if (item.dataValue && item.dataValue >= 0) {
	1158	dataA010015.push([item.dataTime, item.dataValue])
	1159	}
	1160	})
	1161	res.data['C010007'].forEach((item) =>{
	1162	if (item.dataValue && item.dataValue >= 0) {
	1163	dataC010007.push([item.dataTime, item.dataValue])
	1164	}
	1165	})
	1166	let option = {
	1167	tooltip: {
	1168	trigger: 'axis',
	1169	axisPointer: {type: 'shadow'}
	1170	},
	1171	grid: {
	1172	top: '10%',
	1173	left: '3%',
	1174	right: '4%',
	1175	bottom: '3%',
	1176	containLabel: true
	1177	},
	1178	legend: {
	1179	right: '70',
	1180	textStyle: {
	1181	// 图例文字的样式
	1182	color: '#fff',
	1183	fontSize: 14,
	1184	padding: [2, 0, 0, 2],
	1185	fontWeight: 100,
	1186	},
	1187	},
	1188	xAxis: [//x轴
	1189	{
	1190	type: 'category',//坐标轴类型离散
	1191	data: xAxis,
	1192	axisTick: false,//是否显示刻度
	1193	axisLine: {//坐标轴样式
	1194	show: true,//是否显示
	1195	lineStyle: {//线的样式
	1196	type: 'dashed'//线的类型虚线
	1197	},
	1198	},
	1199	axisLabel: {
	1200	color: "#DEDEDE"
	1201	}
	1202	},
	1203	],
	1204	yAxis: [
	1205	{
	1206	type: 'value',
	1207	position: 'left',
	1208	offset: 0,
	1209	name: '吨',
	1210	nameTextStyle: {
	1211	color: '#FFFFFF',
	1212	fontSize: 10,
	1213	verticalAlign: 'bottom'
	1214	},
	1215	splitLine: {
	1216	show: false
	1217	},
	1218	axisLine: {
	1219	show: true,
	1220	onZero: false
	1221	},
	1222	axisTick: {show: true},
	1223	axisLabel: {
	1224	color: '#FFFFFF',
	1225	formatter: '{value}'
	1226	}
	1227	},
	1228	{
	1229	type: 'value',
	1230	position: 'right',
	1231	offset: 0,
	1232	name: '产率',
	1233	nameTextStyle: {
	1234	color: '#FFFFFF',
	1235	fontSize: 10,
	1236	verticalAlign: 'bottom'
	1237	},
	1238	splitLine: {
	1239	show: false
	1240	},
	1241	axisLine: {
	1242	show: true,
	1243	onZero: false
	1244	},
	1245	axisTick: {show: true},
	1246	axisLabel: {
	1247	color: '#FFFFFF',
	1248	formatter: '{value}'
	1249	}
	1250	}
	1251	],
	1252	series: [
	1253	{
	1254	name: '计划',
	1255	type: 'bar',
	1256	barWidth: 10,
	1257	data: dataA010014,
	1258	yAxisIndex: 0,
	1259	z: 2,
	1260	itemStyle: {
	1261	color: {
	1262	x: 0,
	1263	y: 0,
	1264	x2: 0,
	1265	y2: 1,
	1266	type: 'linear',
	1267	global: false,
	1268	colorStops: [
	1269	{
	1270	offset: 0,
	1271	color: 'rgba(6, 244, 231)',
	1272	},
	1273	{
	1274	offset: 1,
	1275	color: 'rgba(6, 244, 231,0)',
	1276	},
	1277	],
	1278	},
	1279	},
	1280	},
	1281	{
	1282	name: '实绩',
	1283	type: 'bar',
	1284	barWidth: 10,
	1285	data: dataA010015,
	1286	yAxisIndex: 0,
	1287	z: 1,
	1288	itemStyle: {
	1289	color: {
	1290	x: 0,
	1291	y: 0,
	1292	x2: 0,
	1293	y2: 1,
	1294	type: 'linear',
	1295	global: false,
	1296	colorStops: [
	1297	{
	1298	offset: 0,
	1299	color: 'rgba(3, 181, 243)',
	1300	},
	1301	{
	1302	offset: 1,
	1303	color: 'rgba(2, 190, 251,0)',
	1304	},
	1305	],
	1306
	1307	},
	1308	},
	1309	},
	1310	{
	1311	name: '达成率',
	1312	data: dataC010007,
	1313	yAxisIndex: 1,
	1314	type: 'line',
	1315	smooth: true,
	1316	showSymbol: true,
	1317	color: '#00C2FF'
	1318	},
	1319	],
	1320
	1321	};
	1322	option && chart.setOption(option);
	1323	})
	1324	},
	1325	getChartData2(chart) {
	1326	let that = this
	1327	let params = ['A010016','A010017','C010008']
	1328	this.$http.post(`/iailab-ntt-data/api/data/ind-item/values`, params).then(({data: res}) => {
	1329	if (res.code !== 0) {
	1330	console.log(res.msg)
	1331	return
	1332	}
	1333	let xAxis = []
	1334	let dataJh = []
	1335	let dataWc = []
	1336	let dataDcl = []
	1337	if (!res.data['A010016']) {
	1338	return;
	1339	}
	1340	res.data['A010016'].forEach((item) =>{
	1341	xAxis.push(item.dataTime)
	1342	if (item.dataValue && item.dataValue >= 0) {
	1343	dataJh.push([item.dataTime, item.dataValue])
	1344	}
	1345	})
	1346	res.data['A010017'].forEach((item) =>{
	1347	if (item.dataValue && item.dataValue >= 0) {
	1348	dataWc.push([item.dataTime, item.dataValue])
	1349	}
	1350	})
	1351	res.data['C010008'].forEach((item) =>{
	1352	if (item.dataValue && item.dataValue >= 0) {
	1353	dataDcl.push([item.dataTime, item.dataValue])
	1354	}
	1355	})
	1356	let option = {
	1357	tooltip: {
	1358	trigger: 'axis',
	1359	axisPointer: {type: 'shadow'}
	1360	},
	1361	grid: {
	1362	top: '10%',
	1363	left: '3%',
	1364	right: '4%',
	1365	bottom: '3%',
	1366	containLabel: true
	1367	},
	1368	legend: {
	1369	right: '70',
	1370	textStyle: {
	1371	// 图例文字的样式
	1372	color: '#fff',
	1373	fontSize: 14,
	1374	padding: [2, 0, 0, 2],
	1375	fontWeight: 100,
	1376	},
	1377	},
	1378	xAxis: [//x轴
	1379	{
	1380	type: 'category',//坐标轴类型离散
	1381	data: xAxis,
	1382	axisTick: false,//是否显示刻度
	1383	axisLine: {//坐标轴样式
	1384	show: true,//是否显示
	1385	lineStyle: {//线的样式
	1386	type: 'dashed'//线的类型虚线
	1387	},
	1388	},
	1389	axisLabel: {
	1390	color: "#DEDEDE"
	1391	}
	1392	},
	1393	],
	1394	yAxis: [
	1395	{
	1396	type: 'value',
	1397	position: 'left',
	1398	offset: 0,
	1399	name: '吨',
	1400	nameTextStyle: {
	1401	color: '#FFFFFF',
	1402	fontSize: 10,
	1403	verticalAlign: 'bottom'
	1404	},
	1405	splitLine: {
	1406	show: false
	1407	},
	1408	axisLine: {
	1409	show: true,
	1410	onZero: false
	1411	},
	1412	axisTick: {show: true},
	1413	axisLabel: {
	1414	color: '#FFFFFF',
	1415	formatter: '{value}'
	1416	}
	1417	},
	1418	{
	1419	type: 'value',
	1420	position: 'right',
	1421	offset: 0,
	1422	name: '产率',
	1423	nameTextStyle: {
	1424	color: '#FFFFFF',
	1425	fontSize: 10,
	1426	verticalAlign: 'bottom'
	1427	},
	1428	splitLine: {
	1429	show: false
	1430	},
	1431	axisLine: {
	1432	show: true,
	1433	onZero: false
	1434	},
	1435	axisTick: {show: true},
	1436	axisLabel: {
	1437	color: '#FFFFFF',
	1438	formatter: '{value}'
	1439	}
	1440	}
	1441	],
	1442	series: [
	1443	{
	1444	name: '计划',
	1445	type: 'bar',
	1446	barWidth: 10,
	1447	data: dataJh,
	1448	yAxisIndex: 0,
	1449	z: 2,
	1450	itemStyle: {
	1451	color: {
	1452	x: 0,
	1453	y: 0,
	1454	x2: 0,
	1455	y2: 1,
	1456	type: 'linear',
	1457	global: false,
	1458	colorStops: [
	1459	{
	1460	offset: 0,
	1461	color: 'rgba(6, 244, 231)',
	1462	},
	1463	{
	1464	offset: 1,
	1465	color: 'rgba(6, 244, 231,0)',
	1466	},
	1467	],
	1468	},
	1469	},
	1470	},
	1471	{
	1472	name: '实绩',
	1473	type: 'bar',
	1474	barWidth: 10,
	1475	data: dataWc,
	1476	yAxisIndex: 0,
	1477	z: 1,
	1478	itemStyle: {
	1479	color: {
	1480	x: 0,
	1481	y: 0,
	1482	x2: 0,
	1483	y2: 1,
	1484	type: 'linear',
	1485	global: false,
	1486	colorStops: [
	1487	{
	1488	offset: 0,
	1489	color: 'rgba(3, 181, 243)',
	1490	},
	1491	{
	1492	offset: 1,
	1493	color: 'rgba(2, 190, 251,0)',
	1494	},
	1495	],
	1496
	1497	},
	1498	},
	1499	},
	1500	{
	1501	name: '达成率',
	1502	data: dataDcl,
	1503	yAxisIndex: 1,
	1504	type: 'line',
	1505	smooth: true,
	1506	showSymbol: true,
	1507	color: '#00C2FF'
	1508	},
	1509	],
	1510
	1511	};
	1512	option && chart.setOption(option);
	1513	})
	1514	},
	1515	getChartData3(chart) {
	1516	let that = this
	1517	let params = ['A010021','A010022','C010009']
	1518	this.$http.post(`/iailab-ntt-data/api/data/ind-item/values`, params).then(({data: res}) => {
	1519	if (res.code !== 0) {
	1520	console.log(res.msg)
	1521	return
	1522	}
	1523	let xAxis = []
	1524	let dataJh = []
	1525	let dataWc = []
	1526	let dataDcl = []
	1527	if (!res.data['A010021']) {
	1528	return;
	1529	}
	1530	res.data['A010021'].forEach((item) =>{
	1531	xAxis.push(item.dataTime)
	1532	if (item.dataValue && item.dataValue >= 0) {
	1533	dataJh.push([item.dataTime, item.dataValue])
	1534	}
	1535	})
	1536	res.data['A010022'].forEach((item) =>{
	1537	if (item.dataValue && item.dataValue >= 0) {
	1538	dataWc.push([item.dataTime, item.dataValue])
	1539	}
	1540	})
	1541	res.data['C010009'].forEach((item) =>{
	1542	if (item.dataValue && item.dataValue >= 0) {
	1543	dataDcl.push([item.dataTime, item.dataValue])
	1544	}
	1545	})
	1546	let option = {
	1547	tooltip: {
	1548	trigger: 'axis',
	1549	axisPointer: {type: 'shadow'}
	1550	},
	1551	grid: {
	1552	top: '10%',
	1553	left: '3%',
	1554	right: '4%',
	1555	bottom: '3%',
	1556	containLabel: true
	1557	},
	1558	legend: {
	1559	right: '70',
	1560	textStyle: {
	1561	// 图例文字的样式
	1562	color: '#fff',
	1563	fontSize: 14,
	1564	padding: [2, 0, 0, 2],
	1565	fontWeight: 100,
	1566	},
	1567	},
	1568	xAxis: [//x轴
	1569	{
	1570	type: 'category',//坐标轴类型离散
	1571	data: xAxis,
	1572	axisTick: false,//是否显示刻度
	1573	axisLine: {//坐标轴样式
	1574	show: true,//是否显示
	1575	lineStyle: {//线的样式
	1576	type: 'dashed'//线的类型虚线
	1577	},
	1578	},
	1579	axisLabel: {
	1580	color: "#DEDEDE"
	1581	}
	1582	},
	1583	],
	1584	yAxis: [
	1585	{
	1586	type: 'value',
	1587	position: 'left',
	1588	offset: 0,
	1589	name: '吨',
	1590	nameTextStyle: {
	1591	color: '#FFFFFF',
	1592	fontSize: 10,
	1593	verticalAlign: 'bottom'
	1594	},
	1595	splitLine: {
	1596	show: false
	1597	},
	1598	axisLine: {
	1599	show: true,
	1600	onZero: false
	1601	},
	1602	axisTick: {show: true},
	1603	axisLabel: {
	1604	color: '#FFFFFF',
	1605	formatter: '{value}'
	1606	}
	1607	},
	1608	{
	1609	type: 'value',
	1610	position: 'right',
	1611	offset: 0,
	1612	name: '产率',
	1613	nameTextStyle: {
	1614	color: '#FFFFFF',
	1615	fontSize: 10,
	1616	verticalAlign: 'bottom'
	1617	},
	1618	splitLine: {
	1619	show: false
	1620	},
	1621	axisLine: {
	1622	show: true,
	1623	onZero: false
	1624	},
	1625	axisTick: {show: true},
	1626	axisLabel: {
	1627	color: '#FFFFFF',
	1628	formatter: '{value}'
	1629	}
	1630	}
	1631	],
	1632	series: [
	1633	{
	1634	name: '计划',
	1635	type: 'bar',
	1636	barWidth: 10,
	1637	data: dataJh,
	1638	yAxisIndex: 0,
	1639	z: 2,
	1640	itemStyle: {
	1641	color: {
	1642	x: 0,
	1643	y: 0,
	1644	x2: 0,
	1645	y2: 1,
	1646	type: 'linear',
	1647	global: false,
	1648	colorStops: [
	1649	{
	1650	offset: 0,
	1651	color: 'rgba(6, 244, 231)',
	1652	},
	1653	{
	1654	offset: 1,
	1655	color: 'rgba(6, 244, 231,0)',
	1656	},
	1657	],
	1658	},
	1659	},
	1660	},
	1661	{
	1662	name: '实绩',
	1663	type: 'bar',
	1664	barWidth: 10,
	1665	data: dataWc,
	1666	yAxisIndex: 0,
	1667	z: 1,
	1668	itemStyle: {
	1669	color: {
	1670	x: 0,
	1671	y: 0,
	1672	x2: 0,
	1673	y2: 1,
	1674	type: 'linear',
	1675	global: false,
	1676	colorStops: [
	1677	{
	1678	offset: 0,
	1679	color: 'rgba(3, 181, 243)',
	1680	},
	1681	{
	1682	offset: 1,
	1683	color: 'rgba(2, 190, 251,0)',
	1684	},
	1685	],
	1686
	1687	},
	1688	},
	1689	},
	1690	{
	1691	name: '达成率',
	1692	data: dataDcl,
	1693	yAxisIndex: 1,
	1694	type: 'line',
	1695	smooth: true,
	1696	showSymbol: true,
	1697	color: '#00C2FF'
	1698	},
	1699	],
	1700
	1701	};
	1702	option && chart.setOption(option);
	1703	})
	1704	},
	1705	}
	1706	}
	1707
	1708	</script>
	1709	<style scoped>
	1710	.chart-title {
	1711	padding: 10px 10px 0 10px;
	1712	font-weight: bold;
	1713	font-size: 18px;
	1714	color: #8FD6FE;
	1715	line-height: 16px;
	1716	text-align: left;
	1717	}
	1718
	1719	.middle-fcfx-button > .el-button {
	1720	border-radius: 4px 4px 4px 4px;
	1721	border: 2px solid #86DBFF;
	1722
	1723	}
	1724
	1725	.middle-fcfx-button > .el-button--text {
	1726	font-size: 14px;
	1727	}
	1728
	1729	.middle-fcfx-button {
	1730	display: flex;
	1731	flex-direction: column;
	1732	justify-content: center;
	1733	padding: 5px 20px 5px 5px;
	1734	margin-left: -120px;
	1735	}
	1736
	1737	#data-overview-body {
	1738	width: 100%;
	1739	height: 100%;
	1740	display: flex;
	1741	flex-direction: row;
	1742	}
	1743
	1744	#data-left {
	1745	width: 26%;
	1746	height: 100%;
	1747	padding: 10px 10px 10px 30px;
	1748	display: flex;
	1749	flex-direction: column;
	1750	margin-top: -20px;
	1751	}
	1752
	1753	.data-left-1 {
	1754	width: 100%;
	1755	height: 8%;
	1756	padding-left: 10px;
	1757	}
	1758
	1759	.data-left-2 {
	1760	width: 100%;
	1761	height: 30%;
	1762	display: flex;
	1763	flex-direction: column;
	1764	padding-left: 10px;
	1765	}
	1766
	1767	.data-left-3 {
	1768	width: 100%;
	1769	height: 30%;
	1770	margin-top: 10px;
	1771	}
	1772
	1773	.data-left-4 {
	1774	width: 100%;
	1775	height: 30%;
	1776	margin-top: 20px;
	1777	}
	1778
	1779	.data-left-1 img {
	1780	width: 100%;
	1781	height: auto;
	1782	object-fit: contain;
	1783	}
	1784
	1785	.data-left-sub-2 {
	1786	width: 100%;
	1787	height: 33%;
	1788	display: flex;
	1789	flex-direction: row;
	1790	padding-top: 5px;
	1791	}
	1792
	1793	.data-left-content-1 {
	1794	width: 25%;
	1795	height: 100%;
	1796	color: #80D8FE;
	1797	display: flex;
	1798	flex-direction: column;
	1799	justify-content: center;
	1800	align-content: center;
	1801	}
	1802
	1803	#data-middle {
	1804	width: 48%;
	1805	height: 100%;
	1806	display: flex;
	1807	flex-direction: column;
	1808	}
	1809
	1810	.data-middle-1 {
	1811	width: 100%;
	1812	height: 8%;
	1813	display: flex;
	1814	flex-direction: row;
	1815	}
	1816
	1817	.data-middle-2 {
	1818	width: 100%;
	1819	height: 28%;
	1820	display: flex;
	1821	flex-direction: row;
	1822	}
	1823
	1824	.data-middle-3 {
	1825	width: 100%;
	1826	height: 28%;
	1827	display: flex;
	1828	flex-direction: row;
	1829	}
	1830
	1831	.data-middle-4 {
	1832	width: 100%;
	1833	height: 7%;
	1834	margin-top: 20px;
	1835	}
	1836
	1837	.data-middle-5 {
	1838	width: 100%;
	1839	height: 28%;
	1840	display: flex;
	1841	flex-direction: row;
	1842	}
	1843
	1844	.data-middle-sub-2 {
	1845	width: 50%;
	1846	height: 100%;
	1847	}
	1848
	1849	.data-middle-sub-3-1 {
	1850	width: 50%;
	1851	height: 100%;
	1852	}
	1853
	1854	.data-middle-sub-3-2 {
	1855	width: 50%;
	1856	height: 100%;
	1857	display: flex;
	1858	flex-direction: column;
	1859	justify-content: center;
	1860	}
	1861
	1862	.data-middle-sub-5 {
	1863	width: 50%;
	1864	height: 100%;
	1865	display: flex;
	1866	flex-direction: row;
	1867	}
	1868
	1869	.data-middle-1 img {
	1870	width: 100%;
	1871	height: auto;
	1872	object-fit: contain;
	1873	}
	1874
	1875	.data-middle-sub-5-1 {
	1876	width: 35%;
	1877	height: 100%;
	1878	margin-left: -25px;
	1879	}
	1880
	1881	.data-middle-sub-5-2 {
	1882	width: 65%;
	1883	height: 100%;
	1884	display: flex;
	1885	flex-direction: column;
	1886	}
	1887
	1888	.data-middle-sub-5-2-1 {
	1889	display: flex;
	1890	flex-direction: row;
	1891	padding-left: 18px;
	1892	}
	1893
	1894	.data-middle-sub-5-2-3 {
	1895
	1896	}
	1897
	1898	.data-middle-sub-5-2-3 {
	1899	margin-top: -8px;
	1900	padding-left: 54px;
	1901	}
	1902
	1903	#data-right {
	1904	width: 26%;
	1905	height: 100%;
	1906	padding: 10px 30px 10px 10px;
	1907	display: flex;
	1908	flex-direction: column;
	1909	}
	1910
	1911	.data-right-1 {
	1912	width: 100%;
	1913	height: 8%;
	1914	padding-left: 10px;
	1915	}
	1916
	1917	.data-right-2 {
	1918	width: 100%;
	1919	height: 30%;
	1920	}
	1921
	1922	.data-right-3 {
	1923	width: 100%;
	1924	height: 30%;
	1925	margin-top: 10px;
	1926	}
	1927
	1928	.data-right-4 {
	1929	width: 100%;
	1930	height: 30%;
	1931	margin-top: 20px;
	1932	}
	1933
	1934	.data-right-1 img {
	1935	width: 100%;
	1936	height: auto;
	1937	object-fit: contain;
	1938	}
	1939
	1940	.data-right-sub-2 {
	1941	width: 100%;
	1942	height: 33%;
	1943	display: flex;
	1944	flex-direction: row;
	1945	}
	1946
	1947	.data-right-content-1 {
	1948	width: 25%;
	1949	height: 100%;
	1950	color: #80D8FE;
	1951	display: flex;
	1952	flex-direction: column;
	1953	justify-content: center;
	1954	align-content: center;
	1955	}
	1956
	1957	.chart-line {
	1958	margin-top: -10px;
	1959	width: 100%;
	1960	height: 100%;
	1961	}
	1962
	1963	.chart-ring-line {
	1964	width: 100%;
	1965	height: 100%;
	1966	}
	1967
	1968
	1969	</style>