diff --git a/src/views/projectAdmin/zjsj/monitor/index.vue b/src/views/projectAdmin/zjsj/monitor/index.vue
index 5560803e..f37106ab 100644
--- a/src/views/projectAdmin/zjsj/monitor/index.vue
+++ b/src/views/projectAdmin/zjsj/monitor/index.vue
@@ -1,5 +1,7 @@
 <template>
-  <div class="monitor">monitor</div>
+  <div class="monitor">
+    <div class="video" v-for="i in 12" :key="i"></div>
+  </div>
 </template>
 
 <script>
@@ -10,7 +12,15 @@ export default {}
 .monitor {
   width: 100%;
   height: 100%;
-  background: url(../assets/temp/8.png) no-repeat;
-  background-size: 100% 100%;
+  // background: url(../assets/temp/8.png) no-repeat;
+  // background-size: 100% 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  .video {
+    width: 24.5%;
+    height: 32%;
+    border: 1px solid skyblue;
+  }
 }
 </style>