<template>
	<el-dialog width="75%" @closed="closed()" :show-close="false" class="my-info-dialog">
		<template #title>
			<div style="margin-top:-10px;color: #FFFFFF;">{{stationName}}</div>
		</template>
		<div>
			<nss ref="svgRef" v-if="svgWeb=='NSS_FDC'||svgWeb=='NSS_SYZ'" />
			<mhs ref="svgRef" v-if="svgWeb=='MHS_FDC'||svgWeb=='MHS_SYZ'" />
			<qs ref="svgRef" v-if="svgWeb=='QS_FDC'||svgWeb=='QS_SYZ'" />
			<sbq ref="svgRef" v-if="svgWeb=='SBQ_FDC'||svgWeb=='SBQ_SYZ'" />
			<xs ref="svgRef" v-if="svgWeb=='XS_FDC'||svgWeb=='XS_SYZ'" />
			<pl1 ref="svgRef" v-if="svgWeb=='PL1_GDC'||svgWeb=='PL_SYZ'" />
			<pl2 ref="svgRef" v-if="svgWeb=='PL2_GDC'||svgWeb=='PL2_SYZ'" />
			<dwk ref="svgRef" v-if="svgWeb=='DWK_GDC'||svgWeb=='DWK_SYZ'" />
			<mch ref="svgRef" v-if="svgWeb=='MCH_GDC'||svgWeb=='MCH_SYZ'" />
			<xh ref="svgRef" v-if="svgWeb=='XH_GDC'||svgWeb=='XH_SYZ'" />
			<sbdl ref="svgRef" v-if="svgWeb=='QS3_FDC'||svgWeb=='QS3_SYZ'" />
		</div>
	</el-dialog>
</template>

<script>
	// import YawDetail from "./YawDetail.vue";
	import api from "api/index";
	import UniformCodes from "utils/UniformCodes";
	import Dwk from "./BoosterStation/dwk.vue";
	import Sbdl from "./BoosterStation/sbdl.vue";
	import Nss from "./BoosterStation/nss.vue";
	import Mhs from "./BoosterStation/mhs.vue";
	import Qs from "./BoosterStation/qs.vue";
	import Pl1 from "./BoosterStation/pl1.vue";
	import Pl2 from "./BoosterStation/pl2.vue";
	import Mch from "./BoosterStation/mch.vue";
	import Xs from "./BoosterStation/xs.vue";
	import Xh from "./BoosterStation/xh.vue";
	import Sbq from "./BoosterStation/sbq.vue";
	import BackgroundData from 'utils/BackgroundData'
	// import Worning from "./warning.vue"
	export default {
		components: {
			Dwk,
			Sbdl,
			Nss,
			Mhs,
			Qs,
			Pl1,
			Pl2,
			Mch,
			Xs,
			Xh,
			Sbq
		},
		props: {
			svgWeb: {
				type: String,
				default: '',
			},
			stationName: {
				type: String,
				default: '',
			},
		},
		data() {
			return {
				BasicInfo: {},
				line: "",
				alarmTime: "",
				alarmContent: "",
				alarms: [],
				count: false,
				
				
				types: null,
			};
		},
		created() {
			this.UniformCodes = new UniformCodes();
		},

		methods: {
			closed() {
				// todo 切换页面的时候应该让上一个页面停止刷新数据（调用end方法）
				// this.$refs.svgRef.closed();
				// this.$refs.BasicInfo.end();
				// this.$refs.BasicInfo.labelChange();
				this.$emit('close');
				//clearInterval(this.refreshTimer);
			},
			
			dbClicks(value) {
				this.$refs.BasicInfo.dbClicks(value, this.windturbine.windturbineId)
			},
		},
	};
</script>
<style scoped>
	.my-info-dialog {
		box-shadow: 0px 0px 10px #05bb4c;
	}

	.body {
		background-color: black;
		margin-top: -30px;
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: -30px;
		border-bottom: 20px solid rgb(36, 36, 36);
	}

	.chunkdiv {
		display: flex;
		/* justify-content: center; */
		background-color: #363636;
		margin: 1px;
		padding: 4px 2px;
		font-size: 12px;
		color: #FFFFFF;
		overflow: hidden;
		white-space: nowrap;
		padding-left: 32px;
	}

	.title {
		font-size: 12px;
		color: #B3B3B3;
	}

	table {
		margin-left: 2px;
		margin-right: 2px;
	}

	td {
		width: 20%;
	}

	el-tabs {
		background-color: black;
	}

	.svg {
		height: 67vh;
	}
</style>