update 设备分析-状态时序图

src/components/SequenceGraph/index.vue

@@ -7,7 +7,7 @@
 
 <template>
 	<div class="sequence-graph">
-		<SequenceGraphItem />
+		<SequenceGraphItem v-for="eq in Object.keys(list)" :key="eq" />
 	</div>
 </template>
 
@@ -23,7 +23,55 @@ export default {
 		},
 	},
 	data() {
-		return {};
+		return {
+			list: {
+				打孔机: {
+					equipmentId: 1,
+					equipmentName: 'EQ1',
+					status: '',
+					startTime: '',
+					duration: '',
+					startPos: '',
+					relativeDuring: '',
+				},
+				磨边机: {
+					equipmentId: 12,
+					equipmentName: 'EQ2',
+					status: '',
+					startTime: '',
+					duration: '',
+					startPos: '',
+					relativeDuring: '',
+				},
+				清洗机: {
+					equipmentId: 13,
+					equipmentName: 'EQ3',
+					status: '',
+					startTime: '',
+					duration: '',
+					startPos: '',
+					relativeDuring: '',
+				},
+				窑炉: {
+					equipmentId: 14,
+					equipmentName: 'EQ4',
+					status: '',
+					startTime: '',
+					duration: '',
+					startPos: '',
+					relativeDuring: '',
+				},
+				AGV: {
+					equipmentId: 15,
+					equipmentName: 'EQ5',
+					status: '',
+					startTime: '',
+					duration: '',
+					startPos: '',
+					relativeDuring: '',
+				},
+			},
+		};
 	},
 	computed: {},
 	methods: {},

src/components/SequenceGraph/sequenceGraphItem.vue

@@ -42,6 +42,8 @@ export default {
 
 <style scoped lang="scss">
 .sequence-graph-item {
+    background: #fff;
+    padding: 12px;
     width: 40px;
     height: 32px;
     display: inline-block;