update：更新

src/utils/util/util.ts

 import qs from 'qs';
 import { Route } from 'vue-router';
 import Schema from "async-validator";
-
+import { PanelContainerModel, PanelRawitemModel, PanelFieldModel, PanelControlModel, PanelButtonModel, PanelUserControlModel, PanelTabPanelModel, PanelTabPageModel, PanelCtrlPosModel } from '@/model/panel-detail';
 /**
  * 平台工具类
  * 
@@ -475,7 +475,7 @@ export class Util {
         if (!mode) {
             return {};
         }
-        if(!style){
+        if (!style) {
             style = 'PX';
         }
         if (style === "FULL") {
@@ -521,4 +521,39 @@ export class Util {
                 return {};
         }
     }
+
+    /**
+     * 获取布局项实例
+     *
+     * @static
+     * @param {*} layoutModelItem
+     * @memberof Util
+     */
+    public static getLayoutItemInstance(layoutModelItem: any): any {
+        if (!layoutModelItem || !layoutModelItem.itemType) {
+            throw new Error('获取布局项实例异常');
+        }
+        switch (layoutModelItem.itemType) {
+            case 'CONTAINER':
+                return new PanelContainerModel(layoutModelItem);
+            case 'RAWITEM':
+                return new PanelRawitemModel(layoutModelItem);
+            case 'FIELD':
+                return new PanelFieldModel(layoutModelItem);
+            case 'CONTROL':
+                return new PanelControlModel(layoutModelItem);
+            case 'BUTTON':
+                return new PanelButtonModel(layoutModelItem);
+            case 'USERCONTROL':
+                return new PanelUserControlModel(layoutModelItem);
+            case 'TABPANEL':
+                return new PanelTabPanelModel(layoutModelItem);
+            case 'CTRLPOS':
+                return new PanelCtrlPosModel(layoutModelItem);
+            case 'TABPAGE':
+                return new PanelTabPageModel(layoutModelItem);
+            default:
+                throw new Error(`${layoutModelItem.itemType}暂不支持`);
+        }
+    }
 }
\ No newline at end of file