[Mod 0000]修改塔山火灾预警首页二维模型

src/views/vent/home/configurable/fireTS.vue

@@ -67,7 +67,11 @@
       :visible="true"
       :common-title="commonTitle"
     />
-    <Three3D :modal-name="modalName" />
+    <!-- <Three3D :modal-name="modalName" /> -->
+    <!-- 工作面二维图像 -->
+    <div class="workFace-content">
+      <div class="workFace-bg"></div>
+    </div>
   </div>
 </template>
 <script lang="ts" setup>
@@ -77,9 +81,9 @@
   // import { testConfigTSFire } from './configurable.data.tashan';
   import ModuleCommon from './components/ModuleCommon.vue';
   import ModuleCommonDual from './components/ModuleCommonDual.vue';
-  import Three3D from './components/three3D.vue';
+  // import Three3D from './components/three3D.vue';
 
-  const modalName = ref('workFace11');
+  // const modalName = ref('workFace11');
   const cfgs = computed(() => configs.value.filter((_, index) => index !== 6 && index !== 7 && index !== 8));
   const cfgA = computed<any>(() => configs.value[6]);
   const cfgB = computed<any>(() => configs.value[7]);
@@ -297,7 +301,7 @@
     }
     // 顶部中间样式块
     .center-info-bar {
-      position: relative;
+      position: absolute;
       top: 75px;
       left: 50%;
       transform: translateX(-50%);
@@ -439,5 +443,21 @@
     ::v-deep .table__content .table__content_label {
       width: 95%;
     }
+    .workFace-content {
+      width: 100%;
+      height: 100%;
+      position: relative;
+      .workFace-bg {
+        width: 1000px;
+        height: 320px;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        background: url('/src/assets/images/home-container/configurable/tashanhome/workFace.png') no-repeat center;
+        background-size: 100% 100%;
+        z-index: 0;
+      }
+    }
   }
 </style>