diff --git a/frontend/src/components/canvas/DeCanvas.vue b/frontend/src/components/canvas/DeCanvas.vue
index 5a8aa76f9e..797273c3f3 100644
--- a/frontend/src/components/canvas/DeCanvas.vue
+++ b/frontend/src/components/canvas/DeCanvas.vue
@@ -108,7 +108,6 @@ import { ApplicationContext } from '@/utils/ApplicationContext'
 import { chartCopy } from '@/api/chart/chart'
 import { adaptCurThemeCommonStyle } from '@/components/canvas/utils/style'
 import toast from '@/components/canvas/utils/toast'
-import generateID from '@/components/canvas/utils/generateID'
 import ButtonDialog from '@/views/panel/filter/ButtonDialog'
 import ButtonResetDialog from '@/views/panel/filter/ButtonResetDialog'
 import FilterDialog from '@/views/panel/filter/FilterDialog'
@@ -432,7 +431,7 @@ export default {
       uploadFileResult(file, (fileUrl) => {
         const component = {
           ...commonAttr,
-          id: generateID(),
+          id: uuid.v1(),
           component: 'Picture',
           type: 'picture-add',
           label: '图片',
diff --git a/frontend/src/views/panel/edit/index.vue b/frontend/src/views/panel/edit/index.vue
index bfb9fa9dcb..55f3b044d5 100644
--- a/frontend/src/views/panel/edit/index.vue
+++ b/frontend/src/views/panel/edit/index.vue
@@ -522,7 +522,6 @@ import FilterDialog from '../filter/FilterDialog'
 import ButtonDialog from '../filter/ButtonDialog'
 import ButtonResetDialog from '../filter/ButtonResetDialog'
 import toast from '@/components/canvas/utils/toast'
-import generateID from '@/components/canvas/utils/generateID'
 import ComponentWait from '@/views/panel/edit/ComponentWait'
 import { deleteEnshrine, saveEnshrine, starStatus } from '@/api/panel/enshrine'
 import ChartEdit from '@/views/chart/view/ChartEdit'
@@ -1271,7 +1270,7 @@ export default {
         img.onload = () => {
           const component = {
             ...commonAttr,
-            id: generateID(),
+            id: uuid.v1(),
             component: 'Picture',
             type: 'picture-add',
             label: '图片',