feat: 大屏

src/views/chart/ContentHeader/headerTitle/index.vue

@@ -68,6 +68,11 @@ const handleFocus = () => {
 
 const handleBlur = async () => {
   focus.value = false
+  // 如果项目名称为空，不提交
+  if (!title.value || !title.value.trim()) {
+    title.value = chartEditStore.getProjectInfo.projectName || ''
+    return
+  }
   chartEditStore.setProjectInfo(ProjectInfoEnum.PROJECT_NAME, title.value || '')
   const res = (await updateProjectApi({
     id: fetchRouteParamsLocation(),

src/views/chart/hooks/useSync.hook.ts

@@ -2,7 +2,7 @@ import { onUnmounted } from 'vue';
 import html2canvas from 'html2canvas'
 import { getUUID, httpErrorHandle, fetchRouteParamsLocation, base64toFile, JSONStringify, JSONParse } from '@/utils'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
-import { EditCanvasTypeEnum, ChartEditStoreEnum, ProjectInfoEnum, ChartEditStorage } from '@/store/modules/chartEditStore/chartEditStore.d'
+import { EditCanvasTypeEnum, ChartEditStoreEnum, ProjectInfoEnum, ChartEditStorage, EditCanvasConfigEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
 import { useChartHistoryStore } from '@/store/modules/chartHistoryStore/chartHistoryStore'
 import { StylesSetting } from '@/components/Pages/ChartItemSetting'
 import { useSystemStore } from '@/store/modules/systemStore/systemStore'
@@ -290,7 +290,7 @@ export const useSync = () => {
       if (updateImg) {
         // 获取缩略图片
         const range = document.querySelector('.go-edit-range') as HTMLElement
-        // 生成图片
+        // 生成图片（透明底）
         const canvasImage: HTMLCanvasElement = await html2canvas(range, {
           backgroundColor: null,
           allowTaint: true,
@@ -312,7 +312,8 @@ export const useSync = () => {
           if (uploadRes.data.result_url) {
             await updateProjectApi({
               id: fetchRouteParamsLocation(),
-              indexImage: uploadRes.data.result_url
+              indexImage: uploadRes.data.result_url,
+              backgroundImage: chartEditStore.getEditCanvasConfig.backgroundImage
             })
           }
         }