feat: enhance the alarm kernel with recovered status notification capability #13492 (#505)

src/views/alarm/Content.vue

@@ -37,6 +37,9 @@ limitations under the License. -->
         <div class="grey sm show-xs">
           {{ dateFormat(parseInt(i.startTime)) }}
         </div>
+        <div class="grey sm" v-if="i.recoveryTime">
+          {{ t("recoveredAt") }} {{ dateFormat(parseInt(i.recoveryTime)) }}
+        </div>
       </div>
     </div>
     <div v-if="!alarmStore.alarms.length" class="tips">{{ t("noData") }}</div>
@@ -53,6 +56,9 @@ limitations under the License. -->
       <span v-if="item.label === 'startTime'">
         {{ dateFormat(currentDetail[item.label]) }}
       </span>
+      <span v-else-if="item.label === 'recoveryTime'">
+        {{ currentDetail[item.label] ? dateFormat(currentDetail[item.label]) : "" }}
+      </span>
       <span v-else-if="item.label === 'tags'">
         <div v-for="(d, index) in alarmTags" :key="index">{{ d }}</div>
       </span>

src/views/alarm/data.ts

@@ -40,6 +40,10 @@ export const AlarmDetailCol = [
     label: "startTime",
     value: "startTime",
   },
+  {
+    label: "recoveryTime",
+    value: "recoveryTime",
+  },
   {
     label: "tags",
     value: "tags",