fix |> 修复稿件详情查看大图缺少图片缓存的问题

@@ -7,8 +7,10 @@ import { WindowSizeManager } from '../utils/Managers';
 import { runWithAnimation } from '../utils/FuncUtils';
 import { runWithAnimation } from '../utils/FuncUtils';
 import { PhotoListBean } from 'wdBean/Index';
 import { PhotoListBean } from 'wdBean/Index';
 import { router } from '@kit.ArkUI';
 import { router } from '@kit.ArkUI';
-import { taskpool } from '@kit.ArkTS';
+import { buffer, taskpool,util } from '@kit.ArkTS';
 import { httpRequest } from '../utils/httpRequest';
 import { httpRequest } from '../utils/httpRequest';
+import { ImageKnifeComponent } from '@ohos/imageknife';
+import { Logger,SPHelper } from 'wdKit';
 
 
 const TAG = 'MultiPictureDetailItemComponent';
 const TAG = 'MultiPictureDetailItemComponent';
 
 
@@ -50,10 +52,32 @@ export struct MultiPictureDetailItemComponent {
   @State currentOffset: number = 0
   @State currentOffset: number = 0
   @Consume duration: number
   @Consume duration: number
   windowSizeManager: WindowSizeManager = new WindowSizeManager();
   windowSizeManager: WindowSizeManager = new WindowSizeManager();
+  private picPathKey:string = ''
 
 
+  async  aboutToAppear() {
 
 
-  aboutToAppear() {
     this.imageUri = this.MultiPictureDetailItem.picPath
     this.imageUri = this.MultiPictureDetailItem.picPath
+
+    let lastIndexOfSlash = this.imageUri.lastIndexOf('/')
+    let lastIndexOfDot = this.imageUri.lastIndexOf('.')
+    let resultString = ''
+    if (lastIndexOfSlash != -1 && lastIndexOfDot != -1 && lastIndexOfDot >lastIndexOfSlash ) {
+      resultString = this.imageUri.substring(lastIndexOfSlash+1,lastIndexOfDot)
+    }
+    this.picPathKey = resultString;
+
+    let base64Str = SPHelper.default.getSync(this.picPathKey, '') as string
+    let base64StartIndex = base64Str.indexOf("base64,") + "base64,".length;
+    base64Str = base64Str.substring(base64StartIndex);
+
+    if (base64Str.length > 0) {
+      let helper = new util.Base64Helper();
+      let buffer: ArrayBuffer = helper.decodeSync(base64Str, util.Type.MIME).buffer as ArrayBuffer;
+      let imageSource = image.createImageSource(buffer);
+      let opts: image.DecodingOptions = { editable: true };
+      this.imagePixelMap = await imageSource.createPixelMap(opts);
+
+    } else {
       // 通过任务池（taskpool）从网络下载图片资源
       // 通过任务池（taskpool）从网络下载图片资源
       taskpool.execute(getPicture, this.imageUri).then((res) => {
       taskpool.execute(getPicture, this.imageUri).then((res) => {
         const imgBuffer = res as ArrayBuffer
         const imgBuffer = res as ArrayBuffer
@@ -61,7 +85,21 @@ export struct MultiPictureDetailItemComponent {
         this.transcodePixelMap(imgBuffer);
         this.transcodePixelMap(imgBuffer);
       })
       })
     }
     }
+  }
+
+  async saveImage(data: image.PixelMap){
 
 
+    if (this.picPathKey.length > 0) {
+      // 转换成base64
+      const imagePackerApi: image.ImagePacker = image.createImagePacker();
+      let packOpts: image.PackingOption = { format: 'image/jpeg', quality: 100 };
+      imagePackerApi.packing(data, packOpts).then((data: ArrayBuffer) => {
+        let buf: buffer.Buffer = buffer.from(data);
+        let base64 = 'data:image/jpeg;base64,' + buf.toString('base64', 0, buf.length);
+        SPHelper.default.saveSync(this.picPathKey,base64)
+      })
+    }
+  }
 
 
   /**
   /**
    * 使用createPixelMap将ArrayBuffer类型的图片装换为PixelMap类型
    * 使用createPixelMap将ArrayBuffer类型的图片装换为PixelMap类型
@@ -97,6 +135,7 @@ export struct MultiPictureDetailItemComponent {
     });
     });
     imageSource.createPixelMap().then((data: image.PixelMap) => {
     imageSource.createPixelMap().then((data: image.PixelMap) => {
       this.imagePixelMap = data;
       this.imagePixelMap = data;
+      this.saveImage(data);
     }).catch((err: BusinessError) => {
     }).catch((err: BusinessError) => {
       console.error(`[error][createPixelMap]${err.message}`);
       console.error(`[error][createPixelMap]${err.message}`);
     });
     });