Merge branch 'fix/save-thumbnail-image' into 'main_dev'

fix: 修改大屏保存缩略图保存不了图片

See merge request yunteng/thingskit-view!115

@@ -91,7 +91,7 @@ export const saveDataViewList = (data: object) => {
  */
 export const uploadFile = async (file: FormData, mode: ErrorMessageMode = 'modal') => {
   return defHttp.post(
-    { url: Api.FILE_UPLOAD, params: file },
+    { url: Api.FILE_UPLOAD, params: file},
     {
       errorMessageMode: mode
     }

@@ -33,6 +33,8 @@ const option = shallowReactive({
   dataset: ''
 })
 
+
+
 const getStyle = (radius: number) => {
   return {
     borderRadius: `${radius}px`,
@@ -40,12 +42,44 @@ const getStyle = (radius: number) => {
   }
 }
 
+async function getBase64(imgUrl: string): Promise<string> {
+   return new Promise(resolve => {
+    let xhr = new XMLHttpRequest();
+     xhr.open('get', imgUrl, true);
+     xhr.responseType = 'blob';
+     xhr.onload = function() {
+         if (this.status == 200) {
+              //得到一个blob对象
+              let blob = this.response;
+              // 重点2
+              let oFileReader = new FileReader();
+              oFileReader.onloadend = function(e) {
+                  // 结果
+                  const base64 = e.target?.result as string
+                  resolve(base64)
+              }; 
+              oFileReader.readAsDataURL(blob);
+         }
+     };
+     xhr.send();
+   })
+} 
+
 // 编辑更新
 watch(
   () => props.chartConfig.option.dataset,
-  (newData: any) => {
+ async (newData: any) => { 
+    // const base64 = await getBase64(newData)
+    // option.dataset = base64
+    const reg = /^https?/ig
+    if(reg.test(newData)){
+      const base64 = await getBase64(newData)
+      option.dataset = base64
+      return
+    }
     option.dataset = newData
-  },
+    
+  }, 
   {
     immediate: true
   }