fix: 修复业务组件开发时，组件渲染出错导致数据无法保存的情况，仅将封面字段数据传入空值

data-room-ui/packages/BizComponent/index.vue

@@ -339,69 +339,57 @@ export default {
         }
       })
     },
-    save (pageJump = false) {
+    async  save (pageJump = false) {
       this.loading = true
+      let dataUrl = ''
       const node = document.querySelector('.remote-preview-inner-wrap')
       // 获取node下的第一个子节点
       const childrenNode = node.children[0]
-      toJpeg(childrenNode, { quality: 0.2 })
+      try {
-        .then((dataUrl) => {
+        dataUrl = await toJpeg(childrenNode, { quality: 0.2 })
-          const that = this
+      } catch (error) {
-          if (showSize(dataUrl) > 200) {
+        console.info(error)
-            const url = dataURLtoBlob(dataUrl)
+      }
-            // 压缩到500KB,这里的500就是要压缩的大小,可自定义
+      console.log(dataUrl)
-            imageConversion
+      if (dataUrl) {
-              .compressAccurately(url, {
+        if (showSize(dataUrl) > 200) {
-                size: 200, // 图片大小压缩到100kb
+          const url = dataURLtoBlob(dataUrl)
-                width: 1280, // 宽度压缩到1280
+          // 压缩到500KB,这里的500就是要压缩的大小,可自定义
-                height: 720 // 高度压缩到720
+          imageConversion.compressAccurately(
-              })
+            url,
-              .then((res) => {
+            {
-                translateBlobToBase64(res, function (e) {
+              size: 200, // 图片大小压缩到100kb
-                  this.form.coverPicture = e.result
+              width: 1280, // 宽度压缩到1280
-                  updateBizComponent(this.form)
+              height: 720 // 高度压缩到720
-                    .then(() => {
+            }
-                      this.$message({
+          ).then((res) => {
-                        message: '保存成功',
+            translateBlobToBase64(res, (e) => {
-                        type: 'success',
+              this.form.coverPicture = e.result
-                        duration: 800,
+            })
-                        onClose: () => {
+          })
-                          // 此处写提示关闭后需要执行的函数
+        } else {
-                          if (pageJump) {
+          this.form.coverPicture = dataUrl
-                            this.pageJump()
+        }
-                          }
+      } else {
-                        }
+        this.form.coverPicture = ''
-                      })
+      }
-                    })
+      updateBizComponent(this.form).then(() => {
-                    .finally(() => {
+        this.$message({
-                      that.loading = false
+          message: '保存成功',
-                    })
+          type: 'success',
-                })
+          duration: 800,
-              })
+          onClose: () => {
-          } else {
+            // 此处写提示关闭后需要执行的函数
-            this.form.coverPicture = dataUrl
+            if (pageJump) {
-            updateBizComponent(this.form)
+              this.pageJump()
-              .then(() => {
+            }
-                this.$message({
-                  message: '保存成功',
-                  type: 'success',
-                  duration: 800,
-                  onClose: () => {
-                    // 此处写提示关闭后需要执行的函数
-                    if (pageJump) {
-                      this.pageJump()
-                    }
-                  }
-                })
-              })
-              .finally(() => {
-                this.loading = false
-              })
           }
         })
-        .catch(() => {
+        this.loading = false
-          this.loading = false
+      }).catch((error) => {
-        })
+        console.info(error)
+        this.loading = false
+      })
     },
     createdImg () {
       this.loading = true
@@ -421,7 +409,8 @@ export default {
           })
           this.loading = false
         })
-        .catch(() => {
+        .catch((error) => {
+          console.info(error)
           this.$message.warning('出现未知错误，请重试')
           this.loading = false
         })