vue2-client 1.8.261 → 1.8.263

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.8.261",
+  "version": "1.8.263",
   "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

@@ -5,6 +5,7 @@
       defaultExpandAll
       show-icon
       @select="handleTreeSelect"
+      :selectedKeys="selectedKeys"
       style="overflow: hidden"
       :draggable="true"
       @drop="treeDrop"
@@ -17,6 +18,7 @@
             <a-menu @click="({ key: menuKey }) => onContextMenuClick(treeKey, menuKey)">
               <a-menu-item key="copy">复制</a-menu-item>
               <a-menu-item key="paste" :disabled="copyCache === undefined">粘贴</a-menu-item>
+              <a-menu-item key="split" :disabled="determineLevel(treeKey) !== 'item'">拆分</a-menu-item>
               <a-menu-item key="rename" :disabled="treeKey.length > 2 && treeKey.length <= 5">重命名</a-menu-item>
               <a-menu-item key="delete">删除</a-menu-item>
             </a-menu>
@@ -55,6 +57,10 @@ export default {
     config: {
       type: Object,
       required: true,
+    },
+    selectTreeNode: {
+      type: String,
+      default: undefined
     }
   },
   methods: {
@@ -145,134 +151,164 @@ export default {
       }
       this.$emit('componentMove', dragKey, dropKey, dropLevel, dropPosition)
     },
-    // 树右键事件
-    onContextMenuClick (treeKey, menuKey) {
-      // 判断目标类型
-      const targetType = this.determineLevel(treeKey)
+    handleDelete (targetType, originalKey) {
       const _this = this
+      if (targetType === 'item') {
+        this.$confirm({
+          title: `确认删除此组件？`,
+          content: `组件ID：${originalKey}`,
+          onOk () {
+            _this.$emit('deleteComponent', originalKey, 'component')
+          },
+          onCancel () {},
+        })
+      } else if (targetType === 'page') {
+        const page = lowcodeUtils.getPageConfigById(originalKey, this.config)
+        this.$confirm({
+          title: `确认删除此页面？`,
+          content: `所选页面：${page.title}[${lowcodeUtils.resolvePageType(page.type)}]`,
+          onOk () {
+            _this.$emit('deleteComponent', originalKey, 'page')
+          },
+          onCancel () {},
+        })
+      } else if (targetType === 'row') {
+        this.$confirm({
+          title: `确认删除此行？`,
+          content: `所选行：${originalKey}`,
+          onOk () {
+            _this.$emit('deleteComponent', originalKey, 'row')
+          },
+          onCancel () {},
+        })
+      } else if (targetType === 'container_page') {
+        this.$confirm({
+          title: `确认删除此容器页面？`,
+          content: `所选容器：${originalKey}`,
+          onOk () {
+            _this.$emit('deleteComponent', originalKey, 'container_page')
+          },
+          onCancel () {},
+        })
+      }
+    },
+    handleCopy (treeKey, targetType) {
       const originalKey = this.getOriginalKey(treeKey)
-      // 点击右键菜单中删除的事件
-      if (menuKey === 'delete') {
-        if (targetType === 'item') {
-          this.$confirm({
-            title: `确认删除此组件？`,
-            content: `组件ID：${originalKey}`,
-            onOk () {
-              _this.$emit('deleteComponent', originalKey, 'component')
-            },
-            onCancel () {},
-          })
-        } else if (targetType === 'page') {
-          const page = lowcodeUtils.getPageConfigById(originalKey, this.config)
-          this.$confirm({
-            title: `确认删除此页面？`,
-            content: `所选页面：${page.title}[${lowcodeUtils.resolvePageType(page.type)}]`,
-            onOk () {
-              _this.$emit('deleteComponent', originalKey, 'page')
-            },
-            onCancel () {},
-          })
-        } else if (targetType === 'row') {
-          this.$confirm({
-            title: `确认删除此行？`,
-            content: `所选行：${originalKey}`,
-            onOk () {
-              _this.$emit('deleteComponent', originalKey, 'row')
-            },
-            onCancel () {},
+      let temp
+      if (targetType === 'container_page') {
+        temp = lowcodeUtils.getContainerPageOuterByContainerPageId(originalKey, this.config)
+      } else {
+        temp = lowcodeUtils.getConfig(originalKey, this.config)
+      }
+      // 复制
+      let copy = JSON.parse(JSON.stringify(temp))
+      console.warn('copy', copy)
+      if (targetType === 'page') {
+        // 重新修改id和title
+        copy.id = 'page_' + lowcodeUtils.nanoidWithoutSymbol(6)
+        copy.title = copy.title + '_副本'
+        // 复制页面自动粘贴
+        this.$emit('pasteItem', originalKey, copy, 'page')
+      } else {
+        if (targetType === 'row') {
+          // 将行内每个组件重新修改id
+          const copyKeys = Object.keys(copy)
+          copyKeys.forEach(key => {
+            const prefix = copy[key].id.split('_')[0]
+            copy[key].id = prefix + '_' + lowcodeUtils.nanoidWithoutSymbol(6)
           })
+        } else if (targetType === 'item') {
+          // 重新修改id
+          const prefix = copy.id.split('_')[0]
+          copy.id = prefix + '_' + lowcodeUtils.nanoidWithoutSymbol(6)
         } else if (targetType === 'container_page') {
-          this.$confirm({
-            title: `确认删除此容器页面？`,
-            content: `所选容器：${originalKey}`,
-            onOk () {
-              _this.$emit('deleteComponent', originalKey, 'container_page')
-            },
-            onCancel () {},
-          })
+          // 重新修改id
+          copy.id = 'container_' + lowcodeUtils.nanoidWithoutSymbol(6)
+          copy = lowcodeUtils.reRandomComponentId(copy)
         }
-      } else if (menuKey === 'copy') {
-        const originalKey = this.getOriginalKey(treeKey)
-        let temp
-        if (targetType === 'container_page') {
-          temp = lowcodeUtils.getContainerPageOuterByContainerPageId(originalKey, this.config)
-        } else {
-          temp = lowcodeUtils.getConfig(originalKey, this.config)
-        }
-        // 复制
-        let copy = JSON.parse(JSON.stringify(temp))
-        console.warn('copy', copy)
-        if (targetType === 'page') {
-          // 重新修改id和title
-          copy.id = 'page_' + lowcodeUtils.nanoidWithoutSymbol(6)
-          copy.title = copy.title + '_副本'
-          // 复制页面自动粘贴
-          this.$emit('pasteItem', originalKey, copy, 'page')
-        } else {
-          if (targetType === 'row') {
-            // 将行内每个组件重新修改id
-            const copyKeys = Object.keys(copy)
-            copyKeys.forEach(key => {
-              const prefix = copy[key].id.split('_')[0]
-              copy[key].id = prefix + '_' + lowcodeUtils.nanoidWithoutSymbol(6)
-            })
-          } else if (targetType === 'item') {
-            // 重新修改id
-            const prefix = copy.id.split('_')[0]
-            copy.id = prefix + '_' + lowcodeUtils.nanoidWithoutSymbol(6)
-          } else if (targetType === 'container_page') {
-            // 重新修改id
-            copy.id = 'container_' + lowcodeUtils.nanoidWithoutSymbol(6)
-            copy = lowcodeUtils.reRandomComponentId(copy)
-          }
-          this.copyCache = {
-            type: targetType,
-            content: copy
-          }
-          this.$message.success('复制成功！')
-        }
-      } else if (menuKey === 'paste') {
-        // 同级别内容不能粘贴到另一个中
-        if (targetType === this.copyCache.type) {
-          this.$message.error('该操作不合法！')
-          return
+        this.copyCache = {
+          type: targetType,
+          content: copy
         }
+        this.$message.success('复制成功！')
+      }
+    },
+    handlePaste (targetType, originalKey) {
+      // 同级别内容不能粘贴到另一个中
+      if (targetType === this.copyCache.type) {
+        this.$message.error('该操作不合法！')
+        return
+      }
 
-        // 行只能复制到容器页面和页面中
-        if (this.copyCache.type === 'row') {
-          if (targetType === 'page' || targetType === 'container_page') {
-            this.$emit('pasteItem', originalKey, this.copyCache, 'page-row')
-            return
-          }
+      // 行只能复制到容器页面和页面中
+      if (this.copyCache.type === 'row') {
+        if (targetType === 'page' || targetType === 'container_page') {
+          this.$emit('pasteItem', originalKey, this.copyCache, 'page-row')
+          return
         }
+      }
 
-        // 模块，容器页面只能复制到行
-        if (this.copyCache.type === 'item' || this.copyCache.type === 'container_page') {
-          if (targetType === 'row') {
-            this.$emit('pasteItem', originalKey, this.copyCache, 'row-item')
-            return
-          }
+      // 模块，容器页面只能复制到行
+      if (this.copyCache.type === 'item' || this.copyCache.type === 'container_page') {
+        if (targetType === 'row') {
+          this.$emit('pasteItem', originalKey, this.copyCache, 'row-item')
+          return
         }
+      }
 
-        // 其余操作均不合法
-        this.$message.error('该操作不合法！')
-      } else if (menuKey === 'rename') {
-        const target = lowcodeUtils.getConfig(treeKey, this.config)
-        this.renameId = target.id
-        if (treeKey.length <= 2) {
-          this.pageNewName = target.title
-        } else {
-          if (target.name) {
-            this.pageNewName = target.name
-          } else {
-            this.pageNewName = target.id
-          }
-        }
-        this.showRenameModal = true
+      // 其余操作均不合法
+      this.$message.error('该操作不合法！')
+    },
+    handleRename (originalKey) {
+      const target = lowcodeUtils.getConfig(originalKey, this.config)
+      this.renameId = target.id
+      if (target.title) {
+        this.pageNewName = target.title
+      } else if (target.name) {
+        this.pageNewName = target.name
+      } else {
+        this.pageNewName = target.id
+      }
+      this.showRenameModal = true
+    },
+    handleSplit (originalKey) {
+      const _this = this
+      this.$confirm({
+        title: `是否垂直拆分？`,
+        onOk () {
+          _this.$emit('split', originalKey, true)
+        },
+        onCancel () {
+          _this.$emit('split', originalKey, false)
+        },
+      })
+    },
+    // 树右键事件
+    onContextMenuClick (treeKey, menuKey) {
+      // 判断目标类型
+      const targetType = this.determineLevel(treeKey)
+      const originalKey = this.getOriginalKey(treeKey)
+      // 点击右键菜单中删除的事件
+      switch (menuKey) {
+        case 'delete':
+          this.handleDelete(targetType, originalKey)
+          return
+        case 'copy':
+          this.handleCopy(treeKey, targetType)
+          return
+        case 'paste':
+          this.handlePaste(targetType, originalKey)
+          return
+        case 'rename':
+          this.handleRename(originalKey)
+          return
+        case 'split':
+          this.handleSplit(originalKey)
       }
     },
     // 处理架构树点击事件
     handleTreeSelect (value) {
+      this.selectedKeys = value
       this.$emit('treeOrganizationClick', value[0])
       // 如果选中的id只有两位证明是页面容器
       // let isPage = false
@@ -383,7 +419,17 @@ export default {
       showRenameModal: false,
       copyCache: undefined,
       pageNewName: undefined,
-      renameId: undefined
+      renameId: undefined,
+      selectedKeys: []
+    }
+  },
+  watch: {
+    selectTreeNode: {
+      handler (newVal) {
+        if (newVal) {
+          this.selectedKeys = [newVal]
+        }
+      }
     }
   }
 }

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

@@ -57,17 +57,18 @@
                   </div>
                 </div>
                 <!--   页面渲染 / 编辑模式中，将弹框或抽屉中的内容渲染为页面   -->
-                <div
-                  @click="clickComponentInEditor(item)"
-                  :class=" editMode ? 'componentInEditor' : '' "
-                  v-else-if="editMode || (page.type !== 'modal' && page.type !== 'draw')">
-                  <component
-                    :lifeCycleFunction="resolveLifeCycleEvent(item)"
-                    :is="resolveComponentType(item.type, item.id)"
-                    :propsData="{...item.props}"
-                    @componentDidMounted="componentDidMounted"
-                    @onEvent="handleEvent"
-                    :mixinComponentId="item.id"/>
+                <div :ref="item.id" v-else-if="editMode || (page.type !== 'modal' && page.type !== 'draw')">
+                  <div
+                    @click="clickComponentInEditor(item)"
+                    :class=" editMode ? 'componentInEditor' : '' ">
+                    <component
+                      :lifeCycleFunction="resolveLifeCycleEvent(item)"
+                      :is="resolveComponentType(item.type, item.id)"
+                      :propsData="{...item.props}"
+                      @componentDidMounted="componentDidMounted"
+                      @onEvent="handleEvent"
+                      :mixinComponentId="item.id"/>
+                  </div>
                 </div>
               </a-col>
             </template>
@@ -169,7 +170,8 @@ export default {
       // 抽屉显示集合
       drawVisible: {},
       // 控制递归渲染
-      renderSub: true
+      renderSub: true,
+      colClassName: ''
     }
   },
   inject: [
@@ -478,6 +480,9 @@ export default {
           }
         }
       })
+    },
+    twink (id) {
+
     }
   },
   watch: {
@@ -498,6 +503,9 @@ export default {
 .componentInEditor:hover{
   border: 2px rgb( 24,144,255) solid;
 }
+.colWithBorder{
+  border: 2px rgb( 24,144,255) solid;
+}
 .container{
   display: flex;
   flex-direction: column;

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

@@ -85,6 +85,11 @@ export default {
     outerContainerIndex: {
       type: [String, Number],
       default: undefined
+    },
+    // 图片上传后添加前缀
+    imgPrefix: {
+      type: String,
+      default: undefined
     }
   },
   computed: {
@@ -154,7 +159,12 @@ export default {
           }
           fileInfo.response = dataObj
           fileInfo.id = dataObj.id
-          fileInfo.url = dataObj.f_downloadpath
+          // 如果新上传的图片是V4，需要携带serviceName前缀，但是同时也要回显老系统图片
+          if (this.imgPrefix) {
+            fileInfo.url = this.imgPrefix + dataObj.f_downloadpath
+          } else {
+            fileInfo.url = dataObj.f_downloadpath
+          }
           if (this.outerContainerIndex !== undefined) {
             this.$emit('setFiles', this.uploadedFileList.filter(item => item.status === 'done'), this.outerContainerIndex)
           } else {

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

@@ -9,6 +9,7 @@
       <XReportDesign
         @updateImg="updateImg"
         v-if="scanFinish"
+        :img-prefix="imgPrefix"
         :use-oss-for-img="useOssForImg"
         :display-only="displayOnly"
         :config="type === 'display' ? originalConfig : activeConfig"
@@ -16,6 +17,7 @@
         :for-display="type === 'display'"
         ref="XReportDesign"
         id="printReady"
+        :server-name="serverName"
         :show-title="showTitle"
         :no-padding="noPadding"
         :no-top-border="noTopBorder"
@@ -42,6 +44,7 @@
         <XReportDesign
           v-if="scanFinish"
           @updateImg="updateImg"
+          :img-prefix="imgPrefix"
           :use-oss-for-img="useOssForImg"
           :display-only="displayOnly"
           :config="type === 'display' ? originalConfig : activeConfig"
@@ -52,6 +55,7 @@
           :show-title="showTitle"
           ref="XReportDesign"
           id="printReady"
+          :server-name="serverName"
           :show-images="hasImages"
           :image-list="imageList">
         </XReportDesign>
@@ -159,6 +163,11 @@ export default {
     useOssForImg: {
       type: Boolean,
       default: true
+    },
+    // 图片上传后添加前缀
+    imgPrefix: {
+      type: String,
+      default: undefined
     }
   },
   components: {

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

@@ -2,6 +2,8 @@
   <div>
     <template v-if="this.activatedConfig.designMode === 'json'">
       <XReportJsonRender
+        :img-prefix="imgPrefix"
+        :server-name="serverName"
         :display-only="displayOnly"
         :show-title="showTitle"
         :no-padding="noPadding"
@@ -52,6 +54,8 @@
                 <template v-if="!forDisplay">
                   <x-report-tr-group
                     @updateImg="updateImg"
+                    :img-prefix="imgPrefix"
+                    :server-name="serverName"
                     :use-oss-for-img="useOssForImg"
                     :key="rowIndex"
                     :columns="row"
@@ -63,6 +67,8 @@
                 <template v-else>
                   <x-report-tr-group
                     @updateImg="updateImg"
+                    :img-prefix="imgPrefix"
+                    :server-name="serverName"
                     :use-oss-for-img="useOssForImg"
                     :config="activatedConfig"
                     :key="rowIndex"
@@ -79,6 +85,8 @@
                   <template v-if="!forDisplay">
                     <x-report-tr-group
                       @updateImg="updateImg"
+                      :img-prefix="imgPrefix"
+                      :server-name="serverName"
                       :use-oss-for-img="useOssForImg"
                       :config="activatedConfig"
                       :key="rowIndex + listIndex"
@@ -91,6 +99,8 @@
                   <template v-else>
                     <x-report-tr-group
                       @updateImg="updateImg"
+                      :img-prefix="imgPrefix"
+                      :server-name="serverName"
                       :use-oss-for-img="useOssForImg"
                       :config="activatedConfig"
                       :key="rowIndex + listIndex"
@@ -108,6 +118,8 @@
                 <template v-if="forDisplay">
                   <x-report-tr-group
                     @updateImg="updateImg"
+                    :img-prefix="imgPrefix"
+                    :server-name="serverName"
                     :use-oss-for-img="useOssForImg"
                     :config="activatedConfig"
                     :columns="row[0].definition"
@@ -122,6 +134,8 @@
                 <template v-if="!forDisplay">
                   <x-report-tr-group
                     @updateImg="updateImg"
+                    :img-prefix="imgPrefix"
+                    :server-name="serverName"
                     :use-oss-for-img="useOssForImg"
                     :config="activatedConfig"
                     :columns="row[0].definition"
@@ -134,6 +148,8 @@
                   <!--  动态行交互按钮  -->
                   <x-report-tr-group
                     @updateImg="updateImg"
+                    :img-prefix="imgPrefix"
+                    :server-name="serverName"
                     :use-oss-for-img="useOssForImg"
                     :config="activatedConfig"
                     :key="rowIndex"
@@ -181,6 +197,11 @@ export default {
       type: Boolean,
       default: false
     },
+    // 命名空间
+    serverName: {
+      type: String,
+      default: 'af-system'
+    },
     // 是否只能展示不可编辑
     displayOnly: {
       type: Boolean,
@@ -220,6 +241,11 @@ export default {
     useOssForImg: {
       type: Boolean,
       default: true
+    },
+    // 图片上传后添加前缀
+    imgPrefix: {
+      type: String,
+      default: undefined
     }
   },
   components: {

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

@@ -130,6 +130,11 @@ export default {
       type: Boolean,
       default: false
     },
+    // 命名空间
+    serverName: {
+      type: String,
+      default: 'af-system'
+    },
     // 是否展示标题
     showTitle: {
       type: Boolean,
@@ -139,6 +144,11 @@ export default {
     displayOnly: {
       type: Boolean,
       default: true
+    },
+    // 图片上传后添加前缀
+    imgPrefix: {
+      type: String,
+      default: undefined
     }
   },
   data () {

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

@@ -242,7 +242,8 @@
             <template v-if="configData.images[cell.dataIndex]?.length > 0">
               <upload
                 :model="uploadParams"
-                service-name="af-system"
+                :img-prefix="imgPrefix"
+                :service-name="serverName"
                 :images="checkImg(cell.dataIndex, 'configData')"
                 :outer-container-index="cell.dataIndex"
                 @setFiles="(...args) => {setImages(args, 'configData')}"
@@ -252,7 +253,8 @@
             <template v-else>
               <upload
                 :model="uploadParams"
-                service-name="af-system"
+                :img-prefix="imgPrefix"
+                :service-name="serverName"
                 :images="checkImg(cell.dataIndex, 'config')"
                 :outer-container-index="cell.dataIndex"
                 @setFiles="(...args) => {setImages(args, 'config', cell.dataIndex)}"
@@ -357,6 +359,11 @@ export default {
         return {}
       }
     },
+    // 命名空间
+    serverName: {
+      type: String,
+      default: 'af-system'
+    },
     // 原始配置
     configData: {
       type: Object,
@@ -396,6 +403,11 @@ export default {
     useOssForImg: {
       type: Boolean,
       default: true
+    },
+    // 图片上传后添加前缀
+    imgPrefix: {
+      type: String,
+      default: undefined
     }
   },
   data () {

package/src/pages/lowCode/lowCodeEditor.vue

@@ -47,7 +47,9 @@
                   <LowCodePageOrganization
                     :config="config"
                     v-if="showPageOrganization"
+                    :select-tree-node="selectTreeNode"
                     @rename="rename"
+                    @split="handleSplit"
                     @pasteItem="handlePasteItem"
                     @componentMove="handleTreeDrag"
                     @deleteComponent="deleteComponentInTree"
@@ -610,7 +612,8 @@ export default {
       addComponentTemp: { type: 'page' },
       // 控制添加页面容器弹框显隐
       showPageContainerAddModal: false,
-      showLifeCycleFunctionEditor: false
+      showLifeCycleFunctionEditor: false,
+      selectTreeNode: undefined
     }
   },
   provide () {
@@ -620,6 +623,54 @@ export default {
     }
   },
   methods: {
+    handleSplit (id, isVertical) {
+      const target = lowcodeUtils.getComponentConfig(id, this.config)
+      const row = lowcodeUtils.getRowConfigByComponentId(id, this.config)
+      let index
+      for (let i = 0; i < row.length; i++) {
+        if (row[i].id === id) {
+          index = i
+          break
+        }
+      }
+      const cache = JSON.parse(JSON.stringify(target))
+      if (isVertical) {
+        const temp = {
+          type: 'container_page',
+          span: cache.span,
+          id: 'container_' + lowcodeUtils.nanoidWithoutSymbol(6),
+          page: [
+            {
+              id: 'container_page_' + lowcodeUtils.nanoidWithoutSymbol(2),
+              type: 'page',
+              body: [
+                []
+              ]
+            }
+          ]
+        }
+        cache.span = 24
+        temp.page[0].body[0].push(cache)
+        temp.page[0].body[1] = []
+        temp.page[0].body[1].push({
+          type: 'container',
+          span: 24,
+          id: 'container_' + lowcodeUtils.nanoidWithoutSymbol(6)
+        })
+        row.splice(index, 1, temp)
+      } else {
+        const outerSpan = cache.span
+        const firstSpan = Math.round(outerSpan / 2)
+        const secondSpan = outerSpan - firstSpan
+        cache.span = firstSpan
+        row.splice(index, 1, cache, {
+          type: 'container',
+          span: secondSpan,
+          id: 'container_' + lowcodeUtils.nanoidWithoutSymbol(6)
+        })
+      }
+      this.refreshOrganization()
+    },
     refreshRender () {
       this.renderPreview = false
       this.renderModalPreview = false
@@ -1262,6 +1313,8 @@ export default {
     },
     // 选中某个组件
     clickComponentInEditor (configItem) {
+      // 同步选中架构
+      this.selectTreeNode = configItem.id
       this.editorPropertiesConfig = {}
       // 如果选中的是容器
       if (configItem.type === 'container') {
@@ -1330,148 +1383,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()
   }
 }