<template>
	<div class="dashboard_box" style="width: 1180px;margin: auto;">
		<div class="dashboard_box">
			<h3>
				传感器读值
			</h3>
			<p>
				所有传感器相关的信息都在这里显示。在一条记录上双击去触发特定传感器的开和关。
			</p>
			<Row>
				<Col :span='12'>
				<select id="_sensorType">
					<option value="0">All Sensors</option>
					<option value="1">Temperature Sensors</option>
					<option value="2">Voltage Sensors</option>
					<option value="3">Current Sensors</option>
				</select>
				</Col>
				<Col style='font-size:12px;text-align: right;' :span='12'>
					<strong> Sensor Count:  </strong>14 sensors
				</Col>
			</Row>
		</div>
	</div>
</template>
<script>
export default {
	name: 'dashbord1',
	data() {
		return {
			fanList: [
				{ name: 'fan1', speed: 1000, model: 1, duty: 56.3 },
				{ name: 'fan2', speed: 1000, model: 1, duty: 56.3 },
				{ name: 'fan3', speed: 1000, model: 2, duty: 56.3 },
				{ name: 'fan4', speed: 1000, model: 2, duty: 56.3 },
				{ name: 'fan5', speed: 1000, model: 1, duty: 56.3 }
			]
		}
	},
	created() {
		console.log("111111111111111111")
	},
	methods: {
		set(item) {
			console.log(item)
		}
	}
}
</script>
<style lang="scss" scoped>
* {
	box-sizing: border-box;
}

input {
	margin: 0;
}

table {
	font-size: 12px;
}

tr {
	height: 26px;
}

td {
	width: 40%;
}

.dashboard_box {
	width: 1180px;
	margin: auto;
	margin-top: 10px;
	/* background: #040C19; */
	padding: 10px 0;
	color: #fff;

	h3 {
		color: #fff;
		margin-bottom: 0;
		padding-bottom: 5px;
	}

	p {
		padding: 10px 0;
		font-size: 12px;
	}
}

h4 {
	font-size: 15px;
	width: auto;
	margin: 3px;
	padding: 2px;
}

h3 {
	color: #fff;
	font-size: 20px;
	padding-bottom: 0px;
	/*margin-top: 5px;*/
	border-bottom: 1px solid #000;
}

select {
	border-radius: 3px;
	height: 34px;
	padding: 0 10px;
	background: #fff;
	border: 1px solid #1874FF;
	color: #003C97;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
</style>