
<template>
	<Container name="ISRA缺陷检测" size="middle" style="">
		<TimePrompt class="timeShow" :timestr="timestr" />
		<ISRAChart @emitFun='dateUpdate'/>
	</Container>
</template>

<script>
import Container from '../components/Container';
import ShadowRect from '../components/ShadowRect.vue';
import ISRAChart from '../components/ISRAChart.vue';
import TimePrompt from '../components/TimePrompt';
import { switchShowTime } from '../utils'
export default {
	name: 'IsraCheck',
	components: { Container, ShadowRect, ISRAChart, TimePrompt },
	props: {},
	data() {
		return {
			timestr: ''
		};
	},
	computed: {},
	mounted() {
		this.timestr = switchShowTime('日')
	},
	methods: {
		// 数据更新
    dateUpdate() {
      this.timestr = switchShowTime('日')
    }
	},
};
</script>

<style scoped lang="scss">
.timeShow {
  position: absolute;
  top: 19px;
  left: 210px;
}
ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

li::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ccc;
	position: absolute;
	top: 30%;
	left: -12px;
}

li.fault-1::before {
	background: #2760ff;
}
li.fault-2::before {
	background: #518eec;
}
li.fault-3::before {
	background: #0ee8e4;
}
li.fault-4::before {
	background: #ddb523;
}
</style>
