feat: 设备列表开发

src/views/workbench/index.vue

@@ -76,7 +76,7 @@ const pie3Ddata = {
           }
         }"
       >
-        <span>违规总量</span>
+        <span class="text-base mb-3 inline-block">违规总量</span>
         <el-card class="line-card" shadow="always">
           <div class="flex justify-between h-[422px]">
             <barChart />
@@ -102,8 +102,8 @@ const pie3Ddata = {
           }
         }"
       >
-        <span>消息通知</span>
-        <el-card class="line-card" shadow="never">
+        <span class="text-base mb-3 inline-block">消息通知</span>
+        <el-card class="line-card" shadow="always">
           <div class="flex justify-between h-[422px]">
             <Notify />
           </div>
@@ -128,8 +128,8 @@ const pie3Ddata = {
           }
         }"
       >
-        <span>设备状态</span>
-        <el-card class="line-card" shadow="never">
+        <span class="text-base mb-3 inline-block">设备状态</span>
+        <el-card class="line-card" shadow="always">
           <div class="flex justify-between h-[282px]"><DeviceStatus /></div>
         </el-card>
       </re-col>
@@ -152,8 +152,8 @@ const pie3Ddata = {
           }
         }"
       >
-        <span>设备告警情况</span>
-        <el-card class="line-card" shadow="never">
+        <span class="text-base mb-3 inline-block">设备告警情况</span>
+        <el-card class="line-card" shadow="always">
           <div class="flex justify-between h-[282px]">
             <pie3DChart :data="pie3Ddata.data" />
           </div>
@@ -178,8 +178,8 @@ const pie3Ddata = {
           }
         }"
       >
-        <span>算力占用</span>
-        <el-card class="line-card" shadow="never">
+        <span class="text-base mb-3 inline-block">算力占用</span>
+        <el-card class="line-card" shadow="always">
           <div class="flex justify-between h-[282px]">
             <pieChart />
           </div>