操作后台页面

src/pages/operationBackground.vue

+<template>
+  <div>
+    <div class="q1">
+      <span>当前地址：太平金融大厦(10台机器)</span>
+    </div>
+    <div class="q2">
+      <div class="q3">
+        <span> 1楼1号机 </span>
+      </div>
+      <div class="q3">
+        <span> 3楼1号机 </span>
+      </div>
+    </div>
+    <div class="q2">
+      <div class="q3">
+        <span> 5楼1号机 </span>
+      </div>
+      <div class="q3">
+        <span> 6楼1号机 </span>
+      </div>
+    </div>
+    <div class="q2">
+      <div class="q3">
+        <span> 8楼1号机 </span>
+      </div>
+      <div class="q3">
+        <span> 9楼1号机 </span>
+      </div>
+    </div>
+    <div class="q2">
+      <div class="q3">
+        <span> 10楼1号机 </span>
+      </div>
+      <div class="q3">
+        <span> 12楼1号机 </span>
+      </div>
+    </div>
+    <div class="q2">
+      <div class="q3">
+        <span> 15楼1号机 </span>
+      </div>
+      <div class="q3">
+        <span> 16楼1号机 </span>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+.q1 {
+  margin: 20px;
+}
+.q2 {
+  display: flex;
+  justify-content: space-around;
+  margin-top: 50px;
+}
+
+.q3 {
+  width: 150px;
+  height: 60px;
+  background-color: rgba(22, 155, 213, 1);
+  border-radius: 5px;
+  text-align: center;
+  line-height: 60px;
+  color: aliceblue;
+}
+</style>
\ No newline at end of file

[uno]

所有可以用ts循环控制显示的列表，都改成ts来控制渲染显示