vue2-client 1.8.258 → 1.8.261

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.8.258",
+  "version": "1.8.261",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/base-client/components/common/LowCodeComponent/LowCodePageOrganization.vue

@@ -49,7 +49,6 @@
 </template>
 
 <script>
-import { nanoid } from 'nanoid'
 import * as lowcodeUtils from '@vue2-client/utils/lowcode/lowcodeUtils'
 export default {
   props: {
@@ -116,6 +115,7 @@ export default {
       // 2. 高一级移动但不是新增
       // 3. 高级组件移动到低级
       // 4. 相差2级移动
+      // 唯一特例，行可以插入容器页面，容器页面等于模块级别，但可以被行插入
       if (dragLevel === 'row') {
         if (dropLevel === 'page' && dropPosition !== 0) {
           this.$message.error('该移动不合法！')
@@ -163,7 +163,7 @@ export default {
             onCancel () {},
           })
         } else if (targetType === 'page') {
-          const page = lowcodeUtils.getPageByPageID(originalKey, this.config)
+          const page = lowcodeUtils.getPageConfigById(originalKey, this.config)
           this.$confirm({
             title: `确认删除此页面？`,
             content: `所选页面：${page.title}[${lowcodeUtils.resolvePageType(page.type)}]`,
@@ -200,11 +200,11 @@ export default {
           temp = lowcodeUtils.getConfig(originalKey, this.config)
         }
         // 复制
-        const copy = JSON.parse(JSON.stringify(temp))
+        let copy = JSON.parse(JSON.stringify(temp))
         console.warn('copy', copy)
         if (targetType === 'page') {
           // 重新修改id和title
-          copy.id = 'page_' + nanoid(6)
+          copy.id = 'page_' + lowcodeUtils.nanoidWithoutSymbol(6)
           copy.title = copy.title + '_副本'
           // 复制页面自动粘贴
           this.$emit('pasteItem', originalKey, copy, 'page')
@@ -214,15 +214,16 @@ export default {
             const copyKeys = Object.keys(copy)
             copyKeys.forEach(key => {
               const prefix = copy[key].id.split('_')[0]
-              copy[key].id = prefix + '_' + nanoid(6)
+              copy[key].id = prefix + '_' + lowcodeUtils.nanoidWithoutSymbol(6)
             })
           } else if (targetType === 'item') {
             // 重新修改id
             const prefix = copy.id.split('_')[0]
-            copy.id = prefix + '_' + nanoid(6)
+            copy.id = prefix + '_' + lowcodeUtils.nanoidWithoutSymbol(6)
           } else if (targetType === 'container_page') {
             // 重新修改id
-            copy.id = 'container_' + nanoid(6)
+            copy.id = 'container_' + lowcodeUtils.nanoidWithoutSymbol(6)
+            copy = lowcodeUtils.reRandomComponentId(copy)
           }
           this.copyCache = {
             type: targetType,
@@ -272,37 +273,38 @@ export default {
     },
     // 处理架构树点击事件
     handleTreeSelect (value) {
-      let isPage = false
+      this.$emit('treeOrganizationClick', value[0])
       // 如果选中的id只有两位证明是页面容器
-      if (value[0].length === 2) {
-        isPage = true
-      }
-      for (let i = 0; i < this.config.page.length; i++) {
-        const pageTemp = this.config.page[i]
-        if (isPage) {
-          if (pageTemp.id === value[0]) {
-            this.$emit('treeOrganizationClick', pageTemp.id, 'page')
-            return
-          } else {
-            continue
-          }
-        }
-        // 如果点击的是行，行的id就是页面id + _ + uuid
-        if (pageTemp.id === value[0].split('_')[0]) {
-          this.$emit('treeOrganizationClick', pageTemp.id, 'page')
-          return
-        }
-        for (let j = 0; j < pageTemp.body.length; j++) {
-          const rowTemp = pageTemp.body[j]
-          for (let k = 0; k < rowTemp.length; k++) {
-            const itemTemp = rowTemp[k]
-            if (itemTemp.id === value[0]) {
-              this.$emit('treeOrganizationClick', itemTemp.id, 'component')
-              return
-            }
-          }
-        }
-      }
+      // let isPage = false
+      // if (value[0].length === 2) {
+      //   isPage = true
+      // }
+      // for (let i = 0; i < this.config.page.length; i++) {
+      //   const pageTemp = this.config.page[i]
+      //   if (isPage) {
+      //     if (pageTemp.id === value[0]) {
+      //       this.$emit('treeOrganizationClick', pageTemp.id, 'page')
+      //       return
+      //     } else {
+      //       continue
+      //     }
+      //   }
+      //   // 如果点击的是行，行的id就是页面id + _ + uuid
+      //   if (pageTemp.id === value[0].split('_')[0]) {
+      //     this.$emit('treeOrganizationClick', pageTemp.id, 'page')
+      //     return
+      //   }
+      //   for (let j = 0; j < pageTemp.body.length; j++) {
+      //     const rowTemp = pageTemp.body[j]
+      //     for (let k = 0; k < rowTemp.length; k++) {
+      //       const itemTemp = rowTemp[k]
+      //       if (itemTemp.id === value[0]) {
+      //         this.$emit('treeOrganizationClick', itemTemp.id, 'component')
+      //         return
+      //       }
+      //     }
+      //   }
+      // }
     },
     initTree (config, container = undefined) {
       const result = []

package/src/base-client/components/common/LowCodePageRender/editorPageRender.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="width: 100%">
     <template v-for="(page,pageIndex) in pageConfig.page">
       <!--   拖拽时显示宽度   -->
       <template v-if="showDragSpan">
@@ -22,7 +22,6 @@
                   style="display: flex;align-items: center"
                   @click="clickComponentInEditor(item)">
                   <div :class="item.selected ? 'selected_container' : 'container'">
-                    <h1>{{ item }}</h1>
                     <div>
                       <p style="font-size: 1.5em">宽度：{{ item.span }}</p>
                     </div>
@@ -32,7 +31,7 @@
                   </div>
                   <div
                     v-if="itemIndex !== row.length - 1"
-                    style="width: 6px;font-size: 1em;color: rgb( 24,144,255);"
+                    style="width: 6px;font-size: 1em;color: rgb( 24,144,255)"
                     class="dragDiv"
                     @mousedown="dragStart($event, item.id, row)">
                     || <br> ||
@@ -41,7 +40,7 @@
                 <!--   递归显示页面容器   -->
                 <div
                   v-else-if="item.type === 'container_page'"
-                  style="display: flex;align-items: center;">
+                  style="display: flex;align-items: center">
                   <editor-page-render
                     v-if="renderSub"
                     @spanDrag="handleDrag"

package/src/base-client/components/common/XReport/XReportTrGroup.vue

@@ -435,6 +435,9 @@ export default {
           const temp = withOutEndFix.split('/')
           obj.name = temp[temp.length - 1]
         }
+        if (obj.status === undefined) {
+          obj.status = 'done'
+        }
       })
       return target
     },

package/src/base-client/components/common/XTree/XTree.vue

@@ -1,8 +1,7 @@
 <script setup>
 import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
-import { computed, reactive, ref, watch, defineExpose } from 'vue'
+import { reactive, ref, watch, defineExpose } from 'vue'
 import executeStrFunction from '@vue2-client/utils/runEvalFunction'
-import store from '@vue2-client/store/modules/account'
 import debounce from 'lodash.debounce'
 
 const config = reactive({})
@@ -18,8 +17,6 @@ const filteredTreeData = ref([])
 const deepestNodes = ref([])
 // 替换字段
 let _replaceFields = reactive({ children: 'children', title: 'title', key: 'key' })
-// 当前用户信息
-const currentUser = computed(() => store.state.user)
 // 暂存查询信息
 const searchInfo = ref({})
 const props = defineProps({
@@ -91,10 +88,11 @@ function onSelect (keys, e) {
 
 async function getData (param = {}) {
   spinning.value = true
+  const currentUser = JSON.parse(localStorage.getItem(process.env.VUE_APP_USER_KEY))
   searchInfo.value = Object.assign(param, {
-    org_id: currentUser.value.orgid,
-    user_id: currentUser.value.id,
-    dep_id: currentUser.value.f_department_id
+    orgId: currentUser.orgid,
+    userId: currentUser.id,
+    depId: currentUser.f_department_id
   })
   await runLogic(config.treeData.substring(6), searchInfo.value, config.serviceName, props.env === 'dev').then(res => {
     _treeData.value = res

package/src/pages/lowCode/lowCodeEditor.vue

@@ -532,7 +532,6 @@ import editorPageRender from '@vue2-client/base-client/components/common/LowCode
 import * as registeredRender from '@vue2-client/utils/lowcode/registerComponentForRender'
 import * as lowcodeUtils from '@vue2-client/utils/lowcode/lowcodeUtils'
 import codeMirror from '@vue2-client/components/CodeMirror/inedx.vue'
-import { nanoid } from 'nanoid'
 import lowcodeComponentMixin from '@vue2-client/utils/lowcode/lowcodeComponentMixin'
 // eslint-disable-next-line no-unused-vars
 import lowcodeLog from '@vue2-client/utils/lowcode/lowcodeLog'
@@ -634,7 +633,7 @@ export default {
     // 添加页面容器弹框确认
     handleAddPageContainerModalOk () {
       const result = {
-        id: 'page_' + nanoid(6),
+        id: 'page_' + lowcodeUtils.nanoidWithoutSymbol(6),
         type: this.addComponentTemp.type,
         title: this.addComponentTemp.title,
         width: this.addComponentTemp.width,
@@ -713,35 +712,34 @@ export default {
       this.$forceUpdate()
     },
     // 点击架构树
-    treeOrganizationClick (id, type) {
+    treeOrganizationClick (id) {
       // 如果类型是page证明，选中的是最外层容器
-      if (type === 'page') {
-        this.mainPageMenu[0] = id
-        this.activeMainPage = id
-        for (let i = 0; i < this.config.page.length; i++) {
-          if (this.config.page[i].id === this.activeMainPage) {
-            this.activeMainPageType = this.config.page[i].type
-            break
-          }
-        }
-        this.$forceUpdate()
-      } else if (type === 'component') {
-        this.config.page.forEach(page => {
-          page.body.forEach(row => {
-            row.forEach(item => {
-              if (item.id === id) {
-                this.mainPageMenu[0] = page.id
-                this.activeMainPage = page.id
-                this.activeMainPageType = page.type
-                this.$forceUpdate()
-              }
-            })
-          })
-        })
-        // 将组件选中
-        const target = lowcodeUtils.getComponentConfig(id, this.config)
-        this.clickComponentInEditor(target)
-      }
+      // if (type === 'page') {
+      //   this.mainPageMenu[0] = id
+      //   this.activeMainPage = id
+      //   for (let i = 0; i < this.config.page.length; i++) {
+      //     if (this.config.page[i].id === this.activeMainPage) {
+      //       this.activeMainPageType = this.config.page[i].type
+      //       break
+      //     }
+      //   }
+      //   this.$forceUpdate()
+      // } else if (type === 'component') {
+      //   this.config.page.forEach(page => {
+      //     page.body.forEach(row => {
+      //       row.forEach(item => {
+      //         if (item.id === id) {
+      //           this.mainPageMenu[0] = page.id
+      //           this.activeMainPage = page.id
+      //           this.activeMainPageType = page.type
+      //           this.$forceUpdate()
+      //         }
+      //       })
+      //     })
+      //   })
+      // 将组件选中
+      const target = lowcodeUtils.getComponentConfig(id, this.config)
+      this.clickComponentInEditor(target)
     },
     // 架构树拖拽事件
     handleTreeDrag (dragKey, dropKey, dropLevel, dropPosition) {
@@ -861,7 +859,8 @@ export default {
     // 删除组件
     deleteComponentInTree (id, type) {
       if (type === 'page') {
-        this.deletePage(id)
+        const page = lowcodeUtils.getPageConfigById(id, this.config)
+        this.deletePage(page)
       } else if (type === 'component') {
         this.deleteComponent(id)
       } else if (type === 'row') {
@@ -891,18 +890,23 @@ export default {
       this.refreshOrganization()
     },
     // 删除页面容器
-    deletePage (id) {
-      for (let i = 0; i < this.config.page.length; i++) {
-        const page = this.config.page[i]
-        if (page.id === id) {
-          // 将该容器中所有已注册的组件全部删除
-          page.body.forEach(item => {
+    deletePage (page) {
+      console.warn('123', page)
+      page.body.forEach(row => {
+        row.forEach(item => {
+          if (item.type === 'container_page') {
+            this.deletePage(item.page)
+          } else {
             delete this.$children[0]._provided.componentsMap[item.id]
-          })
+          }
+        })
+      })
+      for (let i = 0; i < this.config.page.length; i++) {
+        if (this.config.page[i].id === page.id) {
+          this.config.page.splice(i, 1)
           this.targetContainer = undefined
           this.editorPropertiesConfig = {}
           this.refreshOrganization()
-          this.config.page.splice(i, 1)
           return
         }
       }
@@ -989,42 +993,20 @@ export default {
     },
     // 容器删除
     handleContainerDelete (id) {
-      let target
-      let pageIndex
-      // 找到目标page
-      for (let i = 0; i < this.config.page.length; i++) {
-        const tempPage = this.config.page[i].body
-        for (let j = 0; j < tempPage.length; j++) {
-          const row = tempPage[j]
-          for (let k = 0; k < row.length; k++) {
-            const item = row[k]
-            if (item.id === id) {
-              target = this.config.page[i]
-              // eslint-disable-next-line no-unused-vars
-              pageIndex = i
-            }
-          }
-        }
-      }
-      // 找到该page下对应的item
-      let targetIndex
-      let rowIndex
-      for (let i = 0; i < target.body.length; i++) {
-        const row = target.body[i]
-        for (let j = 0; j < row.length; j++) {
-          const item = row[j]
-          if (item.id === id) {
-            targetIndex = j
-            rowIndex = i
-            break
-          }
+      let index
+      const row = lowcodeUtils.getRowConfigByComponentId(id, this.config)
+      for (let i = 0; i < row.length; i++) {
+        const item = row[i]
+        if (item.id === id) {
+          index = i
+          break
         }
       }
-      target.body[rowIndex].splice(targetIndex, 1)
+      row.splice(index, 1)
       this.targetContainer = undefined
       // 如果删除后只剩一个容器，将该容器span设置为24
-      if (target.body[rowIndex].length === 1) {
-        target.body[rowIndex][0].span = 24
+      if (row.length === 1) {
+        row[0].span = 24
       }
       this.refreshOrganization()
     },
@@ -1114,23 +1096,7 @@ export default {
     addComponentToContainer (type) {
       // 如果没有选中容器
       if (!this.targetContainer) {
-        // 并且配置中没有任何其他组件，则认为是单组件页面，直接将组件添加到页面
-        if (this.config.page.length === 0) {
-          this.config.page.push({
-            id: 'page_' + nanoid(6),
-            type: 'page',
-            body: [
-              {
-                span: 24,
-                type: type,
-                id: type + '_' + nanoid(6),
-              }
-            ]
-          })
-          this.refreshOrganization()
-        } else {
-          this.$message.error('如需多个组件请先添加组件容器！')
-        }
+        this.$message.error('请先选择目标容器！')
         this.targetContainer = undefined
         return
       }
@@ -1138,7 +1104,7 @@ export default {
       const target = lowcodeUtils.getComponentConfig(this.targetContainer.id, this.config.page)
       // 将容器的类型和id改变
       target.type = type
-      target.id = target.type + '_' + nanoid(6)
+      target.id = target.type + '_' + lowcodeUtils.nanoidWithoutSymbol(6)
       this.targetContainer = undefined
       this.refreshOrganization()
     },
@@ -1163,21 +1129,36 @@ export default {
         if (this.config.page[targetIndex].type === 'page') {
           this.config.page[targetIndex].body.push([
             {
-              type: 'container',
-              span: 12,
-              id: 'container_' + nanoid(6)
-            },
-            {
-              type: 'container',
-              span: 12,
-              id: 'container_' + nanoid(6)
+              type: 'container_page',
+              span: 24,
+              id: 'container_' + lowcodeUtils.nanoidWithoutSymbol(6),
+              page: [
+                {
+                  id: 'container_page_' + lowcodeUtils.nanoidWithoutSymbol(6),
+                  type: 'page',
+                  body: [
+                    [
+                      {
+                        type: 'container',
+                        span: 12,
+                        id: 'container_' + lowcodeUtils.nanoidWithoutSymbol(6)
+                      },
+                      {
+                        type: 'container',
+                        span: 12,
+                        id: 'container_' + lowcodeUtils.nanoidWithoutSymbol(6)
+                      },
+                    ]
+                  ]
+                }
+              ]
             }
           ])
         } else {
           this.config.page[targetIndex].body.push([{
             type: 'container',
             span: 24,
-            id: 'container_' + nanoid(6)
+            id: 'container_' + lowcodeUtils.nanoidWithoutSymbol(6)
           }])
         }
       } else {
@@ -1194,11 +1175,11 @@ export default {
             row.splice(targetInRowIndex, 1, {
               type: 'container',
               span: Math.floor(maxWidth / 2),
-              id: 'container_' + nanoid(6)
+              id: 'container_' + lowcodeUtils.nanoidWithoutSymbol(6)
             }, {
               type: 'container',
               span: Math.ceil(maxWidth / 2),
-              id: 'container_' + nanoid(6)
+              id: 'container_' + lowcodeUtils.nanoidWithoutSymbol(6)
             })
             this.targetContainer = undefined
             this.refreshOrganization()
@@ -1206,18 +1187,18 @@ export default {
           onCancel: () => {
             targetItem.type = 'container_page'
             targetItem.page = [{
-              id: 'container_page_' + nanoid(6),
+              id: 'container_page_' + lowcodeUtils.nanoidWithoutSymbol(6),
               type: 'page',
               body: [
                 [{
                   type: 'container',
                   span: 24,
-                  id: 'container_' + nanoid(6)
+                  id: 'container_' + lowcodeUtils.nanoidWithoutSymbol(6)
                 }],
                 [{
                   type: 'container',
                   span: 24,
-                  id: 'container_' + nanoid(6)
+                  id: 'container_' + lowcodeUtils.nanoidWithoutSymbol(6)
                 }]
               ]
             }]
@@ -1349,148 +1330,148 @@ export default {
     this.supportedEventType = [...lowcodeComponentMixin.supportedEventType]
     // 深拷贝外侧传来的配置
     this.config = JSON.parse(JSON.stringify(this.originalConfig))
-    this.config = {
-      page: [
-        {
-          id: 'page_KBjw2i',
-          type: 'page',
-          title: '111',
-          body: [
-            [
-              {
-                type: 'XFormTable',
-                span: 12,
-                id: 'XFormTable_BV6Nwk',
-                selected: false,
-                props: {
-                  queryParamsName: '',
-                  serviceName: ''
-                },
-                selfEvent: [
-                  'action'
-                ]
-              },
-              {
-                type: 'XAddNativeForm',
-                span: 12,
-                id: 'XAddNativeForm_ekihTp',
-                selected: false,
-                props: {
-                  configNameForLowCode: '',
-                  systemNameForLowCode: ''
-                },
-                selfEvent: [
-                  'onSubmit'
-                ]
-              }
-            ],
-            [
-              {
-                type: 'XTreeOne',
-                span: 12,
-                id: 'XTreeOne_szu7Al',
-                selected: false
-              },
-              {
-                type: 'XDescriptions',
-                span: 12,
-                id: 'XDescriptions_DTkbEg',
-                selected: false,
-                props: {
-                  title: '111',
-                  content: {
-                    c_f_user_phone: '2323',
-                    c_f_total_fee: 33356,
-                    c_f_address: '22',
-                    c_f_meterlen: 2,
-                    c_f_bank_card_number: '23',
-                    c_f_create_user: '超级管理员',
-                    c_f_customer: '23',
-                    c_f_balance: 33356,
-                    c_f_create_date: '2024-06-23 21:31:24',
-                    c_f_operator_date: '2024-06-23 21:31:24',
-                    c_f_total_times: 2,
-                    c_f_user_name: '23',
-                    c_f_comments: '323',
-                    c_id: 39,
-                    c_f_operatorid: '15',
-                    c_f_operator: '超级管理员',
-                    c_f_orgid: '9'
-                  },
-                  configName: 'Unit_Desc_Config',
-                  serviceName: 'af-revenue',
-                  getRealData: true
-                },
-                selfEvent: []
-              }
-            ]
-          ]
-        },
-        {
-          id: 'page_FgItf6',
-          type: 'page',
-          title: '22',
-          body: [
-            [
-              {
-                type: 'container',
-                span: 4,
-                id: 'container_ir2gR2',
-                selected: false
-              },
-              {
-                type: 'container_page',
-                span: 10,
-                id: 'container_xIRHGg',
-                selected: true,
-                page: [
-                  {
-                    id: 'container_page_IgYw9u',
-                    type: 'page',
-                    body: [
-                      [
-                        {
-                          type: 'container',
-                          span: 24,
-                          id: 'container_tqVFCL'
-                        }
-                      ],
-                      [
-                        {
-                          type: 'container',
-                          span: 24,
-                          id: 'container_i8VXCZ'
-                        }
-                      ]
-                    ]
-                  }
-                ]
-              },
-              {
-                type: 'container',
-                span: 10,
-                id: 'container_PT9n3Q',
-                selected: false
-              }
-            ],
-            [
-              {
-                type: 'container',
-                span: 18,
-                id: 'container_q04vQr',
-                selected: false
-              },
-              {
-                type: 'container',
-                span: 6,
-                id: 'container_MKwNvz',
-                selected: false
-              }
-            ]
-          ]
-        }
-      ]
-    }
+    // this.config = {
+    //   page: [
+    //     {
+    //       id: 'page_KBjw2i',
+    //       type: 'page',
+    //       title: '111',
+    //       body: [
+    //         [
+    //           {
+    //             type: 'XFormTable',
+    //             span: 12,
+    //             id: 'XFormTable_BV6Nwk',
+    //             selected: false,
+    //             props: {
+    //               queryParamsName: '',
+    //               serviceName: ''
+    //             },
+    //             selfEvent: [
+    //               'action'
+    //             ]
+    //           },
+    //           {
+    //             type: 'XAddNativeForm',
+    //             span: 12,
+    //             id: 'XAddNativeForm_ekihTp',
+    //             selected: false,
+    //             props: {
+    //               configNameForLowCode: '',
+    //               systemNameForLowCode: ''
+    //             },
+    //             selfEvent: [
+    //               'onSubmit'
+    //             ]
+    //           }
+    //         ],
+    //         [
+    //           {
+    //             type: 'XTreeOne',
+    //             span: 12,
+    //             id: 'XTreeOne_szu7Al',
+    //             selected: false
+    //           },
+    //           {
+    //             type: 'XDescriptions',
+    //             span: 12,
+    //             id: 'XDescriptions_DTkbEg',
+    //             selected: false,
+    //             props: {
+    //               title: '111',
+    //               content: {
+    //                 c_f_user_phone: '2323',
+    //                 c_f_total_fee: 33356,
+    //                 c_f_address: '22',
+    //                 c_f_meterlen: 2,
+    //                 c_f_bank_card_number: '23',
+    //                 c_f_create_user: '超级管理员',
+    //                 c_f_customer: '23',
+    //                 c_f_balance: 33356,
+    //                 c_f_create_date: '2024-06-23 21:31:24',
+    //                 c_f_operator_date: '2024-06-23 21:31:24',
+    //                 c_f_total_times: 2,
+    //                 c_f_user_name: '23',
+    //                 c_f_comments: '323',
+    //                 c_id: 39,
+    //                 c_f_operatorid: '15',
+    //                 c_f_operator: '超级管理员',
+    //                 c_f_orgid: '9'
+    //               },
+    //               configName: 'Unit_Desc_Config',
+    //               serviceName: 'af-revenue',
+    //               getRealData: true
+    //             },
+    //             selfEvent: []
+    //           }
+    //         ]
+    //       ]
+    //     },
+    //     {
+    //       id: 'page_FgItf6',
+    //       type: 'page',
+    //       title: '22',
+    //       body: [
+    //         [
+    //           {
+    //             type: 'container',
+    //             span: 4,
+    //             id: 'container_ir2gR2',
+    //             selected: false
+    //           },
+    //           {
+    //             type: 'container_page',
+    //             span: 10,
+    //             id: 'container_xIRHGg',
+    //             selected: true,
+    //             page: [
+    //               {
+    //                 id: 'container_page_IgYw9u',
+    //                 type: 'page',
+    //                 body: [
+    //                   [
+    //                     {
+    //                       type: 'container',
+    //                       span: 24,
+    //                       id: 'container_tqVFCL'
+    //                     }
+    //                   ],
+    //                   [
+    //                     {
+    //                       type: 'container',
+    //                       span: 24,
+    //                       id: 'container_i8VXCZ'
+    //                     }
+    //                   ]
+    //                 ]
+    //               }
+    //             ]
+    //           },
+    //           {
+    //             type: 'container',
+    //             span: 10,
+    //             id: 'container_PT9n3Q',
+    //             selected: false
+    //           }
+    //         ],
+    //         [
+    //           {
+    //             type: 'container',
+    //             span: 18,
+    //             id: 'container_q04vQr',
+    //             selected: false
+    //           },
+    //           {
+    //             type: 'container',
+    //             span: 6,
+    //             id: 'container_MKwNvz',
+    //             selected: false
+    //           }
+    //         ]
+    //       ]
+    //     }
+    //   ]
+    // }
     this.refreshOrganization()
   }
 }

package/src/utils/lowcode/lowcodeUtils.js

@@ -1,5 +1,15 @@
 // eslint-disable-next-line no-unused-vars
 import * as registeredConfig from './registerComponentForEditor'
+import { nanoid } from 'nanoid'
+
+// 随机id去除特定字符
+export function nanoidWithoutSymbol (size, without = '_') {
+  let result = nanoid(size)
+  while (result.includes(without)) {
+    result = nanoid(size)
+  }
+  return result
+}
 
 // 根据id获取组件定义的配置（在ForEditor中注册的配置）
 export function getEditorConfigById (componentId, config) {
@@ -77,16 +87,6 @@ export function resolvePageType (type) {
   }
 }
 
-// 根据页面容器id获取页面容器配置
-export function getPageByPageID (id, config) {
-  for (let i = 0; i < config.page.length; i++) {
-    const page = config.page[i]
-    if (page.id === id) {
-      return page
-    }
-  }
-}
-
 // 根据id获取配置
 export function getComponentConfig (componentId, config) {
   if (config.page) {
@@ -253,3 +253,24 @@ export function getComponentNameById (id, config) {
     return targetConfig.id
   }
 }
+
+// 重新随机容器下所有子项目的ID
+export function reRandomComponentId (config) {
+  config.page.forEach(page => {
+    const pagePrefix = getIdPrefix(page.id)
+    page.id = pagePrefix + '_' + nanoidWithoutSymbol(2)
+    page.body.forEach(row => {
+      row.forEach(item => {
+        const itemPrefix = getIdPrefix(item.id)
+        item.id = itemPrefix + '_' + nanoidWithoutSymbol(6)
+      })
+    })
+  })
+  return config
+}
+
+// 获取id前传
+export function getIdPrefix (id) {
+  const lastIndex = id.lastIndexOf('_')
+  return id.substring(0, lastIndex)
+}