修改测试问题

pages/index/comp/targetInfo.vue

@@ -7,7 +7,12 @@
                         <Cn-icon-transient name="监测点" />
                     </view>
                     <view class="card-header-info">
-                        <text class="point-name ellipsis">{{ pointInfo.pointName || '-' }}</text>
+                        <view class="point-name-row">
+                            <text class="point-name ellipsis">{{ pointInfo.pointName || '-' }}</text>
+                            <text class="event-tag ml10" :class="pointInfo.runStatus == 0 ? 'zx-tag' : 'lx-tag'">
+                                {{ pointInfo.runStatus == 0 ? '在线' : '离线' }}
+                            </text>
+                        </view>
                         <view class="meta-row">
                             <text v-if="pointInfo.engineeringName" class="meta-item ellipsis">
                                 工程：{{ pointInfo.engineeringName }}
@@ -69,8 +74,8 @@ export default {
         return {
             pointInfo: {},
             phaseColors: [
-                { name: 'A相', color: '#F1B22E' },
-                { name: 'B相', color: '#2BA471' },
+                { name: 'A相', color: '#DAA520' },
+                { name: 'B相', color: '#2E8B57' },
                 { name: 'C相', color: '#D54941' },
             ],
         }
@@ -155,17 +160,25 @@ export default {
     min-width: 0;
 }
 
+.point-name-row {
+    display: flex;
+    align-items: center;
+    gap: 12rpx;
+    margin-bottom: 8rpx;
+    min-width: 0;
+}
+
 .point-name {
-    display: block;
+    // flex: 1;
+    min-width: 0;
     font-size: 30rpx;
     font-weight: 700;
     color: #333333;
-    margin-bottom: 8rpx;
 }
 
 .meta-row {
     display: grid;
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: 1fr ;
     gap: 6rpx 12rpx;
 }
 
@@ -263,7 +276,7 @@ export default {
 }
 
 .phase-value-vertical {
-    font-size: 28rpx;
+    font-size: 26rpx;
     font-weight: 700;
 
     &--neutral {
@@ -282,4 +295,21 @@ export default {
     text-overflow: ellipsis;
     white-space: nowrap;
 }
+
+.event-tag {
+    flex-shrink: 0;
+    font-size: 22rpx;
+    padding: 2rpx 10rpx;
+    border-radius: 8rpx;
+}
+
+.zx-tag {
+    background-color: #10b98120;
+    color: #10b981;
+}
+
+.lx-tag {
+    background-color: #ff3b3020;
+    color: #ff3b30;
+}
 </style>