联调app关键指标功能

pages/device/APF/comp/IO.vue

@@ -3,7 +3,9 @@
         <uni-load-more status="loading" v-if="IOData.length == 0"></uni-load-more>
         <view class="basic" v-else>
             <view class="grid-card">
-                <view class="grid-card-title">温度</view>
+                <text>
+                    <view class="grid-card-title grid-card-title-with-icon"></view>温度
+                </text>
                 <view class="grid-card-content-4">
                     <template v-for="item in renderData">
                         <view class="item item-title">{{ item[0].clDid }}
@@ -28,7 +30,10 @@
             <!-- 运维管理员、工程用户 可看 -->
             <view class="grid-card"
                 v-if="(userInfo.authorities == 'operation_manager' || userInfo.authorities == 'engineering_user') && moduleData.length > 0">
-                <view class="grid-card-title">状态</view>
+                <view class="grid-card-title">
+                    
+                        <text><view class="grid-card-title-with-icon"></view>状态</text>
+                </view>
                 <view class="grid-card-content-4">
                     <template v-for="(item, index) in moduleData">
                         <view class="item item-title">{{ item[0].moduleName }}
@@ -149,5 +154,24 @@ export default {
 }
 </script>
 <style lang="scss">
-.basic {}
+.basic {
+    .grid-card-title-with-icon {
+        display: inline-flex;
+        align-items: center;
+        position: relative;
+        padding-left: 20rpx;
+
+        &::before {
+            content: '';
+            position: absolute;
+            left: 0;
+            top: 50%;
+            transform: translateY(-50%);
+            width: 8rpx;
+            height: 28rpx;
+            background: $uni-theme-color;
+            border-radius: 3rpx;
+        }
+    }
+}
 </style>