feat(运行时): 新增上次保存时间显示和RuntimeService中时间处理优化

src/app/layouts/header/header.component.html

@@ -21,8 +21,11 @@
       <nz-descriptions-item nzTitle="天时"></nz-descriptions-item>
     </nz-descriptions>
   </div>
-  <div class="w-full sm:w-1/4 flex justify-end gap-2">
-    <button nz-button (click)="onSaveClick()">保存</button>
-    <button nz-button (click)="onDeleteClick()">删档</button>
+  <div class="w-full sm:w-1/4 flex flex-col gap-2 justify-center">
+    <div> 上次保存时间:{{ lastSaveTime?.toLocaleString() || '未保存过游戏' }} </div>
+    <div class="flex gap-2">
+      <button nz-button (click)="onSaveClick()">保存</button>
+      <button nz-button (click)="onDeleteClick()">删档</button>
+    </div>
   </div>
 </div>

src/app/layouts/header/header.component.ts

@@ -3,7 +3,7 @@ import { Component, inject } from '@angular/core';
 import { LevelMapViewComponent } from '@components/level-map-view/level-map-view.component';
 import { EventType, SystemEventOperate } from '@models';
 import { TimeFormatPipe } from '@pipes/time-format.pipe';
-import { EnvService, CharacterService, TimeTickService, EventService } from '@services';
+import { EnvService, CharacterService, TimeTickService, EventService, RuntimeService } from '@services';
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import { NzDescriptionsModule } from 'ng-zorro-antd/descriptions';
 import { NzGridModule } from 'ng-zorro-antd/grid';
@@ -22,6 +22,11 @@ export class HeaderComponent {
   private timeTickSrv = inject(TimeTickService);
   private event = inject(EventService);
   private notice = inject(NzNotificationService);
+  private rtSrv = inject(RuntimeService);
+
+  get lastSaveTime() {
+    return this.rtSrv.lastSaveTime;
+  }
 
   get timeTick() {
     return this.timeTickSrv.getTimeTick();

src/app/models/runtime.model.ts

@@ -3,6 +3,7 @@ import { Env } from './env.model';
 import { BagItem } from './item.model';
 
 export interface StorageData {
+  lastSaveTime?: number;
   timeTickData: number; // 时间刻
   characterData: Character; // 角色信息
   envData: Env; // 环境信息

src/app/services/runtime.service.ts

@@ -3,7 +3,7 @@ import { EventRes, StorageData, SystemEventOperate, TASKS, Event } from '@models
 import { BackpackService, CharacterService, EnvService, TaskService, TimeTickService } from '@services';
 import { StatisticsService } from '@storages/statistics.service';
 import * as CryptoJS from 'crypto-js';
-import { Observable, of, timer } from 'rxjs';
+import { Observable, of } from 'rxjs';
 
 const WANJIE_TOKEN = 'wanjie_data';
 
@@ -18,6 +18,7 @@ export class RuntimeService {
   private timeTickSrv = inject(TimeTickService);
   private statisticsSrv = inject(StatisticsService);
 
+  lastSaveTime: Date | undefined;
   isInit: boolean = false;
 
   eventDetail(event: Event): Observable<EventRes> {
@@ -42,6 +43,9 @@ export class RuntimeService {
     if (storageData.statisticsData) {
       this.statisticsSrv.setStatistics(storageData.statisticsData);
     }
+    if (storageData.lastSaveTime) {
+      this.lastSaveTime = new Date(storageData.lastSaveTime);
+    }
     this.isInit = true;
   }
 
@@ -52,12 +56,12 @@ export class RuntimeService {
     const taskData = this.taskSrv.getCurrentTask()?.id;
     const timeTickData = this.timeTickSrv.getTimeTick();
     const statisticsData = this.statisticsSrv.getStatistics();
-    const time = new Date();
+    this.lastSaveTime = new Date();
     localStorage.setItem(
       WANJIE_TOKEN,
       CryptoJS.AES.encrypt(
         JSON.stringify({
-          time: time.getTime(),
+          lastSaveTime: this.lastSaveTime.getTime(),
           timeTickData,
           characterData,
           envData,
@@ -70,8 +74,8 @@ export class RuntimeService {
     );
     return of({
       status: 'success',
-      msg: `您的数据已保存,本次保存时间为${time.toLocaleString()}`,
-      data: time
+      msg: `您的数据已保存,本次保存时间为${this.lastSaveTime.toLocaleString()}`,
+      data: this.lastSaveTime
     });
   }