iailab-plat-ui-vue2.git

houzhongjian

2024-07-23 8501060c4f921d1e744c477e4dc08eb47b52693c

提交 \| 用户 \| 时间
850106	1	<template>
H	2	<el-card shadow="never" class="aui-card--fill" >
	3	<el-tabs v-model="activeName" @tab-click="handleClick">
	4	<el-tab-pane label="入选量" name="first">
	5	<el-form :inline="true" :model="rxl.dataForm">
	6	<el-form-item>
	7	<el-date-picker
	8	v-model="rxl.dataForm.startDate"
	9	type="date"
	10	placeholder="选择开始时间"
	11	value-format="yyyy-MM-dd"
	12	>
	13	</el-date-picker>
	14	</el-form-item>
	15	<el-form-item>
	16	<el-date-picker
	17	v-model="rxl.dataForm.endDate"
	18	type="date"
	19	placeholder="选择结束时间"
	20	value-format="yyyy-MM-dd"
	21	>
	22	</el-date-picker>
	23	</el-form-item>
	24	<el-form-item>
	25	<el-button :loading="raw.rxl.loading" @click="init1">查询</el-button>
	26	</el-form-item>
	27	</el-form>
	28	<div class="scrollable-container">
	29	<!--原煤入洗量-->
	30	<el-card shadow="never" class="aui-card--fill" v-loading="raw.rxl.loading">
	31	<el-row type="flex" justify="space-around">
	32	<el-col :span="4" style="margin-top: 40px" class="Border_l">
	33	<el-row>
	34	<el-col :span="12">
	35	<div style="width: 100%; text-align: left; font-size: 18px">
	36	当前值
	37	</div>
	38	<div
	39	style="
	40	width: 100%;
	41	height: 30px;
	42	margin-top: 10px;
	43	margin-bottom: 10px;
	44	color: #000000;
	45	font-size: 24px;
	46	"
	47	>
	48	<span>{{ raw.rxl.currentValue }}</span>
	49	<span style="font-size: 14px">{{raw.rxl.unit}}</span>
	50	</div>
	51	</el-col>
	52	<el-col :span="12">
	53	<div style="width: 100%; text-align: left; font-size: 18px">
	54	分析长度
	55	</div>
	56	<div
	57	style="
	58	width: 100%;
	59	height: 30px;
	60	margin-top: 10px;
	61	margin-bottom: 10px;
	62	color: #000000;
	63	font-size: 24px;
	64	"
	65	>
	66	<span>{{ raw.rxl.length }}</span
	67	><span style="font-size: 14px">天</span>
	68	</div>
	69	</el-col>
	70	</el-row>
	71	</el-col>
	72	<el-col :span="19">
	73	<div>
	74	<div id="any-ymrxl" style="margin-top: 20px" class="ecbox"></div>
	75	</div>
	76	</el-col>
	77	</el-row>
	78	<el-row>
	79	<el-col :span="12" class="Border_down" align="left">
	80	<el-row
	81	type="flex"
	82	justify="center"
	83	align="middle"
	84	style="height: 5vh"
	85	>
	86	<el-col :span="5" style="padding-top:5vh">
	87	<span style="font-size: 16px; font-weight: 600">
	88	整体趋势{{raw.rxl.trend}}
	89	<i :class="raw.rxl.iconClass"></i>
	90	</span>
	91	</el-col>
	92	<el-col :span="5" style="padding-top:5vh">
	93	<el-row style="font-size: 14px">
	94	<span>平均值</span>
	95	</el-row>
	96	<el-row style="font-size: 14px">
	97	<span>{{raw.rxl.trendValue.mean_value}}</span>
	98	</el-row>
	99	</el-col>
	100	<el-col :span="5" style="padding-top:5vh">
	101	<el-row style="font-size: 14px">
	102	<span>最大值</span>
	103	</el-row>
	104	<el-row style="font-size: 14px">
	105	<span>{{raw.rxl.trendValue.max_value}}</span>
	106	</el-row>
	107	</el-col>
	108	<el-col :span="5" style="padding-top:5vh">
	109	<el-row style="font-size: 14px">
	110	<span>最小值</span>
	111	</el-row>
	112	<el-row style="font-size: 14px">
	113	<span>{{raw.rxl.trendValue.min_value}}</span>
	114	</el-row>
	115	</el-col>
	116	</el-row>
	117	</el-col>
	118	<el-col :span="12" class="Border_down" align="left">
	119	<el-row style="margin-left: 2vh; margin-top: 1vh">
	120	<span style="font-size: 14px; font-weight: 600">调度建议</span>
	121	</el-row>
	122	<el-row>
	123	<el-col
	124	:span="23"
	125	class="Border_text"
	126	style="margin-left: 2vh; margin-top: 1vh; padding-top: 10px"
	127	><span
	128	style="
	129	margin-left: 2vh;
	130	font-size: 18px;
	131	font-family: '楷体';
	132	font-weight: 600;
	133	color: red;
	134	"
	135	>{{raw.rxl.dispatchSug}}</span>
	136	</el-col>
	137	</el-row>
	138	</el-col>
	139	</el-row>
	140
	141	</el-card>
	142	</div>
	143	</el-tab-pane>
	144	<el-tab-pane label="分选产品" name="second">
	145	<el-form :inline="true" :model="cpl.dataForm">
	146	<el-form-item>
	147	<el-date-picker
	148	v-model="cpl.dataForm.startDate"
	149	type="date"
	150	placeholder="选择开始时间"
	151	value-format="yyyy-MM-dd"
	152	>
	153	</el-date-picker>
	154	</el-form-item>
	155	<el-form-item>
	156	<el-date-picker
	157	v-model="cpl.dataForm.endDate"
	158	type="date"
	159	placeholder="选择结束时间"
	160	value-format="yyyy-MM-dd"
	161	>
	162	</el-date-picker>
	163	</el-form-item>
	164	<el-form-item>
	165	<el-button :loading="hm.cl.loading" @click="init2">查询</el-button>
	166	</el-form-item>
	167	</el-form>
	168	<div class="scrollable-container">
	169	<!--混煤产量-->
	170	<el-card shadow="never" class="aui-card--fill" v-loading="hm.cl.loading" >
	171	<el-row type="flex" justify="space-around">
	172	<el-col :span="4" style="margin-top: 40px" class="Border_l">
	173	<el-row>
	174	<el-col :span="12">
	175	<div style="width: 100%; text-align: left; font-size: 18px">
	176	当前值
	177	</div>
	178	<div
	179	style="
	180	width: 100%;
	181	height: 30px;
	182	margin-top: 10px;
	183	margin-bottom: 10px;
	184	color: #000000;
	185	font-size: 24px;
	186	"
	187	>
	188	<span>{{ hm.cl.currentValue }}</span>
	189	<span style="font-size: 14px">{{hm.cl.unit}}</span>
	190	</div>
	191	</el-col>
	192	<el-col :span="12">
	193	<div style="width: 100%; text-align: left; font-size: 18px">
	194	分析长度
	195	</div>
	196	<div
	197	style="
	198	width: 100%;
	199	height: 30px;
	200	margin-top: 10px;
	201	margin-bottom: 10px;
	202	color: #000000;
	203	font-size: 24px;
	204	"
	205	>
	206	<span>{{ hm.cl.length }}</span
	207	><span style="font-size: 14px">天</span>
	208	</div>
	209	</el-col>
	210	</el-row>
	211	</el-col>
	212	<el-col :span="19">
	213	<div>
	214	<div id="any-hmcl" style="margin-top: 20px" class="ecbox"></div>
	215	</div>
	216	</el-col>
	217	</el-row>
	218	<el-row>
	219	<el-col :span="12" class="Border_down" align="left">
	220	<el-row
	221	type="flex"
	222	justify="center"
	223	align="middle"
	224	style="height: 5vh"
	225	>
	226	<el-col :span="5" style="padding-top:5vh">
	227	<span style="font-size: 16px; font-weight: 600">
	228	整体趋势{{hm.cl.trend}}
	229	<i :class="hm.cl.iconClass"></i>
	230	</span>
	231	</el-col>
	232	<el-col :span="5" style="padding-top:5vh">
	233	<el-row style="font-size: 14px">
	234	<span>平均值</span>
	235	</el-row>
	236	<el-row style="font-size: 14px">
	237	<span>{{hm.cl.trendValue.mean_value}}</span>
	238	</el-row>
	239	</el-col>
	240	<el-col :span="5" style="padding-top:5vh">
	241	<el-row style="font-size: 14px">
	242	<span>最大值</span>
	243	</el-row>
	244	<el-row style="font-size: 14px">
	245	<span>{{hm.cl.trendValue.max_value}}</span>
	246	</el-row>
	247	</el-col>
	248	<el-col :span="5" style="padding-top:5vh">
	249	<el-row style="font-size: 14px">
	250	<span>最小值</span>
	251	</el-row>
	252	<el-row style="font-size: 14px">
	253	<span>{{hm.cl.trendValue.min_value}}</span>
	254	</el-row>
	255	</el-col>
	256	</el-row>
	257	</el-col>
	258	<el-col :span="12" class="Border_down" align="left">
	259	<el-row style="margin-left: 2vh; margin-top: 1vh">
	260	<span style="font-size: 14px; font-weight: 600">调度建议</span>
	261	</el-row>
	262	<el-row>
	263	<el-col
	264	:span="23"
	265	class="Border_text"
	266	style="margin-left: 2vh; margin-top: 1vh; padding-top: 10px"
	267	><span
	268	style="
	269	margin-left: 2vh;
	270	font-size: 18px;
	271	font-family: '楷体';
	272	font-weight: 600;
	273	color: red;
	274	"
	275	>{{hm.cl.dispatchSug}}</span>
	276	</el-col>
	277	</el-row>
	278	</el-col>
	279	</el-row>
	280
	281	</el-card>
	282
	283	<!--洗小块产量-->
	284	<el-card shadow="never" class="aui-card--fill" v-loading="xxk.cl.loading">
	285	<el-row type="flex" justify="space-around">
	286	<el-col :span="4" style="margin-top: 40px" class="Border_l">
	287	<el-row>
	288	<el-col :span="12">
	289	<div style="width: 100%; text-align: left; font-size: 18px">
	290	当前值
	291	</div>
	292	<div
	293	style="
	294	width: 100%;
	295	height: 30px;
	296	margin-top: 10px;
	297	margin-bottom: 10px;
	298	color: #000000;
	299	font-size: 24px;
	300	"
	301	>
	302	<span>{{ xxk.cl.currentValue }}</span>
	303	<span style="font-size: 14px">{{xxk.cl.unit}}</span>
	304	</div>
	305	</el-col>
	306	<el-col :span="12">
	307	<div style="width: 100%; text-align: left; font-size: 18px">
	308	分析长度
	309	</div>
	310	<div
	311	style="
	312	width: 100%;
	313	height: 30px;
	314	margin-top: 10px;
	315	margin-bottom: 10px;
	316	color: #000000;
	317	font-size: 24px;
	318	"
	319	>
	320	<span>{{ xxk.cl.length }}</span
	321	><span style="font-size: 14px">天</span>
	322	</div>
	323	</el-col>
	324	</el-row>
	325	</el-col>
	326	<el-col :span="19">
	327	<div>
	328	<div id="any-xxkcl" style="margin-top: 20px" class="ecbox"></div>
	329	</div>
	330	</el-col>
	331	</el-row>
	332	<el-row>
	333	<el-col :span="12" class="Border_down" align="left">
	334	<el-row
	335	type="flex"
	336	justify="center"
	337	align="middle"
	338	style="height: 5vh"
	339	>
	340	<el-col :span="5" style="padding-top:5vh">
	341	<span style="font-size: 16px; font-weight: 600">
	342	整体趋势{{xxk.cl.trend}}
	343	<i :class="xxk.cl.iconClass"></i>
	344	</span>
	345	</el-col>
	346	<el-col :span="5" style="padding-top:5vh">
	347	<el-row style="font-size: 14px">
	348	<span>平均值</span>
	349	</el-row>
	350	<el-row style="font-size: 14px">
	351	<span>{{xxk.cl.trendValue.mean_value}}</span>
	352	</el-row>
	353	</el-col>
	354	<el-col :span="5" style="padding-top:5vh">
	355	<el-row style="font-size: 14px">
	356	<span>最大值</span>
	357	</el-row>
	358	<el-row style="font-size: 14px">
	359	<span>{{xxk.cl.trendValue.max_value}}</span>
	360	</el-row>
	361	</el-col>
	362	<el-col :span="5" style="padding-top:5vh">
	363	<el-row style="font-size: 14px">
	364	<span>最小值</span>
	365	</el-row>
	366	<el-row style="font-size: 14px">
	367	<span>{{xxk.cl.trendValue.min_value}}</span>
	368	</el-row>
	369	</el-col>
	370	</el-row>
	371	</el-col>
	372	<el-col :span="12" class="Border_down" align="left">
	373	<el-row style="margin-left: 2vh; margin-top: 1vh">
	374	<span style="font-size: 14px; font-weight: 600">调度建议</span>
	375	</el-row>
	376	<el-row>
	377	<el-col
	378	:span="23"
	379	class="Border_text"
	380	style="margin-left: 2vh; margin-top: 1vh; padding-top: 10px"
	381	><span
	382	style="
	383	margin-left: 2vh;
	384	font-size: 18px;
	385	font-family: '楷体';
	386	font-weight: 600;
	387	color: red;
	388	"
	389	>{{xxk.cl.dispatchSug}}</span>
	390	</el-col>
	391	</el-row>
	392	</el-col>
	393	</el-row>
	394
	395	</el-card>
	396
	397	<!--洗中块产量-->
	398	<el-card shadow="never" class="aui-card--fill" v-loading="xzk.cl.loading">
	399	<el-row type="flex" justify="space-around">
	400	<el-col :span="4" style="margin-top: 40px" class="Border_l">
	401	<el-row>
	402	<el-col :span="12">
	403	<div style="width: 100%; text-align: left; font-size: 18px">
	404	当前值
	405	</div>
	406	<div
	407	style="
	408	width: 100%;
	409	height: 30px;
	410	margin-top: 10px;
	411	margin-bottom: 10px;
	412	color: #000000;
	413	font-size: 24px;
	414	"
	415	>
	416	<span>{{ xzk.cl.currentValue }}</span>
	417	<span style="font-size: 14px">{{xzk.cl.unit}}</span>
	418	</div>
	419	</el-col>
	420	<el-col :span="12">
	421	<div style="width: 100%; text-align: left; font-size: 18px">
	422	分析长度
	423	</div>
	424	<div
	425	style="
	426	width: 100%;
	427	height: 30px;
	428	margin-top: 10px;
	429	margin-bottom: 10px;
	430	color: #000000;
	431	font-size: 24px;
	432	"
	433	>
	434	<span>{{ xzk.cl.length }}</span
	435	><span style="font-size: 14px">天</span>
	436	</div>
	437	</el-col>
	438	</el-row>
	439	</el-col>
	440	<el-col :span="19">
	441	<div>
	442	<div id="any-xzkcl" style="margin-top: 20px" class="ecbox"></div>
	443	</div>
	444	</el-col>
	445	</el-row>
	446	<el-row>
	447	<el-col :span="12" class="Border_down" align="left">
	448	<el-row
	449	type="flex"
	450	justify="center"
	451	align="middle"
	452	style="height: 5vh"
	453	>
	454	<el-col :span="5" style="padding-top:5vh">
	455	<span style="font-size: 16px; font-weight: 600">
	456	整体趋势{{xzk.cl.trend}}
	457	<i :class="xzk.cl.iconClass"></i>
	458	</span>
	459	</el-col>
	460	<el-col :span="5" style="padding-top:5vh">
	461	<el-row style="font-size: 14px">
	462	<span>平均值</span>
	463	</el-row>
	464	<el-row style="font-size: 14px">
	465	<span>{{xzk.cl.trendValue.mean_value}}</span>
	466	</el-row>
	467	</el-col>
	468	<el-col :span="5" style="padding-top:5vh">
	469	<el-row style="font-size: 14px">
	470	<span>最大值</span>
	471	</el-row>
	472	<el-row style="font-size: 14px">
	473	<span>{{xzk.cl.trendValue.max_value}}</span>
	474	</el-row>
	475	</el-col>
	476	<el-col :span="5" style="padding-top:5vh">
	477	<el-row style="font-size: 14px">
	478	<span>最小值</span>
	479	</el-row>
	480	<el-row style="font-size: 14px">
	481	<span>{{xzk.cl.trendValue.min_value}}</span>
	482	</el-row>
	483	</el-col>
	484	</el-row>
	485	</el-col>
	486	<el-col :span="12" class="Border_down" align="left">
	487	<el-row style="margin-left: 2vh; margin-top: 1vh">
	488	<span style="font-size: 14px; font-weight: 600">调度建议</span>
	489	</el-row>
	490	<el-row>
	491	<el-col
	492	:span="23"
	493	class="Border_text"
	494	style="margin-left: 2vh; margin-top: 1vh; padding-top: 10px"
	495	><span
	496	style="
	497	margin-left: 2vh;
	498	font-size: 18px;
	499	font-family: '楷体';
	500	font-weight: 600;
	501	color: red;
	502	"
	503	>{{xzk.cl.dispatchSug}}</span>
	504	</el-col>
	505	</el-row>
	506	</el-col>
	507	</el-row>
	508
	509	</el-card>
	510	</div>
	511	</el-tab-pane>
	512	<el-tab-pane label="商品外运量" name="third">
	513	<el-form :inline="true" :model="wyl.dataForm">
	514	<el-form-item>
	515	<el-date-picker
	516	v-model="wyl.dataForm.startDate"
	517	type="date"
	518	placeholder="选择开始时间"
	519	value-format="yyyy-MM-dd"
	520	>
	521	</el-date-picker>
	522	</el-form-item>
	523	<el-form-item>
	524	<el-date-picker
	525	v-model="wyl.dataForm.endDate"
	526	type="date"
	527	placeholder="选择结束时间"
	528	value-format="yyyy-MM-dd"
	529	>
	530	</el-date-picker>
	531	</el-form-item>
	532	<el-form-item>
	533	<el-button :loading="hm.dx.loading" @click="init3">查询</el-button>
	534	</el-form-item>
	535	</el-form>
	536	<div class="scrollable-container">
	537	<!--地销混煤-->
	538	<el-card shadow="never" class="aui-card--fill" v-loading="hm.dx.loading" >
	539	<el-row type="flex" justify="space-around">
	540	<el-col :span="4" style="margin-top: 40px" class="Border_l">
	541	<el-row>
	542	<el-col :span="12">
	543	<div style="width: 100%; text-align: left; font-size: 18px">
	544	当前值
	545	</div>
	546	<div
	547	style="
	548	width: 100%;
	549	height: 30px;
	550	margin-top: 10px;
	551	margin-bottom: 10px;
	552	color: #000000;
	553	font-size: 24px;
	554	"
	555	>
	556	<span>{{ hm.dx.currentValue }}</span>
	557	<span style="font-size: 14px">{{hm.dx.unit}}</span>
	558	</div>
	559	</el-col>
	560	<el-col :span="12">
	561	<div style="width: 100%; text-align: left; font-size: 18px">
	562	分析长度
	563	</div>
	564	<div
	565	style="
	566	width: 100%;
	567	height: 30px;
	568	margin-top: 10px;
	569	margin-bottom: 10px;
	570	color: #000000;
	571	font-size: 24px;
	572	"
	573	>
	574	<span>{{ hm.dx.length }}</span
	575	><span style="font-size: 14px">天</span>
	576	</div>
	577	</el-col>
	578	</el-row>
	579	</el-col>
	580	<el-col :span="19">
	581	<div>
	582	<div id="any-dxhm" style="margin-top: 20px" class="ecbox"></div>
	583	</div>
	584	</el-col>
	585	</el-row>
	586	<el-row>
	587	<el-col :span="12" class="Border_down" align="left">
	588	<el-row
	589	type="flex"
	590	justify="center"
	591	align="middle"
	592	style="height: 5vh"
	593	>
	594	<el-col :span="5" style="padding-top:5vh">
	595	<span style="font-size: 16px; font-weight: 600">
	596	整体趋势{{hm.dx.trend}}
	597	<i :class="hm.dx.iconClass"></i>
	598	</span>
	599	</el-col>
	600	<el-col :span="5" style="padding-top:5vh">
	601	<el-row style="font-size: 14px">
	602	<span>平均值</span>
	603	</el-row>
	604	<el-row style="font-size: 14px">
	605	<span>{{hm.dx.trendValue.mean_value}}</span>
	606	</el-row>
	607	</el-col>
	608	<el-col :span="5" style="padding-top:5vh">
	609	<el-row style="font-size: 14px">
	610	<span>最大值</span>
	611	</el-row>
	612	<el-row style="font-size: 14px">
	613	<span>{{hm.dx.trendValue.max_value}}</span>
	614	</el-row>
	615	</el-col>
	616	<el-col :span="5" style="padding-top:5vh">
	617	<el-row style="font-size: 14px">
	618	<span>最小值</span>
	619	</el-row>
	620	<el-row style="font-size: 14px">
	621	<span>{{hm.dx.trendValue.min_value}}</span>
	622	</el-row>
	623	</el-col>
	624	</el-row>
	625	</el-col>
	626	<el-col :span="12" class="Border_down" align="left">
	627	<el-row style="margin-left: 2vh; margin-top: 1vh">
	628	<span style="font-size: 14px; font-weight: 600">调度建议</span>
	629	</el-row>
	630	<el-row>
	631	<el-col
	632	:span="23"
	633	class="Border_text"
	634	style="margin-left: 2vh; margin-top: 1vh; padding-top: 10px"
	635	><span
	636	style="
	637	margin-left: 2vh;
	638	font-size: 18px;
	639	font-family: '楷体';
	640	font-weight: 600;
	641	color: red;
	642	"
	643	>{{hm.dx.dispatchSug}}</span>
	644	</el-col>
	645	</el-row>
	646	</el-col>
	647	</el-row>
	648
	649	</el-card>
	650	<!--洗中块外运-->
	651	<el-card shadow="never" class="aui-card--fill" v-loading="xzk.wy.loading" >
	652	<el-row type="flex" justify="space-around">
	653	<el-col :span="4" style="margin-top: 40px" class="Border_l">
	654	<el-row>
	655	<el-col :span="12">
	656	<div style="width: 100%; text-align: left; font-size: 18px">
	657	当前值
	658	</div>
	659	<div
	660	style="
	661	width: 100%;
	662	height: 30px;
	663	margin-top: 10px;
	664	margin-bottom: 10px;
	665	color: #000000;
	666	font-size: 24px;
	667	"
	668	>
	669	<span>{{ xzk.wy.currentValue }}</span>
	670	<span style="font-size: 14px">{{xzk.wy.unit}}</span>
	671	</div>
	672	</el-col>
	673	<el-col :span="12">
	674	<div style="width: 100%; text-align: left; font-size: 18px">
	675	分析长度
	676	</div>
	677	<div
	678	style="
	679	width: 100%;
	680	height: 30px;
	681	margin-top: 10px;
	682	margin-bottom: 10px;
	683	color: #000000;
	684	font-size: 24px;
	685	"
	686	>
	687	<span>{{ xzk.wy.length }}</span
	688	><span style="font-size: 14px">天</span>
	689	</div>
	690	</el-col>
	691	</el-row>
	692	</el-col>
	693	<el-col :span="19">
	694	<div>
	695	<div id="any-xzkwy" style="margin-top: 20px" class="ecbox"></div>
	696	</div>
	697	</el-col>
	698	</el-row>
	699	<el-row>
	700	<el-col :span="12" class="Border_down" align="left">
	701	<el-row
	702	type="flex"
	703	justify="center"
	704	align="middle"
	705	style="height: 5vh"
	706	>
	707	<el-col :span="5" style="padding-top:5vh">
	708	<span style="font-size: 16px; font-weight: 600">
	709	整体趋势{{xzk.wy.trend}}
	710	<i :class="xzk.wy.iconClass"></i>
	711	</span>
	712	</el-col>
	713	<el-col :span="5" style="padding-top:5vh">
	714	<el-row style="font-size: 14px">
	715	<span>平均值</span>
	716	</el-row>
	717	<el-row style="font-size: 14px">
	718	<span>{{xzk.wy.trendValue.mean_value}}</span>
	719	</el-row>
	720	</el-col>
	721	<el-col :span="5" style="padding-top:5vh">
	722	<el-row style="font-size: 14px">
	723	<span>最大值</span>
	724	</el-row>
	725	<el-row style="font-size: 14px">
	726	<span>{{xzk.wy.trendValue.max_value}}</span>
	727	</el-row>
	728	</el-col>
	729	<el-col :span="5" style="padding-top:5vh">
	730	<el-row style="font-size: 14px">
	731	<span>最小值</span>
	732	</el-row>
	733	<el-row style="font-size: 14px">
	734	<span>{{xzk.wy.trendValue.min_value}}</span>
	735	</el-row>
	736	</el-col>
	737	</el-row>
	738	</el-col>
	739	<el-col :span="12" class="Border_down" align="left">
	740	<el-row style="margin-left: 2vh; margin-top: 1vh">
	741	<span style="font-size: 14px; font-weight: 600">调度建议</span>
	742	</el-row>
	743	<el-row>
	744	<el-col
	745	:span="23"
	746	class="Border_text"
	747	style="margin-left: 2vh; margin-top: 1vh; padding-top: 10px"
	748	><span
	749	style="
	750	margin-left: 2vh;
	751	font-size: 18px;
	752	font-family: '楷体';
	753	font-weight: 600;
	754	color: red;
	755	"
	756	>{{xzk.wy.dispatchSug}}</span>
	757	</el-col>
	758	</el-row>
	759	</el-col>
	760	</el-row>
	761
	762	</el-card>
	763	<!--洗小块外运-->
	764	<!--<el-card shadow="never" class="aui-card--fill" v-loading="xxk.wy.loading" >
	765	<el-row type="flex" justify="space-around">
	766	<el-col :span="4" style="margin-top: 40px" class="Border_l">
	767	<el-row>
	768	<el-col :span="12">
	769	<div style="width: 100%; text-align: left; font-size: 18px">
	770	当前值
	771	</div>
	772	<div
	773	style="
	774	width: 100%;
	775	height: 30px;
	776	margin-top: 10px;
	777	margin-bottom: 10px;
	778	color: #000000;
	779	font-size: 24px;
	780	"
	781	>
	782	<span>{{ xxk.wy.currentValue }}</span>
	783	<span style="font-size: 14px">{{xxk.wy.unit}}</span>
	784	</div>
	785	</el-col>
	786	<el-col :span="12">
	787	<div style="width: 100%; text-align: left; font-size: 18px">
	788	分析长度
	789	</div>
	790	<div
	791	style="
	792	width: 100%;
	793	height: 30px;
	794	margin-top: 10px;
	795	margin-bottom: 10px;
	796	color: #000000;
	797	font-size: 24px;
	798	"
	799	>
	800	<span>{{ xxk.wy.length }}</span
	801	><span style="font-size: 14px">天</span>
	802	</div>
	803	</el-col>
	804	</el-row>
	805	</el-col>
	806	<el-col :span="19">
	807	<div>
	808	<div id="any-xxkwy" style="margin-top: 20px" class="ecbox"></div>
	809	</div>
	810	</el-col>
	811	</el-row>
	812	<el-row>
	813	<el-col :span="12" class="Border_down" align="left">
	814	<el-row
	815	type="flex"
	816	justify="center"
	817	align="middle"
	818	style="height: 5vh"
	819	>
	820	<el-col :span="5" style="padding-top:5vh">
	821	<span style="font-size: 16px; font-weight: 600">
	822	整体趋势{{xxk.wy.trend}}
	823	<i :class="xxk.wy.iconClass"></i>
	824	</span>
	825	</el-col>
	826	<el-col :span="5" style="padding-top:5vh">
	827	<el-row style="font-size: 14px">
	828	<span>平均值</span>
	829	</el-row>
	830	<el-row style="font-size: 14px">
	831	<span>{{xxk.wy.trendValue.mean_value}}</span>
	832	</el-row>
	833	</el-col>
	834	<el-col :span="5" style="padding-top:5vh">
	835	<el-row style="font-size: 14px">
	836	<span>最大值</span>
	837	</el-row>
	838	<el-row style="font-size: 14px">
	839	<span>{{xxk.wy.trendValue.max_value}}</span>
	840	</el-row>
	841	</el-col>
	842	<el-col :span="5" style="padding-top:5vh">
	843	<el-row style="font-size: 14px">
	844	<span>最小值</span>
	845	</el-row>
	846	<el-row style="font-size: 14px">
	847	<span>{{xxk.wy.trendValue.min_value}}</span>
	848	</el-row>
	849	</el-col>
	850	</el-row>
	851	</el-col>
	852	<el-col :span="12" class="Border_down" align="left">
	853	<el-row style="margin-left: 2vh; margin-top: 1vh">
	854	<span style="font-size: 14px; font-weight: 600">调度建议</span>
	855	</el-row>
	856	<el-row>
	857	<el-col
	858	:span="23"
	859	class="Border_text"
	860	style="margin-left: 2vh; margin-top: 1vh; padding-top: 10px"
	861	><span
	862	style="
	863	margin-left: 2vh;
	864	font-size: 18px;
	865	font-family: '楷体';
	866	font-weight: 600;
	867	color: red;
	868	"
	869	>{{xxk.wy.dispatchSug}}</span>
	870	</el-col>
	871	</el-row>
	872	</el-col>
	873	</el-row>
	874
	875	</el-card>-->
	876	<!--矸石外运-->
	877	<el-card shadow="never" class="aui-card--fill" v-loading="gs.wy.loading" >
	878	<el-row type="flex" justify="space-around">
	879	<el-col :span="4" style="margin-top: 40px" class="Border_l">
	880	<el-row>
	881	<el-col :span="12">
	882	<div style="width: 100%; text-align: left; font-size: 18px">
	883	当前值
	884	</div>
	885	<div
	886	style="
	887	width: 100%;
	888	height: 30px;
	889	margin-top: 10px;
	890	margin-bottom: 10px;
	891	color: #000000;
	892	font-size: 24px;
	893	"
	894	>
	895	<span>{{ gs.wy.currentValue }}</span>
	896	<span style="font-size: 14px">{{gs.wy.unit}}</span>
	897	</div>
	898	</el-col>
	899	<el-col :span="12">
	900	<div style="width: 100%; text-align: left; font-size: 18px">
	901	分析长度
	902	</div>
	903	<div
	904	style="
	905	width: 100%;
	906	height: 30px;
	907	margin-top: 10px;
	908	margin-bottom: 10px;
	909	color: #000000;
	910	font-size: 24px;
	911	"
	912	>
	913	<span>{{ gs.wy.length }}</span
	914	><span style="font-size: 14px">天</span>
	915	</div>
	916	</el-col>
	917	</el-row>
	918	</el-col>
	919	<el-col :span="19">
	920	<div>
	921	<div id="any-gswy" style="margin-top: 20px" class="ecbox"></div>
	922	</div>
	923	</el-col>
	924	</el-row>
	925	<el-row>
	926	<el-col :span="12" class="Border_down" align="left">
	927	<el-row
	928	type="flex"
	929	justify="center"
	930	align="middle"
	931	style="height: 5vh"
	932	>
	933	<el-col :span="5" style="padding-top:5vh">
	934	<span style="font-size: 16px; font-weight: 600">
	935	整体趋势{{gs.wy.trend}}
	936	<i :class="gs.wy.iconClass"></i>
	937	</span>
	938	</el-col>
	939	<el-col :span="5" style="padding-top:5vh">
	940	<el-row style="font-size: 14px">
	941	<span>平均值</span>
	942	</el-row>
	943	<el-row style="font-size: 14px">
	944	<span>{{gs.wy.trendValue.mean_value}}</span>
	945	</el-row>
	946	</el-col>
	947	<el-col :span="5" style="padding-top:5vh">
	948	<el-row style="font-size: 14px">
	949	<span>最大值</span>
	950	</el-row>
	951	<el-row style="font-size: 14px">
	952	<span>{{gs.wy.trendValue.max_value}}</span>
	953	</el-row>
	954	</el-col>
	955	<el-col :span="5" style="padding-top:5vh">
	956	<el-row style="font-size: 14px">
	957	<span>最小值</span>
	958	</el-row>
	959	<el-row style="font-size: 14px">
	960	<span>{{gs.wy.trendValue.min_value}}</span>
	961	</el-row>
	962	</el-col>
	963	</el-row>
	964	</el-col>
	965	<el-col :span="12" class="Border_down" align="left">
	966	<el-row style="margin-left: 2vh; margin-top: 1vh">
	967	<span style="font-size: 14px; font-weight: 600">调度建议</span>
	968	</el-row>
	969	<el-row>
	970	<el-col
	971	:span="23"
	972	class="Border_text"
	973	style="margin-left: 2vh; margin-top: 1vh; padding-top: 10px"
	974	><span
	975	style="
	976	margin-left: 2vh;
	977	font-size: 18px;
	978	font-family: '楷体';
	979	font-weight: 600;
	980	color: red;
	981	"
	982	>{{gs.wy.dispatchSug}}</span>
	983	</el-col>
	984	</el-row>
	985	</el-col>
	986	</el-row>
	987
	988	</el-card>
	989	<!--小块转载-->
	990	<el-card shadow="never" class="aui-card--fill" v-loading="xxk.zz.loading" >
	991	<el-row type="flex" justify="space-around">
	992	<el-col :span="4" style="margin-top: 40px" class="Border_l">
	993	<el-row>
	994	<el-col :span="12">
	995	<div style="width: 100%; text-align: left; font-size: 18px">
	996	当前值
	997	</div>
	998	<div
	999	style="
	1000	width: 100%;
	1001	height: 30px;
	1002	margin-top: 10px;
	1003	margin-bottom: 10px;
	1004	color: #000000;
	1005	font-size: 24px;
	1006	"
	1007	>
	1008	<span>{{ xxk.zz.currentValue }}</span>
	1009	<span style="font-size: 14px">{{xxk.zz.unit}}</span>
	1010	</div>
	1011	</el-col>
	1012	<el-col :span="12">
	1013	<div style="width: 100%; text-align: left; font-size: 18px">
	1014	分析长度
	1015	</div>
	1016	<div
	1017	style="
	1018	width: 100%;
	1019	height: 30px;
	1020	margin-top: 10px;
	1021	margin-bottom: 10px;
	1022	color: #000000;
	1023	font-size: 24px;
	1024	"
	1025	>
	1026	<span>{{ xxk.zz.length }}</span
	1027	><span style="font-size: 14px">天</span>
	1028	</div>
	1029	</el-col>
	1030	</el-row>
	1031	</el-col>
	1032	<el-col :span="19">
	1033	<div>
	1034	<div id="any-xkzz" style="margin-top: 20px" class="ecbox"></div>
	1035	</div>
	1036	</el-col>
	1037	</el-row>
	1038	<el-row>
	1039	<el-col :span="12" class="Border_down" align="left">
	1040	<el-row
	1041	type="flex"
	1042	justify="center"
	1043	align="middle"
	1044	style="height: 5vh"
	1045	>
	1046	<el-col :span="5" style="padding-top:5vh">
	1047	<span style="font-size: 16px; font-weight: 600">
	1048	整体趋势{{xxk.zz.trend}}
	1049	<i :class="xxk.zz.iconClass"></i>
	1050	</span>
	1051	</el-col>
	1052	<el-col :span="5" style="padding-top:5vh">
	1053	<el-row style="font-size: 14px">
	1054	<span>平均值</span>
	1055	</el-row>
	1056	<el-row style="font-size: 14px">
	1057	<span>{{xxk.zz.trendValue.mean_value}}</span>
	1058	</el-row>
	1059	</el-col>
	1060	<el-col :span="5" style="padding-top:5vh">
	1061	<el-row style="font-size: 14px">
	1062	<span>最大值</span>
	1063	</el-row>
	1064	<el-row style="font-size: 14px">
	1065	<span>{{xxk.zz.trendValue.max_value}}</span>
	1066	</el-row>
	1067	</el-col>
	1068	<el-col :span="5" style="padding-top:5vh">
	1069	<el-row style="font-size: 14px">
	1070	<span>最小值</span>
	1071	</el-row>
	1072	<el-row style="font-size: 14px">
	1073	<span>{{xxk.zz.trendValue.min_value}}</span>
	1074	</el-row>
	1075	</el-col>
	1076	</el-row>
	1077	</el-col>
	1078	<el-col :span="12" class="Border_down" align="left">
	1079	<el-row style="margin-left: 2vh; margin-top: 1vh">
	1080	<span style="font-size: 14px; font-weight: 600">调度建议</span>
	1081	</el-row>
	1082	<el-row>
	1083	<el-col
	1084	:span="23"
	1085	class="Border_text"
	1086	style="margin-left: 2vh; margin-top: 1vh; padding-top: 10px"
	1087	><span
	1088	style="
	1089	margin-left: 2vh;
	1090	font-size: 18px;
	1091	font-family: '楷体';
	1092	font-weight: 600;
	1093	color: red;
	1094	"
	1095	>{{xxk.zz.dispatchSug}}</span>
	1096	</el-col>
	1097	</el-row>
	1098	</el-col>
	1099	</el-row>
	1100
	1101	</el-card>
	1102	<!--火车外运吨数-->
	1103	<el-card shadow="never" class="aui-card--fill" v-loading="hc.ds.loading" >
	1104	<el-row type="flex" justify="space-around">
	1105	<el-col :span="4" style="margin-top: 40px" class="Border_l">
	1106	<el-row>
	1107	<el-col :span="12">
	1108	<div style="width: 100%; text-align: left; font-size: 18px">
	1109	当前值
	1110	</div>
	1111	<div
	1112	style="
	1113	width: 100%;
	1114	height: 30px;
	1115	margin-top: 10px;
	1116	margin-bottom: 10px;
	1117	color: #000000;
	1118	font-size: 24px;
	1119	"
	1120	>
	1121	<span>{{ hc.ds.currentValue }}</span>
	1122	<span style="font-size: 14px">{{hc.ds.unit}}</span>
	1123	</div>
	1124	</el-col>
	1125	<el-col :span="12">
	1126	<div style="width: 100%; text-align: left; font-size: 18px">
	1127	分析长度
	1128	</div>
	1129	<div
	1130	style="
	1131	width: 100%;
	1132	height: 30px;
	1133	margin-top: 10px;
	1134	margin-bottom: 10px;
	1135	color: #000000;
	1136	font-size: 24px;
	1137	"
	1138	>
	1139	<span>{{ hc.ds.length }}</span
	1140	><span style="font-size: 14px">天</span>
	1141	</div>
	1142	</el-col>
	1143	</el-row>
	1144	</el-col>
	1145	<el-col :span="19">
	1146	<div>
	1147	<div id="any-hcwyds" style="margin-top: 20px" class="ecbox"></div>
	1148	</div>
	1149	</el-col>
	1150	</el-row>
	1151	<el-row>
	1152	<el-col :span="12" class="Border_down" align="left">
	1153	<el-row
	1154	type="flex"
	1155	justify="center"
	1156	align="middle"
	1157	style="height: 5vh"
	1158	>
	1159	<el-col :span="5" style="padding-top:5vh">
	1160	<span style="font-size: 16px; font-weight: 600">
	1161	整体趋势{{hc.ds.trend}}
	1162	<i :class="hc.ds.iconClass"></i>
	1163	</span>
	1164	</el-col>
	1165	<el-col :span="5" style="padding-top:5vh">
	1166	<el-row style="font-size: 14px">
	1167	<span>平均值</span>
	1168	</el-row>
	1169	<el-row style="font-size: 14px">
	1170	<span>{{hc.ds.trendValue.mean_value}}</span>
	1171	</el-row>
	1172	</el-col>
	1173	<el-col :span="5" style="padding-top:5vh">
	1174	<el-row style="font-size: 14px">
	1175	<span>最大值</span>
	1176	</el-row>
	1177	<el-row style="font-size: 14px">
	1178	<span>{{hc.ds.trendValue.max_value}}</span>
	1179	</el-row>
	1180	</el-col>
	1181	<el-col :span="5" style="padding-top:5vh">
	1182	<el-row style="font-size: 14px">
	1183	<span>最小值</span>
	1184	</el-row>
	1185	<el-row style="font-size: 14px">
	1186	<span>{{hc.ds.trendValue.min_value}}</span>
	1187	</el-row>
	1188	</el-col>
	1189	</el-row>
	1190	</el-col>
	1191	<el-col :span="12" class="Border_down" align="left">
	1192	<el-row style="margin-left: 2vh; margin-top: 1vh">
	1193	<span style="font-size: 14px; font-weight: 600">调度建议</span>
	1194	</el-row>
	1195	<el-row>
	1196	<el-col
	1197	:span="23"
	1198	class="Border_text"
	1199	style="margin-left: 2vh; margin-top: 1vh; padding-top: 10px"
	1200	><span
	1201	style="
	1202	margin-left: 2vh;
	1203	font-size: 18px;
	1204	font-family: '楷体';
	1205	font-weight: 600;
	1206	color: red;
	1207	"
	1208	>{{hc.ds.dispatchSug}}</span>
	1209	</el-col>
	1210	</el-row>
	1211	</el-col>
	1212	</el-row>
	1213
	1214	</el-card>
	1215	<!--火车外运列数-->
	1216	<el-card shadow="never" class="aui-card--fill" v-loading="hc.ls.loading" >
	1217	<el-row type="flex" justify="space-around">
	1218	<el-col :span="4" style="margin-top: 40px" class="Border_l">
	1219	<el-row>
	1220	<el-col :span="12">
	1221	<div style="width: 100%; text-align: left; font-size: 18px">
	1222	当前值
	1223	</div>
	1224	<div
	1225	style="
	1226	width: 100%;
	1227	height: 30px;
	1228	margin-top: 10px;
	1229	margin-bottom: 10px;
	1230	color: #000000;
	1231	font-size: 24px;
	1232	"
	1233	>
	1234	<span>{{ hc.ls.currentValue }}</span>
	1235	<span style="font-size: 14px">{{hc.ls.unit}}</span>
	1236	</div>
	1237	</el-col>
	1238	<el-col :span="12">
	1239	<div style="width: 100%; text-align: left; font-size: 18px">
	1240	分析长度
	1241	</div>
	1242	<div
	1243	style="
	1244	width: 100%;
	1245	height: 30px;
	1246	margin-top: 10px;
	1247	margin-bottom: 10px;
	1248	color: #000000;
	1249	font-size: 24px;
	1250	"
	1251	>
	1252	<span>{{ hc.ls.length }}</span
	1253	><span style="font-size: 14px">天</span>
	1254	</div>
	1255	</el-col>
	1256	</el-row>
	1257	</el-col>
	1258	<el-col :span="19">
	1259	<div>
	1260	<div id="any-hcwyls" style="margin-top: 20px" class="ecbox"></div>
	1261	</div>
	1262	</el-col>
	1263	</el-row>
	1264	<el-row>
	1265	<el-col :span="12" class="Border_down" align="left">
	1266	<el-row
	1267	type="flex"
	1268	justify="center"
	1269	align="middle"
	1270	style="height: 5vh"
	1271	>
	1272	<el-col :span="5" style="padding-top:5vh">
	1273	<span style="font-size: 16px; font-weight: 600">
	1274	整体趋势{{hc.ls.trend}}
	1275	<i :class="hc.ls.iconClass"></i>
	1276	</span>
	1277	</el-col>
	1278	<el-col :span="5" style="padding-top:5vh">
	1279	<el-row style="font-size: 14px">
	1280	<span>平均值</span>
	1281	</el-row>
	1282	<el-row style="font-size: 14px">
	1283	<span>{{hc.ls.trendValue.mean_value}}</span>
	1284	</el-row>
	1285	</el-col>
	1286	<el-col :span="5" style="padding-top:5vh">
	1287	<el-row style="font-size: 14px">
	1288	<span>最大值</span>
	1289	</el-row>
	1290	<el-row style="font-size: 14px">
	1291	<span>{{hc.ls.trendValue.max_value}}</span>
	1292	</el-row>
	1293	</el-col>
	1294	<el-col :span="5" style="padding-top:5vh">
	1295	<el-row style="font-size: 14px">
	1296	<span>最小值</span>
	1297	</el-row>
	1298	<el-row style="font-size: 14px">
	1299	<span>{{hc.ls.trendValue.min_value}}</span>
	1300	</el-row>
	1301	</el-col>
	1302	</el-row>
	1303	</el-col>
	1304	<el-col :span="12" class="Border_down" align="left">
	1305	<el-row style="margin-left: 2vh; margin-top: 1vh">
	1306	<span style="font-size: 14px; font-weight: 600">调度建议</span>
	1307	</el-row>
	1308	<el-row>
	1309	<el-col
	1310	:span="23"
	1311	class="Border_text"
	1312	style="margin-left: 2vh; margin-top: 1vh; padding-top: 10px"
	1313	><span
	1314	style="
	1315	margin-left: 2vh;
	1316	font-size: 18px;
	1317	font-family: '楷体';
	1318	font-weight: 600;
	1319	color: red;
	1320	"
	1321	>{{hc.ls.dispatchSug}}</span>
	1322	</el-col>
	1323	</el-row>
	1324	</el-col>
	1325	</el-row>
	1326
	1327	</el-card>
	1328	</div>
	1329	</el-tab-pane>
	1330	</el-tabs>
	1331	</el-card>
	1332	</template>
	1333	<script>
	1334	import {getSeriesData} from '@/utils/mathUtils'
	1335	import * as echarts from "echarts";
	1336	export default {
	1337	data() {
	1338	return {
	1339	activeName: 'first',
	1340	rxl:{
	1341	loading: false,
	1342	dataForm: {
	1343	startDate: '',
	1344	endDate: '',
	1345	},
	1346	},
	1347	cpl:{
	1348	loading: false,
	1349	dataForm: {
	1350	startDate: '',
	1351	endDate: '',
	1352	},
	1353	},
	1354	wyl:{
	1355	loading: false,
	1356	dataForm: {
	1357	startDate: '',
	1358	endDate: '',
	1359	},
	1360	},
	1361	raw: {
	1362	rxl: {
	1363	loading: false,
	1364	page: 'rowCoal',
	1365	paramCode: 'ymrxl',
	1366	chartName: '原煤入洗量',
	1367	chartCode: '',
	1368	chart: {},
	1369	length: 0,
	1370	unit: '',
	1371	maxSlope: 0,
	1372	minSlope: 0,
	1373	currentValue: 0,
	1374	trend: '',
	1375	iconClass: '',
	1376	trendValue: {
	1377	mean_value: '',
	1378	max_value: '',
	1379	min_value: '',
	1380	},
	1381	dispatchSug: ''
	1382	}
	1383	},
	1384	hm: {
	1385	cl: {
	1386	loading: false,
	1387	page: 'wash',
	1388	paramCode: 'hmcl',
	1389	chartName: '混煤产量',
	1390	chartCode: '',
	1391	chart: {},
	1392	length: 0,
	1393	unit: '',
	1394	maxSlope: 0,
	1395	minSlope: 0,
	1396	currentValue: 0,
	1397	trend: '',
	1398	iconClass: '',
	1399	trendValue: {
	1400	mean_value: '',
	1401	max_value: '',
	1402	min_value: '',
	1403	},
	1404	dispatchSug: '',
	1405	},
	1406	dx: {
	1407	loading: false,
	1408	page: 'wy',
	1409	paramCode: 'dxhm',
	1410	chartName: '地销混煤',
	1411	chartCode: '',
	1412	chart: {},
	1413	length: 0,
	1414	unit: '',
	1415	maxSlope: 0,
	1416	minSlope: 0,
	1417	currentValue: 0,
	1418	trend: '',
	1419	iconClass: '',
	1420	trendValue: {
	1421	mean_value: '',
	1422	max_value: '',
	1423	min_value: '',
	1424	},
	1425	dispatchSug: '',
	1426	}
	1427	},
	1428	xxk: {
	1429	cl: {
	1430	loading: false,
	1431	page: 'wash',
	1432	paramCode: 'xxkcl',
	1433	chartName: '洗小块产量',
	1434	chartCode: '',
	1435	chart: {},
	1436	length: 0,
	1437	unit: '',
	1438	maxSlope: 0,
	1439	minSlope: 0,
	1440	currentValue: 0,
	1441	trend: '',
	1442	iconClass: '',
	1443	trendValue: {
	1444	mean_value: '',
	1445	max_value: '',
	1446	min_value: '',
	1447	},
	1448	dispatchSug: '',
	1449	},
	1450	wy: {
	1451	loading: false,
	1452	page: 'wy',
	1453	paramCode: 'xxkwy',
	1454	chartName: '洗小块外运',
	1455	chartCode: '',
	1456	chart: {},
	1457	length: 0,
	1458	unit: '',
	1459	maxSlope: 0,
	1460	minSlope: 0,
	1461	currentValue: 0,
	1462	trend: '',
	1463	iconClass: '',
	1464	trendValue: {
	1465	mean_value: '',
	1466	max_value: '',
	1467	min_value: '',
	1468	},
	1469	dispatchSug: '',
	1470	},
	1471	zz: {
	1472	loading: false,
	1473	page: 'wy',
	1474	paramCode: 'xkzz',
	1475	chartName: '小块转载',
	1476	chartCode: '',
	1477	chart: {},
	1478	length: 0,
	1479	unit: '',
	1480	maxSlope: 0,
	1481	minSlope: 0,
	1482	currentValue: 0,
	1483	trend: '',
	1484	iconClass: '',
	1485	trendValue: {
	1486	mean_value: '',
	1487	max_value: '',
	1488	min_value: '',
	1489	},
	1490	dispatchSug: '',
	1491	}
	1492	},
	1493	xzk: {
	1494	cl: {
	1495	loading: false,
	1496	page: 'wash',
	1497	paramCode: 'xzkcl',
	1498	chartName: '洗中块产量',
	1499	chartCode: '',
	1500	chart: {},
	1501	length: 0,
	1502	unit: '',
	1503	maxSlope: 0,
	1504	minSlope: 0,
	1505	currentValue: 0,
	1506	trend: '',
	1507	iconClass: '',
	1508	trendValue: {
	1509	mean_value: '',
	1510	max_value: '',
	1511	min_value: '',
	1512	},
	1513	dispatchSug: '',
	1514	},
	1515	wy: {
	1516	loading: false,
	1517	page: 'wy',
	1518	paramCode: 'xzkwy',
	1519	chartName: '洗中块外运',
	1520	chartCode: '',
	1521	chart: {},
	1522	length: 0,
	1523	unit: '',
	1524	maxSlope: 0,
	1525	minSlope: 0,
	1526	currentValue: 0,
	1527	trend: '',
	1528	iconClass: '',
	1529	trendValue: {
	1530	mean_value: '',
	1531	max_value: '',
	1532	min_value: '',
	1533	},
	1534	dispatchSug: '',
	1535	}
	1536	},
	1537	gs: {
	1538	wy: {
	1539	loading: false,
	1540	page: 'wy',
	1541	paramCode: 'gswy',
	1542	chartName: '矸石外运',
	1543	chartCode: '',
	1544	chart: {},
	1545	length: 0,
	1546	unit: '',
	1547	maxSlope: 0,
	1548	minSlope: 0,
	1549	currentValue: 0,
	1550	trend: '',
	1551	iconClass: '',
	1552	trendValue: {
	1553	mean_value: '',
	1554	max_value: '',
	1555	min_value: '',
	1556	},
	1557	dispatchSug: '',
	1558	}
	1559	},
	1560	hc: {
	1561	ds: {
	1562	loading: false,
	1563	page: 'wy',
	1564	paramCode: 'hcwyds',
	1565	chartName: '火车外运吨数',
	1566	chartCode: '',
	1567	chart: {},
	1568	length: 0,
	1569	unit: '',
	1570	maxSlope: 0,
	1571	minSlope: 0,
	1572	currentValue: 0,
	1573	trend: '',
	1574	iconClass: '',
	1575	trendValue: {
	1576	mean_value: '',
	1577	max_value: '',
	1578	min_value: '',
	1579	},
	1580	dispatchSug: '',
	1581	},
	1582	ls: {
	1583	loading: false,
	1584	page: 'wy',
	1585	paramCode: 'hcwyls',
	1586	chartName: '火车外运列数',
	1587	chartCode: '',
	1588	chart: {},
	1589	length: 0,
	1590	unit: '',
	1591	maxSlope: 0,
	1592	minSlope: 0,
	1593	currentValue: 0,
	1594	trend: '',
	1595	iconClass: '',
	1596	trendValue: {
	1597	mean_value: '',
	1598	max_value: '',
	1599	min_value: '',
	1600	},
	1601	dispatchSug: '',
	1602	},
	1603	}
	1604	}
	1605	},
	1606	mounted() {
	1607	this.init1()
	1608	},
	1609	methods: {
	1610	init1() {
	1611	this.getChartData(this.raw.rxl, this.rxl.dataForm)
	1612	},
	1613	init2() {
	1614	this.getChartData(this.hm.cl, this.cpl.dataForm)
	1615	this.getChartData(this.xxk.cl, this.cpl.dataForm)
	1616	this.getChartData(this.xzk.cl, this.cpl.dataForm)
	1617	},
	1618	init3() {
	1619	this.getChartData(this.hm.dx, this.wyl.dataForm)
	1620	//this.getChartData(this.xxk.wy, this.wyl.dataForm)
	1621	this.getChartData(this.xzk.wy, this.wyl.dataForm)
	1622	this.getChartData(this.gs.wy, this.wyl.dataForm)
	1623	this.getChartData(this.xxk.zz, this.wyl.dataForm)
	1624	this.getChartData(this.hc.ds, this.wyl.dataForm)
	1625	this.getChartData(this.hc.ls, this.wyl.dataForm)
	1626	},
	1627	getChartData(chartData, dataForm) {
	1628	let myChart = this.$echarts.init(document.getElementById("any-" + chartData.paramCode));
	1629	chartData.loading = true
	1630	this.$http.get(`/iailab-ntt-model/any/ind-item/trend/`, {
	1631	params: {
	1632	startDate: dataForm.startDate,
	1633	endDate: dataForm.endDate,
	1634	page: chartData.page,
	1635	paramCode: chartData.paramCode
	1636	}
	1637	}).then(({data: res}) => {
	1638	chartData.loading = false
	1639	if (res.code !== 0) {
	1640	return this.$message.error(res.msg)
	1641	}
	1642
	1643	chartData.chartCode = res.data.chartCode
	1644	chartData.length = res.data.length
	1645	chartData.unit = res.data.unit
	1646	chartData.maxSlope = res.data.maxSlope
	1647	chartData.minSlope = res.data.minSlope
	1648	chartData.currentValue = res.data.currentValue
	1649	chartData.trend = res.data.trend
	1650	chartData.iconClass = res.data.iconClass
	1651	chartData.trendValue = res.data.trendValue
	1652	chartData.dispatchSug = res.data.dispatchSug
	1653	let valueData = []
	1654	let xAxis = []
	1655	res.data.valueList.forEach((item) =>{
	1656	xAxis.push(item.dataTime)
	1657	if (item.dataValue && item.dataValue >= 0) {
	1658	valueData.push([item.dataTime, item.dataValue])
	1659	}
	1660	})
	1661	let length = xAxis.indexOf(valueData[valueData.length - 1][0]) + 1 \|\| xAxis.length
	1662	let trendDate = getSeriesData(chartData.trendValue.slope, chartData.trendValue.bias, length)
	1663	let option = {
	1664	title: {
	1665	text: chartData.chartName,
	1666	},
	1667	tooltip: {
	1668	trigger: "axis",
	1669	},
	1670	grid: {
	1671	left: "3%",
	1672	right: "4%",
	1673	bottom: "3%",
	1674	containLabel: true,
	1675	},
	1676	xAxis: {
	1677	type: "category",
	1678	boundaryGap: false,
	1679	data: xAxis,
	1680	},
	1681	yAxis: {
	1682	type: "value",
	1683	},
	1684	series: [
	1685	{
	1686	name: chartData.chartName,
	1687	type: "line",
	1688	smooth: true,
	1689	stack: "Total",
	1690	data: valueData,
	1691	},
	1692	{
	1693	name: '趋势',
	1694	data: trendDate,
	1695	type: 'line',
	1696	smooth: true,
	1697	showSymbol: false,
	1698	color: '#FFAA5D'
	1699	}
	1700	],
	1701	};
	1702	if (option && typeof option === "object") {
	1703	myChart.setOption(option);
	1704	}
	1705	})
	1706
	1707	},
	1708	handleClick(tab, event) {
	1709	let that = this
	1710	if ('first' === tab.name) {
	1711	setTimeout(function () {
	1712	that.init1()
	1713	}, 500)
	1714	} else if ('second' === tab.name) {
	1715	setTimeout(function () {
	1716	that.init2()
	1717	}, 500)
	1718	}else if ('third' === tab.name) {
	1719	setTimeout(function () {
	1720	that.init3()
	1721	}, 500)
	1722	}
	1723	}
	1724	}
	1725	}
	1726
	1727	</script>
	1728	<style scoped>
	1729	.scrollable-container {
	1730	overflow: auto;
	1731	width: 100%;
	1732	margin: -10px;
	1733	height: calc(calc(100vh - 48px - 38px - 35px - 150px));
	1734
	1735	}
	1736	.ecbox {
	1737	width: 100%;
	1738	height: 30vh;
	1739	}
	1740
	1741	.Border {
	1742	height: 42vh;
	1743	}
	1744
	1745	.Border_l {
	1746	height: 20vh;
	1747	}
	1748
	1749	.Border_down {
	1750	border: 1px solid #F2F3F5;
	1751	height: 12vh;
	1752	}
	1753
	1754	.Border_text {
	1755	background-color: #F2F3F5;
	1756	border: 1px solid #F2F3F5;
	1757	height: 7vh;
	1758	}
	1759	</style>