home card

src/components/Operator.vue

@@ -3,20 +3,17 @@
     <div class="left_contaienr">
       <div class="info_cards">
         <div class="card">
-          <DisinfectantLiquidInfo />
+          <NewEnvironmentCard cardType="1" />
         </div>
         <div class="card">
-          <EnvironmentInfo :cardType="1" />
+          <NewEnvironmentCard cardType="2" />
         </div>
-        <div class="long_card">
-          <AirSwitchConfig />
-        </div>
-        <!-- <div class="card">
-          <EnvironmentInfo :cardType="2" />
+        <div class="card">
+          <NewEnvironmentCard cardType="3" />
         </div>
         <div class="card">
-          <EnvironmentInfo :cardType="3" />
-        </div> -->
+          <NewEnvironmentCard cardType="4" />
+        </div>
       </div>
       <div class="warn_wrap">
         <p class="warn_text">警报信息</p>
@@ -493,6 +490,7 @@ import WarnModal from 'cpns/dialogs/WarnModal'
 import AirSwitchConfig from 'cpns/info/AirSwitchConfig'
 import DisinfectantLiquidInfo from 'cpns/info/DisinfectantLiquidInfo'
 import EnvironmentInfo from 'cpns/info/EnvironmentInfo'
+import NewEnvironmentCard from 'cpns/info/NewEnvironmentCard'
 import { ref, watch, onMounted, onUnmounted } from 'vue'
 import {
   useOperatorStore,
@@ -675,17 +673,11 @@ onUnmounted(() => {
       .card {
         width: 353px;
         height: 225px;
-        border-radius: 17.5px;
+        border-radius: 12px;
         background: #06518b;
-      }
-      .long_card {
-        width: 726px;
-        height: 225px;
-        border-radius: 17.5px;
-        opacity: 1;
-        background: #06518b;
-        box-sizing: border-box;
-        padding: 16px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
       }
     }
     .warn_wrap {