fix(数据大屏): 背景大小超过15M的提示信息需要优化

core/core-frontend/src/components/visualization/common/DeUpload.vue

@@ -40,11 +40,14 @@ import { imgUrlTrans } from '@/utils/imgUtils'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { beforeUploadCheck, uploadFileResult } from '@/api/staticResource'
 import { ElMessage } from 'element-plus-secondary'
+import { useI18n } from '@/hooks/web/useI18n'
 import ImgViewDialog from '@/custom-component/ImgViewDialog.vue'
+
 const snapshotStore = snapshotStoreWithOut()
 const emits = defineEmits(['onImgChange'])
 const files = ref(null)
 const maxImageSize = 15000000
+const { t } = useI18n()
 
 const props = defineProps({
   imgUrl: {
@@ -107,7 +110,7 @@ const reUpload = e => {
 }
 
 const sizeMessage = () => {
-  ElMessage.error('图片大小不能超过15M')
+  ElMessage.error(t('visualization.pic_size_error'))
 }
 
 onMounted(() => {

core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue

@@ -398,7 +398,7 @@
 <script setup lang="ts">
 import { queryVisualizationBackground } from '@/api/visualization/visualizationBackground'
 import { COLOR_PANEL } from '@/views/chart/components/editor/util/chart'
-import { computed, effect, nextTick, onMounted, reactive, ref, watch } from 'vue'
+import { computed, nextTick, onMounted, reactive, ref, watch } from 'vue'
 import { imgUrlTrans } from '@/utils/imgUtils'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { beforeUploadCheck, uploadFileResult } from '@/api/staticResource'
@@ -466,7 +466,7 @@ const goFile = () => {
 }
 
 const sizeMessage = () => {
-  ElMessage.error('图片大小不能超过15M')
+  ElMessage.error(t('visualization.pic_size_error'))
 }
 
 const reUpload = e => {

core/core-frontend/src/components/visualization/component-background/CanvasBackground.vue

@@ -168,7 +168,7 @@ const goFile = () => {
 }
 
 const sizeMessage = () => {
-  ElMessage.success(t('visualization.pic_size_error'))
+  ElMessage.error(t('visualization.pic_size_error'))
 }
 
 const reUpload = e => {

core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue

@@ -83,10 +83,6 @@ const goFile = () => {
   files.value.click()
 }
 
-const sizeMessage = () => {
-  ElMessage.success('图片大小不能超过15M')
-}
-
 const fileListInit = () => {
   fileList.value = []
   if (element.value.propValue.urlList && element.value.propValue.urlList.length > 0) {

core/core-frontend/src/custom-component/picture/Attr.vue

@@ -73,7 +73,7 @@ const reUpload = e => {
 }
 
 const sizeMessage = () => {
-  ElMessage.error('图片大小不能超过15M')
+  ElMessage.error(t('visualization.pic_size_error'))
 }
 const init = () => {
   if (curComponent.value.propValue.url) {

core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue

@@ -200,7 +200,7 @@ onMounted(() => {
 const reUpload = e => {
   const file = e.target.files[0]
   if (file.size > 15000000) {
-    ElMessage.error('图片大小不能超过15M')
+    ElMessage.error(t('visualization.pic_size_error'))
     return
   }
   uploadFileResult(file, fileUrl => {

core/core-frontend/src/views/dashboard/MobileBackgroundSelector.vue

@@ -159,7 +159,7 @@ const goFile = () => {
 }
 
 const sizeMessage = () => {
-  ElMessage.success(t('visualization.pic_size_error'))
+  ElMessage.error(t('visualization.pic_size_error'))
 }
 
 const reUpload = e => {