iscs火灾报警系统状态

src/views/iscs/iscsDesign/demonList.vue

@@ -95,6 +95,12 @@ export default {
                                     mode: 'fas',
                                     id: '12',
                                     type: 'interface'
+                                },
+                                {
+                                    name: '系统状态',
+                                    mode: 'fas',
+                                    id: '13',
+                                    type: 'interface'
                                 }
                             ]
                         },

src/views/iscs/iscsSystem/config/fire-alarm/system.vue

@@ -1,20 +1,37 @@
 <template>
-  <div class="">
-    {{ $route.query.stationName }}系统报警
+  <div>
+    <div class="stand_title">{{ $route.query.stationName }}系统报警</div>
+    <div class="">
+      <iscsSystem ref="iscsPlate" :width-canvas="1820" :canvas-height="700" />
+    </div>
   </div>
 </template>
 
 <script>
-
+import iscsSystem from '../canvas/iscsCanvas';
 export default {
+    components: {
+        iscsSystem
+    },
     data() {
         return {
-            mes: '1111'
         };
+    },
+    mounted() {
+        this.$refs.iscsPlate.show('13');
+    },
+    methods: {
+
     }
 };
 </script>
 
 <style lang="scss" scoped>
-
+	.stand_title{
+		width: 100%;
+		text-align: center;
+		font-size: 26px;
+		margin-top: 30px;
+		color: #56E5DE;
+	}
 </style>