tony001 发布系统代码 [后台服务，演示应用]

app_Web/src/locale/lanres/entities/ibizbook/ibizbook_en_US.ts

@@ -231,9 +231,12 @@ export default {
         remove: "Remove",
 		},
 	},
-	dataview_dataview: {
+	usr_dataview: {
 		nodata:"",
 		uiactions: {
+        new: "New",
+        edit: "Edit",
+        remove: "Remove",
 		},
 	},
 	default_searchform: {
@@ -400,6 +403,22 @@ export default {
 	},
 	dataviewtoolbar_toolbar: {
 	},
+	dataviewdataview_quicktoolbar_toolbar: {
+		deuiaction1: {
+			caption: "New",
+			tip: "New",
+		},
+	},
+	dataviewdataview_batchtoolbar_toolbar: {
+		deuiaction1: {
+			caption: "Edit",
+			tip: "Edit {0}",
+		},
+		deuiaction2: {
+			caption: "Remove",
+			tip: "Remove {0}",
+		},
+	},
 	autogrouplistviewtoolbar_toolbar: {
 	},
 	updatedefaultgridviewtoolbar_toolbar: {

app_Web/src/locale/lanres/entities/ibizbook/ibizbook_zh_CN.ts

@@ -230,9 +230,12 @@ export default {
 			remove: "批量删除",
 		},
 	},
-	dataview_dataview: {
+	usr_dataview: {
 		nodata:"",
 		uiactions: {
+			new: "新建",
+			edit: "编辑",
+			remove: "批量删除",
 		},
 	},
 	default_searchform: {
@@ -399,6 +402,22 @@ export default {
 	},
 	dataviewtoolbar_toolbar: {
 	},
+	dataviewdataview_quicktoolbar_toolbar: {
+		deuiaction1: {
+			caption: "新建",
+			tip: "新建",
+		},
+	},
+	dataviewdataview_batchtoolbar_toolbar: {
+		deuiaction1: {
+			caption: "编辑",
+			tip: "编辑",
+		},
+		deuiaction2: {
+			caption: "删除",
+			tip: "删除",
+		},
+	},
 	autogrouplistviewtoolbar_toolbar: {
 	},
 	updatedefaultgridviewtoolbar_toolbar: {

app_Web/src/locale/lanres/entities/ibizsample0001/ibizsample0001_en_US.ts

@@ -110,12 +110,12 @@ export default {
 			f27: "数据选择（无AC、数据链接）", 
 			f28: "数据选择（下拉）", 
 			f29: "数据选择（下拉、数据链接）", 
-			ibizsample0001id: "值项表单项", 
+			ibizsample0002id: "值项表单项", 
 			f30: "自动填充", 
 			f31: "自动填充（只能选择）", 
 			f32: "自动填充（无按钮）", 
 			f33: "自动填充（只能选择、无按钮）", 
-			formitem: "", 
+			ibizsample0001id: "IBIZSAMPLE0001标识", 
 		},
 		uiactions: {
 		},

app_Web/src/locale/lanres/entities/ibizsample0001/ibizsample0001_zh_CN.ts

@@ -109,12 +109,12 @@ export default {
 			f27: "数据选择（无AC、数据链接）", 
 			f28: "数据选择（下拉）", 
 			f29: "数据选择（下拉、数据链接）", 
-			ibizsample0001id: "值项表单项", 
+			ibizsample0002id: "值项表单项", 
 			f30: "自动填充", 
 			f31: "自动填充（只能选择）", 
 			f32: "自动填充（无按钮）", 
 			f33: "自动填充（只能选择、无按钮）", 
-			formitem: "", 
+			ibizsample0001id: "IBIZSAMPLE0001标识", 
 		},
 		uiactions: {
 		},

app_Web/src/pages/sample/ibizbookdata-view/ibizbookdata-view.vue

@@ -3,7 +3,7 @@ import { Component } from 'vue-property-decorator';
 import IBIZBOOKDataViewBase from './ibizbookdata-view-base.vue';
 
 import view_searchform from '@widgets/ibizbook/default-searchform/default-searchform.vue';
-import view_dataview from '@widgets/ibizbook/dataview-dataview/dataview-dataview.vue';
+import view_dataview from '@widgets/ibizbook/usr-dataview/usr-dataview.vue';
 @Component({
     components: {
         view_searchform, 

app_Web/src/pages/sample/ibizsample0002-edit-view/ibizsample0002-edit-view-base.vue

+<template>
+<div class="view-container deeditview ibizsample0002-edit-view">
+    <app-studioaction :viewTitle="$t(model.srfCaption)" viewName="ibizsample0002editview"></app-studioaction>
+    <card class='view-card ' :disHover="true" :bordered="false">
+
+<div slot='title' class="header-container">
+    <span class='caption-info'>{{$t(model.srfCaption)}}</span>
+    <div class='toolbar-container'>
+        <tooltip :transfer="true" :max-width="600">
+                <i-button v-show="toolBarModels.tbitem3.visabled" :disabled="toolBarModels.tbitem3.disabled" class=' deepskyblueToolBar' @click="toolbar_click({ tag: 'tbitem3' }, $event)">
+                    <i class='fa fa-save'></i>
+                    <span class='caption'>{{$t('entities.ibizsample0002.editviewtoolbar_toolbar.tbitem3.caption')}}</span>
+                </i-button>
+            <div slot='content'>{{$t('entities.ibizsample0002.editviewtoolbar_toolbar.tbitem3.tip')}}</div>
+        </tooltip>
+        <tooltip :transfer="true" :max-width="600">
+                <i-button v-show="toolBarModels.tbitem5.visabled" :disabled="toolBarModels.tbitem5.disabled" class='' @click="toolbar_click({ tag: 'tbitem5' }, $event)">
+                    <i class='sx-tb-saveandclose'></i>
+                    <span class='caption'>{{$t('entities.ibizsample0002.editviewtoolbar_toolbar.tbitem5.caption')}}</span>
+                </i-button>
+            <div slot='content'>{{$t('entities.ibizsample0002.editviewtoolbar_toolbar.tbitem5.tip')}}</div>
+        </tooltip>
+    </div>
+</div>
+
+        <div class='view-top-messages'>
+        </div>
+        <div class="content-container">
+        <div class='view-body-messages'>
+        </div>
+        <view_form 
+            :viewState="viewState"  
+            :viewparams="viewparams" 
+            :context="context" 
+            :autosave="false" 
+            :viewtag="viewtag"
+            :showBusyIndicator="true"
+            updateAction="Update"
+            removeAction="Remove"
+            loaddraftAction="GetDraft"
+            loadAction="Get"
+            createAction="Create"
+            WFSubmitAction=""
+            WFStartAction=""
+            style='' 
+            name="form"  
+            ref='form' 
+            @save="form_save($event)"  
+            @remove="form_remove($event)"  
+            @load="form_load($event)"  
+            @closeview="closeView($event)">
+        </view_form>
+        </div>
+        <div class='view-bottom-messages'>
+        </div>
+    </card>
+</div>
+</template>
+
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch,Inject } from 'vue-property-decorator';
+import { UIActionTool,Util } from '@/utils';
+import NavDataService from '@/service/app/navdata-service';
+import { Subject,Subscription } from 'rxjs';
+import IBIZSample0002Service from '@/service/ibizsample0002/ibizsample0002-service';
+import IBIZSample0002AuthService from '@/authservice/ibizsample0002/ibizsample0002-auth-service';
+
+import EditViewEngine from '@engine/view/edit-view-engine';
+
+
+import IBIZSample0002UIService from '@/uiservice/ibizsample0002/ibizsample0002-ui-service';
+
+@Component({
+    components: {
+    },
+})
+export default class IBIZSample0002EditViewBase extends Vue {
+
+    /**
+     * 实体服务对象
+     *
+     * @type {IBIZSample0002Service}
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public appEntityService: IBIZSample0002Service = new IBIZSample0002Service;
+
+    /**
+     * 实体UI服务对象
+     *
+     * @type IBIZSample0002UIService
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public appUIService: IBIZSample0002UIService = new IBIZSample0002UIService(this.$store);
+    
+    /**
+     * 数据变化
+     *
+     * @param {*} val
+     * @returns {*}
+     * @memberof IBIZSample0002EditViewBase
+     */
+    @Emit() 
+    public viewDatasChange(val: any):any {
+        return val;
+    }
+
+    /**
+     * 传入视图上下文
+     *
+     * @type {string}
+     * @memberof IBIZSample0002EditViewBase
+     */
+    @Prop() public viewdata!: string;
+
+    /**
+     * 传入视图参数
+     *
+     * @type {string}
+     * @memberof IBIZSample0002EditViewBase
+     */
+    @Prop() public viewparam!: string;
+
+    /**
+     * 视图默认使用
+     *
+     * @type {boolean}
+     * @memberof IBIZSample0002EditViewBase
+     */
+    @Prop({ default: true }) public viewDefaultUsage!: boolean;
+
+    /**
+     * 视图默认使用
+     *
+     * @type {string}
+     * @memberof IBIZSample0002EditViewBase
+     */
+    @Inject({from:'navModel',default: 'tab'})
+    public navModel!:string;
+
+	/**
+	 * 视图标识
+	 *
+	 * @type {string}
+	 * @memberof IBIZSample0002EditViewBase
+	 */
+	public viewtag: string = '2dd64fdd5e7303cc73090d949bc91d9b';
+
+	/**
+	 * 自定义视图导航上下文集合
+	 *
+	 * @type {*}
+	 * @memberof IBIZSample0002EditViewBase
+	 */
+    public customViewNavContexts:any ={
+    };
+
+	/**
+	 * 自定义视图导航参数集合
+	 *
+	 * @type {*}
+	 * @memberof IBIZSample0002EditViewBase
+	 */
+    public customViewParams:any ={
+    };
+
+    /**
+     * 视图模型数据
+     *
+     * @type {*}
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public model: any = {
+        srfCaption: 'entities.ibizsample0002.views.editview.caption',
+        srfTitle: 'entities.ibizsample0002.views.editview.title',
+        srfSubTitle: 'entities.ibizsample0002.views.editview.subtitle',
+        dataInfo: ''
+    }
+
+    /**
+     * 视图参数变化
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof IBIZSample0002EditViewBase
+     */
+    @Watch('viewparam',{immediate: true, deep: true})
+    onParamData(newVal: any, oldVal: any) {
+        if(newVal){
+            this.viewparams = {};
+            if(typeof newVal == 'string') {
+                Object.assign(this.viewparams, JSON.parse(this.viewparam));
+            }else{
+                this.viewparams = Util.deepCopy(this.viewparam);
+            }
+            
+        } 
+    }
+
+    /**
+     * 处理应用上下文变化
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof IBIZSample0002EditViewBase
+     */
+    @Watch('viewdata')
+    onViewData(newVal: any, oldVal: any) {
+        const _this: any = this;
+        
+        if (!Object.is(newVal, oldVal) && _this.engine) {
+            this.$nextTick(()=>{
+              _this.parseViewParam();
+              _this.engine.load();
+            });
+        } else if(!Object.is(newVal, oldVal) && _this.refresh && _this.refresh instanceof Function) {
+            _this.refresh();
+        }
+    }
+
+    /**
+     * 容器模型
+     *
+     * @type {*}
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public containerModel: any = {
+        view_toolbar: { name: 'toolbar', type: 'TOOLBAR' },
+        view_form: { name: 'form', type: 'FORM' },
+    };
+
+    /**
+     * 视图刷新
+     *
+     * @param {*} args
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public refresh(args?: any): void {
+        const refs: any = this.$refs;
+        if (refs && refs.form) {
+            refs.form.refresh();
+        }
+    }
+    /**
+     *  计数器刷新
+     *
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+    /**
+     * 视图状态订阅对象
+     *
+     * @public
+     * @type {Subject<{action: string, data: any}>}
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public viewState: Subject<ViewState> = new Subject();
+    /**
+     * 工具栏模型
+     *
+     * @type {*}
+     * @memberof IBIZSample0002EditView
+     */
+    public toolBarModels: any = {
+        tbitem3: { name: 'tbitem3', actiontarget: 'NONE', caption: '保存', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'Save', target: '' } },
+
+        tbitem5: { name: 'tbitem5', actiontarget: 'NONE', caption: '保存并关闭', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'SaveAndExit', target: '' } },
+
+    };
+
+
+
+
+    /**
+     * 视图引擎
+     *
+     * @public
+     * @type {Engine}
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public engine: EditViewEngine = new EditViewEngine();
+
+    /**
+     * 引擎初始化
+     *
+     * @public
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public engineInit(): void {
+        this.engine.init({
+            view: this,
+            form: this.$refs.form,
+            p2k: '0',
+            keyPSDEField: 'ibizsample0002',
+            majorPSDEField: 'ibizsample0002name',
+            isLoadDefault: true,
+        });
+    }
+
+    /**
+     * 应用导航服务
+     *
+     * @type {*}
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public  navDataService = NavDataService.getInstance(this.$store);
+
+    /**
+    * 导航服务事件
+    *
+    * @public
+    * @type {(Subscription | undefined)}
+    * @memberof IBIZSample0002EditViewBase
+    */
+    public serviceStateEvent: Subscription | undefined;
+
+    /**
+     * 门户部件状态对象
+     *
+     * @type {*}
+     * @memberof IBIZSample0002EditViewBase
+     */
+    @Prop() public portletState?: any;
+
+   /**
+   * 门户部件状态事件
+   *
+   * @public
+   * @type {(Subscription | undefined)}
+   * @memberof IBIZSample0002EditViewBase
+   */
+    public portletStateEvent: Subscription | undefined;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public context:any = {};
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public viewparams:any = {};
+
+    /**
+     * 视图缓存数据
+     *
+     * @type {*}
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public viewCacheData:any;
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @type {Array<*>}
+     * @memberof IBIZSample0002EditViewBase
+     */    
+    public counterServiceArray:Array<any> = [];
+
+    /**
+     * 解析视图参数
+     *
+     * @public
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public parseViewParam(inputvalue:any = null): void {
+        for(let key in this.context){
+            delete this.context[key];
+        }
+        if(this.$store.getters.getAppData() && this.$store.getters.getAppData().context){
+            Object.assign(this.context,this.$store.getters.getAppData().context);
+        }
+        if (!this.viewDefaultUsage && this.viewdata && !Object.is(this.viewdata, '')) {
+            if(typeof this.viewdata == 'string') {
+                Object.assign(this.context, JSON.parse(this.viewdata));
+            }
+            if(this.context && this.context.srfparentdename){
+                Object.assign(this.viewparams,{srfparentdename:this.context.srfparentdename});
+            }
+            if(this.context && this.context.srfparentkey){
+                Object.assign(this.viewparams,{srfparentkey:this.context.srfparentkey});
+            }
+            this.handleCustomViewData();
+            return;
+        }
+        const path = (this.$route.matched[this.$route.matched.length - 1]).path;
+        const keys: Array<any> = [];
+        const curReg = this.$pathToRegExp.pathToRegexp(path, keys);
+        const matchArray = curReg.exec(this.$route.path);
+        let tempValue: Object = {};
+        keys.forEach((item: any, index: number) => {
+            Object.defineProperty(tempValue, item.name, {
+                enumerable: true,
+                value: matchArray[index + 1]
+            });
+        });
+        this.$viewTool.formatRouteParams(tempValue,this.$route,this.context,this.viewparams);
+        if(inputvalue){
+            Object.assign(this.context,{'ibizsample0002':inputvalue});
+        }
+        //初始化视图唯一标识
+        Object.assign(this.context,{srfsessionid:this.$util.createUUID()});
+        this.handleCustomViewData();
+        //初始化导航数据
+        this.initNavDataWithRoute();
+    }
+
+    /**
+     * 处理自定义视图数据
+     *
+     * @memberof IBIZSample0002EditViewBase
+     */
+	public handleCustomViewData(){
+		if(Object.keys(this.customViewNavContexts).length > 0){
+			Object.keys(this.customViewNavContexts).forEach((item:any) =>{
+				let tempContext:any = {};
+				let curNavContext:any = this.customViewNavContexts[item];
+				this.handleCustomDataLogic(curNavContext,tempContext,item);
+				Object.assign(this.context,tempContext);
+			})
+		}
+		if(Object.keys(this.customViewParams).length > 0){
+			Object.keys(this.customViewParams).forEach((item:any) =>{
+				let tempParam:any = {};
+				let curNavParam:any = this.customViewParams[item];
+				this.handleCustomDataLogic(curNavParam,tempParam,item);
+				Object.assign(this.viewparams,tempParam);
+			})
+		}
+	}
+
+    /**
+     * 处理自定义视图数据逻辑
+     *
+     * @memberof IBIZSample0002EditViewBase
+     */
+	public handleCustomDataLogic(curNavData:any,tempData:any,item:string){
+		// 直接值直接赋值
+		if(curNavData.isRawValue){
+			if(Object.is(curNavData.value,"null") || Object.is(curNavData.value,"")){
+                Object.defineProperty(tempData, item.toLowerCase(), {
+                    value: null,
+                    writable : true,
+                    enumerable : true,
+                    configurable : true
+                });
+            }else{
+                Object.defineProperty(tempData, item.toLowerCase(), {
+                    value: curNavData.value,
+                    writable : true,
+                    enumerable : true,
+                    configurable : true
+                });
+            }
+		}else{
+			// 先从导航上下文取数，没有再从导航参数（URL）取数，如果导航上下文和导航参数都没有则为null
+			if(this.context[(curNavData.value).toLowerCase()] != null){
+				Object.defineProperty(tempData, item.toLowerCase(), {
+					value: this.context[(curNavData.value).toLowerCase()],
+					writable : true,
+					enumerable : true,
+					configurable : true
+				});
+			}else{
+				if(this.viewparams[(curNavData.value).toLowerCase()] != null){
+					Object.defineProperty(tempData, item.toLowerCase(), {
+						value: this.viewparams[(curNavData.value).toLowerCase()],
+						writable : true,
+						enumerable : true,
+						configurable : true
+					});
+				}else{
+					Object.defineProperty(tempData, item.toLowerCase(), {
+						value: null,
+						writable : true,
+						enumerable : true,
+						configurable : true
+					});
+				}
+			}
+		}
+	}
+
+    /**
+     * 初始化导航数据(路由模式)
+     *
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public initNavDataWithRoute(data:any = null, isNew:boolean = false,  isAlways:boolean = false){
+        if( isAlways || (this.viewDefaultUsage && Object.is(this.navModel,"route")) ){
+            this.navDataService.addNavData({id:'ibizsample0002-edit-view',tag:this.viewtag,srfkey:isNew ? null : this.context.ibizsample0002,title:this.$t(this.model.srfCaption),data:data,context:this.context,viewparams:this.viewparams,path:this.$route.fullPath});
+        }
+    }
+
+    /**
+     * 初始化导航数据(分页模式)
+     *
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public initNavDataWithTab(data:any = null,isOnlyAdd:boolean = true, isAlways:boolean = false){
+        if( isAlways || (this.viewDefaultUsage && !Object.is(this.navModel,"route")) ){
+            this.navDataService.addNavDataByOnly({id:'ibizsample0002-edit-view',tag:this.viewtag,srfkey:this.context.ibizsample0002,title:this.$t(this.model.srfCaption),data:data,context:this.context,viewparams:this.viewparams,path:this.$route.fullPath},isOnlyAdd);
+        }
+    }
+	
+
+    /**
+     * Vue声明周期
+     *
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     * @memberof IBIZSample0002EditViewBase
+     */    
+    public afterCreated(){
+        let _this:any = this;
+        const secondtag = _this.$util.createUUID();
+        _this.$store.commit('viewaction/createdView', { viewtag: _this.viewtag, secondtag: secondtag });
+        _this.viewtag = secondtag;
+        _this.parseViewParam();
+        _this.serviceStateEvent = _this.navDataService.serviceState.subscribe(({ action,name, data }:{ action:string,name:any,data:any }) => {
+            if(!Object.is(name,'ibizsample0002-edit-view')){
+                return;
+            }
+            if (Object.is(action, 'viewrefresh')) {
+                _this.$nextTick(()=>{
+                    _this.parseViewParam(data);
+                    if(_this.engine){
+                        _this.engine.load();
+                    }
+                }); 
+            }
+        });
+        if(_this.portletState){
+            _this.portletStateEvent = _this.portletState.subscribe((res:any) =>{
+                if(!Object.is(res.name,'IBIZSample0002EditView')){
+                    return;
+                }
+                if(Object.is(res.action,'refresh') && _this.refresh && _this.refresh instanceof Function){
+                    _this.refresh();
+                }
+            })
+        }
+        
+    }
+
+    /**
+     * 销毁之前
+     *
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public beforeDestroy() {
+        this.$store.commit('viewaction/removeView', this.viewtag);
+    }
+
+    /**
+     * Vue声明周期(组件初始化完毕)
+     *
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public mounted() {
+        this.afterMounted();
+    }
+
+    /**
+     * 执行mounted后的逻辑
+     * 
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public afterMounted(){
+        const _this: any = this;
+        _this.engineInit();
+        if (_this.loadModel && _this.loadModel instanceof Function) {
+            _this.loadModel();
+        }
+        
+    }
+
+
+    /**
+     * toolbar 部件 click 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public toolbar_click($event: any, $event2?: any) {
+        if (Object.is($event.tag, 'tbitem3')) {
+            this.toolbar_tbitem3_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem5')) {
+            this.toolbar_tbitem5_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem9')) {
+            this.toolbar_tbitem9_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem15')) {
+            this.toolbar_tbitem15_click(null, '', $event2);
+        }
+    }
+
+
+    /**
+     * form 部件 save 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public form_save($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('form', 'save', $event);
+    }
+
+
+    /**
+     * form 部件 remove 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public form_remove($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('form', 'remove', $event);
+    }
+
+
+    /**
+     * form 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public form_load($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('form', 'load', $event);
+    }
+
+
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem3_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.form;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Save(datas, contextJO,paramJO,  $event, xData,this,"IBIZSample0002");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem5_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.form;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.SaveAndExit(datas, contextJO,paramJO,  $event, xData,this,"IBIZSample0002");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem9_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.form;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.SaveAndStart(datas, contextJO,paramJO,  $event, xData,this,"IBIZSample0002");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem15_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.form;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Print(datas, contextJO,paramJO,  $event, xData,this,"IBIZSample0002");
+    }
+
+    /**
+     * 保存
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public Save(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        // 界面行为容器对象 _this
+        const _this: any = this;
+        if (xData && xData.save instanceof Function) {
+            xData.save().then((response: any) => {
+                if (!response || response.status !== 200) {
+                    return;
+                }
+                _this.$emit('viewdataschange', [{ ...response.data }]);
+            });
+        } else if (_this.save && _this.save instanceof Function) {
+            _this.save();
+        }
+    }
+
+    /**
+     * 保存并关闭
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public SaveAndExit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (xData && xData.saveAndExit instanceof Function) {
+            xData.saveAndExit().then((response: any) => {
+                if (!response || response.status !== 200) {
+                    return;
+                }
+                if(window.parent){
+                    window.parent.postMessage([{ ...response.data }],'*');
+                }
+            });
+        } else if (_this.saveAndExit && _this.saveAndExit instanceof Function) {
+            _this.saveAndExit().then((response: any) => {
+                if (!response || response.status !== 200) {
+                    return;
+                }
+                if(window.parent){
+                    window.parent.postMessage([{ ...response.data }],'*');
+                }
+            });
+        }
+    }
+    /**
+     * 开始流程
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public SaveAndStart(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (!xData || !(xData.wfstart instanceof Function)) {
+            return;
+        }
+        xData.wfstart(args).then((response: any) => {
+            if (!response || response.status !== 200) {
+                return;
+            }
+            const { data: _data } = response;
+            if(window.parent){
+                window.parent.postMessage({ ..._data },'*');
+            }
+            if (_this.viewdata) {
+                _this.$emit('viewdataschange', [{ ..._data }]);
+                _this.$emit('close');
+            }else if (this.$tabPageExp) {
+                this.$tabPageExp.onClose(this.$route.fullPath);
+            }
+        });
+    }
+    /**
+     * 打印
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public Print(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        let _this:any = this;
+        if (!xData || !(xData.print instanceof Function) || !$event) {
+            return ;
+        }
+        xData.print();
+    }
+
+    /**
+     * 关闭视图
+     *
+     * @param {any[]} args
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public closeView(args: any[]): void {
+        let _view: any = this;
+        if (_view.viewdata) {
+            _view.$emit('viewdataschange', [args]);
+            _view.$emit('close', [args]);
+        } else if (_view.$tabPageExp) {
+            _view.$tabPageExp.onClose(_view.$route.fullPath);
+        }
+    }
+
+    /**
+     * 销毁视图回调
+     *
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public destroyed(){
+        this.afterDestroyed();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     * 
+     * @memberof IBIZSample0002EditViewBase
+     */
+    public afterDestroyed(){
+        if(this.viewDefaultUsage){
+            let localStoreLength = Object.keys(localStorage);
+            if(localStoreLength.length > 0){
+                localStoreLength.forEach((item:string) =>{
+                if(item.startsWith(this.context.srfsessionid)){
+                    localStorage.removeItem(item);
+                }
+                })
+            }
+            if(Object.is(this.navModel,"tab")){
+                this.navDataService.removeNavDataByTag(this.viewtag);
+            }
+            if (this.serviceStateEvent) {
+                this.serviceStateEvent.unsubscribe();
+            }
+        }
+        // 销毁计数器定时器
+        if(this.counterServiceArray && this.counterServiceArray.length >0){
+            this.counterServiceArray.forEach((item:any) =>{
+                if(item.destroyCounter && item.destroyCounter instanceof Function){
+                    item.destroyCounter();
+                }
+            })
+        }
+        if(this.portletStateEvent){
+            this.portletStateEvent.unsubscribe();
+        }
+    }
+
+
+}
+</script>
+
+<style lang='less'>
+@import './ibizsample0002-edit-view.less';
+</style>
\ No newline at end of file

app_Web/src/pages/sample/ibizsample0002-edit-view/ibizsample0002-edit-view.less

+.view-card {
+    >.ivu-card-extra {
+        top: 5px;
+        right: 0px;
+    }
+}
+
+.ibizsample0002-edit-view{
+    position: relative;
+}
+        .toolbar-container {
+            button {
+                margin: 6px 0px 4px 4px;
+                .caption {
+                    margin-left: 4px;
+                }
+            }
+            .seperator {
+                color: #dcdee2;
+                margin: 0 0px 0 4px;
+            }
+        }
+        
+        // this is less
+
+.deepskyblueToolBar {color:white !important;background-color:#108cee !important;}
+

app_Web/src/pages/sample/ibizsample0002-edit-view/ibizsample0002-edit-view.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import IBIZSample0002EditViewBase from './ibizsample0002-edit-view-base.vue';
+
+import view_form from '@widgets/ibizsample0002/main-form/main-form.vue';
+@Component({
+    components: {
+        view_form, 
+    },
+    beforeRouteEnter: (to: any, from: any, next: any) => {
+        next((vm: any) => {
+            if(!Object.is(vm.navModel,"route")){
+                vm.initNavDataWithTab(vm.viewCacheData);
+            }
+            vm.$store.commit('addCurPageViewtag', { fullPath: to.fullPath, viewtag: vm.viewtag });
+        });
+    },
+})
+export default class IBIZSample0002EditView extends IBIZSample0002EditViewBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/pages/sample/ibizsample0002-pickup-grid-view/ibizsample0002-pickup-grid-view-base.vue

+<template>
+<div class='view-container depickupgridview ibizsample0002-pickup-grid-view'>
+    <app-studioaction :viewTitle="$t(model.srfCaption)" viewName="ibizsample0002pickupgridview"></app-studioaction>
+    <card class='view-card view-no-caption  view-no-toolbar' :dis-hover="true" :bordered="false">
+        <div class='view-top-messages'>
+        </div>
+        <div class='content-container pickup-grid-view'>
+            <view_searchform 
+                :viewState="viewState"  
+                :viewparams="viewparams" 
+                :context="context" 
+                :showBusyIndicator="true"
+                v-show="isExpandSearchForm"
+                loaddraftAction="FilterGetDraft"
+                loadAction="FilterGet"
+            
+                name="searchform"  
+                ref='searchform' 
+                @save="searchform_save($event)"  
+                @search="searchform_search($event)"  
+                @load="searchform_load($event)"  
+                @closeview="closeView($event)">
+            </view_searchform>
+                    <div class='view-body-messages'>                    </div>            <view_grid 
+                :viewState="viewState"  
+                :viewparams="viewparams" 
+                :context="context" 
+                :isSingleSelect="isSingleSelect"
+                :selectedData="selectedData"
+                :showBusyIndicator="true"
+                updateAction=""
+                removeAction="Remove"
+                loaddraftAction=""
+                loadAction=""
+                createAction=""
+                fetchAction="FetchDefault"
+                name="grid"  
+                ref='grid' 
+                @selectionchange="grid_selectionchange($event)"  
+                @beforeload="grid_beforeload($event)"  
+                @rowdblclick="grid_rowdblclick($event)"  
+                @load="grid_load($event)"  
+                @closeview="closeView($event)">
+            </view_grid>
+        </div>
+        <div class='view-bottom-messages'>
+        </div>
+    </card>
+</div>
+</template>
+
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch,Inject } from 'vue-property-decorator';
+import { UIActionTool,Util } from '@/utils';
+import NavDataService from '@/service/app/navdata-service';
+import { Subject,Subscription } from 'rxjs';
+import IBIZSample0002Service from '@/service/ibizsample0002/ibizsample0002-service';
+import IBIZSample0002AuthService from '@/authservice/ibizsample0002/ibizsample0002-auth-service';
+
+import PickupGridViewEngine from '@engine/view/pickup-grid-view-engine';
+
+
+import IBIZSample0002UIService from '@/uiservice/ibizsample0002/ibizsample0002-ui-service';
+
+@Component({
+    components: {
+    },
+})
+export default class IBIZSample0002PickupGridViewBase extends Vue {
+
+    /**
+     * 实体服务对象
+     *
+     * @type {IBIZSample0002Service}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public appEntityService: IBIZSample0002Service = new IBIZSample0002Service;
+
+    /**
+     * 实体UI服务对象
+     *
+     * @type IBIZSample0002UIService
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public appUIService: IBIZSample0002UIService = new IBIZSample0002UIService(this.$store);
+    
+    /**
+     * 数据变化
+     *
+     * @param {*} val
+     * @returns {*}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    @Emit() 
+    public viewDatasChange(val: any):any {
+        return val;
+    }
+
+    /**
+     * 传入视图上下文
+     *
+     * @type {string}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    @Prop() public viewdata!: string;
+
+    /**
+     * 传入视图参数
+     *
+     * @type {string}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    @Prop() public viewparam!: string;
+
+    /**
+     * 视图默认使用
+     *
+     * @type {boolean}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    @Prop({ default: true }) public viewDefaultUsage!: boolean;
+
+    /**
+     * 视图默认使用
+     *
+     * @type {string}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    @Inject({from:'navModel',default: 'tab'})
+    public navModel!:string;
+
+	/**
+	 * 视图标识
+	 *
+	 * @type {string}
+	 * @memberof IBIZSample0002PickupGridViewBase
+	 */
+	public viewtag: string = '7a334494f71d4328c743657a6429ee03';
+
+	/**
+	 * 自定义视图导航上下文集合
+	 *
+	 * @type {*}
+	 * @memberof IBIZSample0002PickupGridViewBase
+	 */
+    public customViewNavContexts:any ={
+    };
+
+	/**
+	 * 自定义视图导航参数集合
+	 *
+	 * @type {*}
+	 * @memberof IBIZSample0002PickupGridViewBase
+	 */
+    public customViewParams:any ={
+    };
+
+    /**
+     * 视图模型数据
+     *
+     * @type {*}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public model: any = {
+        srfCaption: 'entities.ibizsample0002.views.pickupgridview.caption',
+        srfTitle: 'entities.ibizsample0002.views.pickupgridview.title',
+        srfSubTitle: 'entities.ibizsample0002.views.pickupgridview.subtitle',
+        dataInfo: ''
+    }
+
+    /**
+     * 视图参数变化
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    @Watch('viewparam',{immediate: true, deep: true})
+    onParamData(newVal: any, oldVal: any) {
+        if(newVal){
+            this.viewparams = {};
+            if(typeof newVal == 'string') {
+                Object.assign(this.viewparams, JSON.parse(this.viewparam));
+            }else{
+                this.viewparams = Util.deepCopy(this.viewparam);
+            }
+            
+        } 
+    }
+
+    /**
+     * 处理应用上下文变化
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    @Watch('viewdata')
+    onViewData(newVal: any, oldVal: any) {
+        const _this: any = this;
+        
+        if (!Object.is(newVal, oldVal) && _this.engine) {
+            this.$nextTick(()=>{
+              _this.parseViewParam();
+              _this.engine.load();
+            });
+        } else if(!Object.is(newVal, oldVal) && _this.refresh && _this.refresh instanceof Function) {
+            _this.refresh();
+        }
+    }
+
+    /**
+     * 容器模型
+     *
+     * @type {*}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public containerModel: any = {
+        view_grid: { name: 'grid', type: 'GRID' },
+        view_searchform: { name: 'searchform', type: 'SEARCHFORM' },
+    };
+
+    /**
+     * 视图刷新
+     *
+     * @param {*} args
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public refresh(args?: any): void {
+        const refs: any = this.$refs;
+        if (refs && refs.grid) {
+            refs.grid.refresh();
+        }
+    }
+    /**
+     *  计数器刷新
+     *
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+    /**
+     * 视图状态订阅对象
+     *
+     * @public
+     * @type {Subject<{action: string, data: any}>}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public viewState: Subject<ViewState> = new Subject();
+
+
+    /**
+     * 视图引擎
+     *
+     * @public
+     * @type {Engine}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public engine: PickupGridViewEngine = new PickupGridViewEngine();
+
+    /**
+     * 引擎初始化
+     *
+     * @public
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public engineInit(): void {
+        this.engine.init({
+            view: this,
+            grid: this.$refs.grid,
+            searchform: this.$refs.searchform,
+            keyPSDEField: 'ibizsample0002',
+            majorPSDEField: 'ibizsample0002name',
+            isLoadDefault: true,
+        });
+    }
+
+    /**
+     * 应用导航服务
+     *
+     * @type {*}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public  navDataService = NavDataService.getInstance(this.$store);
+
+    /**
+    * 导航服务事件
+    *
+    * @public
+    * @type {(Subscription | undefined)}
+    * @memberof IBIZSample0002PickupGridViewBase
+    */
+    public serviceStateEvent: Subscription | undefined;
+
+    /**
+     * 门户部件状态对象
+     *
+     * @type {*}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    @Prop() public portletState?: any;
+
+   /**
+   * 门户部件状态事件
+   *
+   * @public
+   * @type {(Subscription | undefined)}
+   * @memberof IBIZSample0002PickupGridViewBase
+   */
+    public portletStateEvent: Subscription | undefined;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public context:any = {};
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public viewparams:any = {};
+
+    /**
+     * 视图缓存数据
+     *
+     * @type {*}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public viewCacheData:any;
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @type {Array<*>}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */    
+    public counterServiceArray:Array<any> = [];
+
+    /**
+     * 解析视图参数
+     *
+     * @public
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public parseViewParam(inputvalue:any = null): void {
+        for(let key in this.context){
+            delete this.context[key];
+        }
+        if(this.$store.getters.getAppData() && this.$store.getters.getAppData().context){
+            Object.assign(this.context,this.$store.getters.getAppData().context);
+        }
+        if (!this.viewDefaultUsage && this.viewdata && !Object.is(this.viewdata, '')) {
+            if(typeof this.viewdata == 'string') {
+                Object.assign(this.context, JSON.parse(this.viewdata));
+            }
+            if(this.context && this.context.srfparentdename){
+                Object.assign(this.viewparams,{srfparentdename:this.context.srfparentdename});
+            }
+            if(this.context && this.context.srfparentkey){
+                Object.assign(this.viewparams,{srfparentkey:this.context.srfparentkey});
+            }
+            this.handleCustomViewData();
+            return;
+        }
+        const path = (this.$route.matched[this.$route.matched.length - 1]).path;
+        const keys: Array<any> = [];
+        const curReg = this.$pathToRegExp.pathToRegexp(path, keys);
+        const matchArray = curReg.exec(this.$route.path);
+        let tempValue: Object = {};
+        keys.forEach((item: any, index: number) => {
+            Object.defineProperty(tempValue, item.name, {
+                enumerable: true,
+                value: matchArray[index + 1]
+            });
+        });
+        this.$viewTool.formatRouteParams(tempValue,this.$route,this.context,this.viewparams);
+        if(inputvalue){
+            Object.assign(this.context,{'ibizsample0002':inputvalue});
+        }
+        //初始化视图唯一标识
+        Object.assign(this.context,{srfsessionid:this.$util.createUUID()});
+        this.handleCustomViewData();
+        //初始化导航数据
+        this.initNavDataWithRoute();
+    }
+
+    /**
+     * 处理自定义视图数据
+     *
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+	public handleCustomViewData(){
+		if(Object.keys(this.customViewNavContexts).length > 0){
+			Object.keys(this.customViewNavContexts).forEach((item:any) =>{
+				let tempContext:any = {};
+				let curNavContext:any = this.customViewNavContexts[item];
+				this.handleCustomDataLogic(curNavContext,tempContext,item);
+				Object.assign(this.context,tempContext);
+			})
+		}
+		if(Object.keys(this.customViewParams).length > 0){
+			Object.keys(this.customViewParams).forEach((item:any) =>{
+				let tempParam:any = {};
+				let curNavParam:any = this.customViewParams[item];
+				this.handleCustomDataLogic(curNavParam,tempParam,item);
+				Object.assign(this.viewparams,tempParam);
+			})
+		}
+	}
+
+    /**
+     * 处理自定义视图数据逻辑
+     *
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+	public handleCustomDataLogic(curNavData:any,tempData:any,item:string){
+		// 直接值直接赋值
+		if(curNavData.isRawValue){
+			if(Object.is(curNavData.value,"null") || Object.is(curNavData.value,"")){
+                Object.defineProperty(tempData, item.toLowerCase(), {
+                    value: null,
+                    writable : true,
+                    enumerable : true,
+                    configurable : true
+                });
+            }else{
+                Object.defineProperty(tempData, item.toLowerCase(), {
+                    value: curNavData.value,
+                    writable : true,
+                    enumerable : true,
+                    configurable : true
+                });
+            }
+		}else{
+			// 先从导航上下文取数，没有再从导航参数（URL）取数，如果导航上下文和导航参数都没有则为null
+			if(this.context[(curNavData.value).toLowerCase()] != null){
+				Object.defineProperty(tempData, item.toLowerCase(), {
+					value: this.context[(curNavData.value).toLowerCase()],
+					writable : true,
+					enumerable : true,
+					configurable : true
+				});
+			}else{
+				if(this.viewparams[(curNavData.value).toLowerCase()] != null){
+					Object.defineProperty(tempData, item.toLowerCase(), {
+						value: this.viewparams[(curNavData.value).toLowerCase()],
+						writable : true,
+						enumerable : true,
+						configurable : true
+					});
+				}else{
+					Object.defineProperty(tempData, item.toLowerCase(), {
+						value: null,
+						writable : true,
+						enumerable : true,
+						configurable : true
+					});
+				}
+			}
+		}
+	}
+
+    /**
+     * 初始化导航数据(路由模式)
+     *
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public initNavDataWithRoute(data:any = null, isNew:boolean = false,  isAlways:boolean = false){
+        if( isAlways || (this.viewDefaultUsage && Object.is(this.navModel,"route")) ){
+            this.navDataService.addNavData({id:'ibizsample0002-pickup-grid-view',tag:this.viewtag,srfkey:isNew ? null : this.context.ibizsample0002,title:this.$t(this.model.srfCaption),data:data,context:this.context,viewparams:this.viewparams,path:this.$route.fullPath});
+        }
+    }
+
+    /**
+     * 初始化导航数据(分页模式)
+     *
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public initNavDataWithTab(data:any = null,isOnlyAdd:boolean = true, isAlways:boolean = false){
+        if( isAlways || (this.viewDefaultUsage && !Object.is(this.navModel,"route")) ){
+            this.navDataService.addNavDataByOnly({id:'ibizsample0002-pickup-grid-view',tag:this.viewtag,srfkey:this.context.ibizsample0002,title:this.$t(this.model.srfCaption),data:data,context:this.context,viewparams:this.viewparams,path:this.$route.fullPath},isOnlyAdd);
+        }
+    }
+	
+
+    /**
+     * Vue声明周期
+     *
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     * @memberof IBIZSample0002PickupGridViewBase
+     */    
+    public afterCreated(){
+        let _this:any = this;
+        const secondtag = _this.$util.createUUID();
+        _this.$store.commit('viewaction/createdView', { viewtag: _this.viewtag, secondtag: secondtag });
+        _this.viewtag = secondtag;
+        _this.parseViewParam();
+        _this.serviceStateEvent = _this.navDataService.serviceState.subscribe(({ action,name, data }:{ action:string,name:any,data:any }) => {
+            if(!Object.is(name,'ibizsample0002-pickup-grid-view')){
+                return;
+            }
+            if (Object.is(action, 'viewrefresh')) {
+                _this.$nextTick(()=>{
+                    _this.parseViewParam(data);
+                    if(_this.engine){
+                        _this.engine.load();
+                    }
+                }); 
+            }
+        });
+        if(_this.portletState){
+            _this.portletStateEvent = _this.portletState.subscribe((res:any) =>{
+                if(!Object.is(res.name,'IBIZSample0002PickupGridView')){
+                    return;
+                }
+                if(Object.is(res.action,'refresh') && _this.refresh && _this.refresh instanceof Function){
+                    _this.refresh();
+                }
+            })
+        }
+        
+    }
+
+    /**
+     * 销毁之前
+     *
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public beforeDestroy() {
+        this.$store.commit('viewaction/removeView', this.viewtag);
+    }
+
+    /**
+     * Vue声明周期(组件初始化完毕)
+     *
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public mounted() {
+        this.afterMounted();
+    }
+
+    /**
+     * 执行mounted后的逻辑
+     * 
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public afterMounted(){
+        const _this: any = this;
+        _this.engineInit();
+        if (_this.loadModel && _this.loadModel instanceof Function) {
+            _this.loadModel();
+        }
+        
+    }
+
+
+    /**
+     * grid 部件 selectionchange 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public grid_selectionchange($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('grid', 'selectionchange', $event);
+    }
+
+
+    /**
+     * grid 部件 beforeload 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public grid_beforeload($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('grid', 'beforeload', $event);
+    }
+
+
+    /**
+     * grid 部件 rowdblclick 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public grid_rowdblclick($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('grid', 'rowdblclick', $event);
+    }
+
+
+    /**
+     * grid 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public grid_load($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('grid', 'load', $event);
+    }
+
+
+    /**
+     * searchform 部件 save 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public searchform_save($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('searchform', 'save', $event);
+    }
+
+
+    /**
+     * searchform 部件 search 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public searchform_search($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('searchform', 'search', $event);
+    }
+
+
+    /**
+     * searchform 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public searchform_load($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('searchform', 'load', $event);
+    }
+
+
+
+
+    /**
+     * 关闭视图
+     *
+     * @param {any[]} args
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public closeView(args: any[]): void {
+        let _view: any = this;
+        if (_view.viewdata) {
+            _view.$emit('viewdataschange', [args]);
+            _view.$emit('close', [args]);
+        } else if (_view.$tabPageExp) {
+            _view.$tabPageExp.onClose(_view.$route.fullPath);
+        }
+    }
+
+    /**
+     * 销毁视图回调
+     *
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public destroyed(){
+        this.afterDestroyed();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     * 
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public afterDestroyed(){
+        if(this.viewDefaultUsage){
+            let localStoreLength = Object.keys(localStorage);
+            if(localStoreLength.length > 0){
+                localStoreLength.forEach((item:string) =>{
+                if(item.startsWith(this.context.srfsessionid)){
+                    localStorage.removeItem(item);
+                }
+                })
+            }
+            if(Object.is(this.navModel,"tab")){
+                this.navDataService.removeNavDataByTag(this.viewtag);
+            }
+            if (this.serviceStateEvent) {
+                this.serviceStateEvent.unsubscribe();
+            }
+        }
+        // 销毁计数器定时器
+        if(this.counterServiceArray && this.counterServiceArray.length >0){
+            this.counterServiceArray.forEach((item:any) =>{
+                if(item.destroyCounter && item.destroyCounter instanceof Function){
+                    item.destroyCounter();
+                }
+            })
+        }
+        if(this.portletStateEvent){
+            this.portletStateEvent.unsubscribe();
+        }
+    }
+    /**
+     * 选中数据字符串
+     *
+     * @type {string}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    @Prop() public selectedData?: string;
+
+    /**
+     * 是否单选
+     *
+     * @type {boolean}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    @Prop() public isSingleSelect?: boolean;
+
+    /**
+     * 搜索值
+     *
+     * @type {string}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public query: string = '';
+
+    /**
+     * 是否展开搜索表单
+     *
+     * @type {boolean}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public isExpandSearchForm: boolean = true;
+
+    /**
+     * 表格行数据默认激活模式
+     * 0 不激活
+     * 1 单击激活
+     * 2 双击激活
+     *
+     * @type {(number | 0 | 1 | 2)}
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public gridRowActiveMode: number | 0 | 1 | 2 = 2;
+
+    /**
+     * 快速搜索
+     *
+     * @param {*} $event
+     * @memberof IBIZSample0002PickupGridViewBase
+     */
+    public onSearch($event: any): void {
+        const refs: any = this.$refs;
+        if (refs.grid) {
+            refs.grid.load({});
+        }
+    }
+
+}
+</script>
+
+<style lang='less'>
+@import './ibizsample0002-pickup-grid-view.less';
+</style>
\ No newline at end of file

app_Web/src/pages/sample/ibizsample0002-pickup-grid-view/ibizsample0002-pickup-grid-view.less

+.ibizsample0002-pickup-grid-view{
+    position: relative;
+}
+
+
+.ibizsample0002-pickup-grid-view{
+    display: block;
+}
\ No newline at end of file

app_Web/src/pages/sample/ibizsample0002-pickup-grid-view/ibizsample0002-pickup-grid-view.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import IBIZSample0002PickupGridViewBase from './ibizsample0002-pickup-grid-view-base.vue';
+
+import view_grid from '@widgets/ibizsample0002/main-grid/main-grid.vue';
+import view_searchform from '@widgets/ibizsample0002/default-searchform/default-searchform.vue';
+@Component({
+    components: {
+        view_grid, 
+        view_searchform, 
+    },
+    beforeRouteEnter: (to: any, from: any, next: any) => {
+        next((vm: any) => {
+            if(!Object.is(vm.navModel,"route")){
+                vm.initNavDataWithTab(vm.viewCacheData);
+            }
+            vm.$store.commit('addCurPageViewtag', { fullPath: to.fullPath, viewtag: vm.viewtag });
+        });
+    },
+})
+export default class IBIZSample0002PickupGridView extends IBIZSample0002PickupGridViewBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/pages/sample/ibizsample0002-pickup-view/ibizsample0002-pickup-view-base.vue

+<template>
+<div class="view-container depickupview ibizsample0002-pickup-view">
+    <app-studioaction :viewTitle="$t(model.srfCaption)" viewName="ibizsample0002pickupview"></app-studioaction>
+    <card class='view-card view-no-caption  view-no-toolbar' :dis-hover="true" :padding="0" :bordered="false">
+        <div class='view-top-messages'>
+        </div>
+        <div class="content-container pickup-view">
+        <div class='view-body-messages'>
+        </div>
+            <view_pickupviewpanel 
+                :viewState="viewState"  
+                :viewparams="JSON.parse(JSON.stringify(viewparams))" 
+                :context="JSON.parse(JSON.stringify(context))" 
+                :isSingleSelect="isSingleSelect"
+                :selectedData="selectedData"
+                :isShowButton="isShowButton"
+                name="pickupviewpanel"  
+                ref='pickupviewpanel' 
+                @selectionchange="pickupviewpanel_selectionchange($event)"  
+                @activated="pickupviewpanel_activated($event)"  
+                @load="pickupviewpanel_load($event)"  
+                @closeview="closeView($event)">
+            </view_pickupviewpanel>
+            <card v-if="isShowButton" :dis-hover="true" :bordered="false" class="footer">
+                <row :style="{ textAlign: 'right' }">
+                    <i-button type="primary" :disabled="this.viewSelections.length > 0 ? false : true" @click="onClickOk">{{this.containerModel.view_okbtn.text}}</i-button>
+                        &nbsp;&nbsp;
+                    <i-button @click="onClickCancel">{{this.containerModel.view_cancelbtn.text}}</i-button>
+                </row>
+            </card>
+        </div>
+        <div class='view-bottom-messages'>
+        </div>
+    </card>
+</div>
+</template>
+
+
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch,Inject } from 'vue-property-decorator';
+import { UIActionTool,Util } from '@/utils';
+import NavDataService from '@/service/app/navdata-service';
+import { Subject,Subscription } from 'rxjs';
+import IBIZSample0002Service from '@/service/ibizsample0002/ibizsample0002-service';
+import IBIZSample0002AuthService from '@/authservice/ibizsample0002/ibizsample0002-auth-service';
+
+import PickupViewEngine from '@engine/view/pickup-view-engine';
+
+
+import IBIZSample0002UIService from '@/uiservice/ibizsample0002/ibizsample0002-ui-service';
+
+@Component({
+    components: {
+    },
+})
+export default class IBIZSample0002PickupViewBase extends Vue {
+
+    /**
+     * 实体服务对象
+     *
+     * @type {IBIZSample0002Service}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public appEntityService: IBIZSample0002Service = new IBIZSample0002Service;
+
+    /**
+     * 实体UI服务对象
+     *
+     * @type IBIZSample0002UIService
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public appUIService: IBIZSample0002UIService = new IBIZSample0002UIService(this.$store);
+    
+    /**
+     * 数据变化
+     *
+     * @param {*} val
+     * @returns {*}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    @Emit() 
+    public viewDatasChange(val: any):any {
+        return val;
+    }
+
+    /**
+     * 传入视图上下文
+     *
+     * @type {string}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    @Prop() public viewdata!: string;
+
+    /**
+     * 传入视图参数
+     *
+     * @type {string}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    @Prop() public viewparam!: string;
+
+    /**
+     * 视图默认使用
+     *
+     * @type {boolean}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    @Prop({ default: true }) public viewDefaultUsage!: boolean;
+
+    /**
+     * 视图默认使用
+     *
+     * @type {string}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    @Inject({from:'navModel',default: 'tab'})
+    public navModel!:string;
+
+	/**
+	 * 视图标识
+	 *
+	 * @type {string}
+	 * @memberof IBIZSample0002PickupViewBase
+	 */
+	public viewtag: string = '581e6727bc5983c238cc9990ba5fdcac';
+
+	/**
+	 * 自定义视图导航上下文集合
+	 *
+	 * @type {*}
+	 * @memberof IBIZSample0002PickupViewBase
+	 */
+    public customViewNavContexts:any ={
+    };
+
+	/**
+	 * 自定义视图导航参数集合
+	 *
+	 * @type {*}
+	 * @memberof IBIZSample0002PickupViewBase
+	 */
+    public customViewParams:any ={
+    };
+
+    /**
+     * 视图模型数据
+     *
+     * @type {*}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public model: any = {
+        srfCaption: 'entities.ibizsample0002.views.pickupview.caption',
+        srfTitle: 'entities.ibizsample0002.views.pickupview.title',
+        srfSubTitle: 'entities.ibizsample0002.views.pickupview.subtitle',
+        dataInfo: ''
+    }
+
+    /**
+     * 视图参数变化
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    @Watch('viewparam',{immediate: true, deep: true})
+    onParamData(newVal: any, oldVal: any) {
+        if(newVal){
+            this.viewparams = {};
+            if(typeof newVal == 'string') {
+                Object.assign(this.viewparams, JSON.parse(this.viewparam));
+            }else{
+                this.viewparams = Util.deepCopy(this.viewparam);
+            }
+            if(this.viewparams.selectedData){
+                this.selectedData = JSON.stringify(this.viewparams.selectedData);
+            }
+
+        } 
+    }
+
+    /**
+     * 处理应用上下文变化
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    @Watch('viewdata')
+    onViewData(newVal: any, oldVal: any) {
+        const _this: any = this;
+        
+        if (!Object.is(newVal, oldVal) && _this.engine) {
+            this.$nextTick(()=>{
+              _this.parseViewParam();
+              _this.engine.load();
+            });
+        } else if(!Object.is(newVal, oldVal) && _this.refresh && _this.refresh instanceof Function) {
+            _this.refresh();
+        }
+    }
+
+    /**
+     * 容器模型
+     *
+     * @type {*}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public containerModel: any = {
+        view_pickupviewpanel: { name: 'pickupviewpanel', type: 'PICKUPVIEWPANEL' },
+        view_okbtn: { name: 'okbtn', type: 'button', text: '确定', disabled: true },
+        view_cancelbtn: { name: 'cancelbtn', type: 'button', text: '取消', disabled: false },
+        view_leftbtn: { name: 'leftbtn', type: 'button', text: '左移', disabled: true },
+        view_rightbtn: { name: 'rightbtn', type: 'button', text: '右移', disabled: true },
+        view_allleftbtn: { name: 'allleftbtn', type: 'button', text: '全部左移', disabled: true },
+        view_allrightbtn: { name: 'allrightbtn', type: 'button', text: '全部右移', disabled: true },
+    };
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+    /**
+     * 视图状态订阅对象
+     *
+     * @public
+     * @type {Subject<{action: string, data: any}>}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public viewState: Subject<ViewState> = new Subject();
+
+
+
+    /**
+     * 视图引擎
+     *
+     * @public
+     * @type {Engine}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public engine: PickupViewEngine = new PickupViewEngine();
+
+    /**
+     * 引擎初始化
+     *
+     * @public
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public engineInit(): void {
+        this.engine.init({
+            view: this,
+            pickupviewpanel: this.$refs.pickupviewpanel,
+            keyPSDEField: 'ibizsample0002',
+            majorPSDEField: 'ibizsample0002name',
+            isLoadDefault: true,
+        });
+    }
+
+    /**
+     * 应用导航服务
+     *
+     * @type {*}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public  navDataService = NavDataService.getInstance(this.$store);
+
+    /**
+    * 导航服务事件
+    *
+    * @public
+    * @type {(Subscription | undefined)}
+    * @memberof IBIZSample0002PickupViewBase
+    */
+    public serviceStateEvent: Subscription | undefined;
+
+    /**
+     * 门户部件状态对象
+     *
+     * @type {*}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    @Prop() public portletState?: any;
+
+   /**
+   * 门户部件状态事件
+   *
+   * @public
+   * @type {(Subscription | undefined)}
+   * @memberof IBIZSample0002PickupViewBase
+   */
+    public portletStateEvent: Subscription | undefined;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public context:any = {};
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public viewparams:any = {};
+
+    /**
+     * 视图缓存数据
+     *
+     * @type {*}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public viewCacheData:any;
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @type {Array<*>}
+     * @memberof IBIZSample0002PickupViewBase
+     */    
+    public counterServiceArray:Array<any> = [];
+
+    /**
+     * 解析视图参数
+     *
+     * @public
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public parseViewParam(inputvalue:any = null): void {
+        for(let key in this.context){
+            delete this.context[key];
+        }
+        if(this.$store.getters.getAppData() && this.$store.getters.getAppData().context){
+            Object.assign(this.context,this.$store.getters.getAppData().context);
+        }
+        if (!this.viewDefaultUsage && this.viewdata && !Object.is(this.viewdata, '')) {
+            if(typeof this.viewdata == 'string') {
+                Object.assign(this.context, JSON.parse(this.viewdata));
+            }
+            if(this.context && this.context.srfparentdename){
+                Object.assign(this.viewparams,{srfparentdename:this.context.srfparentdename});
+            }
+            if(this.context && this.context.srfparentkey){
+                Object.assign(this.viewparams,{srfparentkey:this.context.srfparentkey});
+            }
+            this.handleCustomViewData();
+            return;
+        }
+        const path = (this.$route.matched[this.$route.matched.length - 1]).path;
+        const keys: Array<any> = [];
+        const curReg = this.$pathToRegExp.pathToRegexp(path, keys);
+        const matchArray = curReg.exec(this.$route.path);
+        let tempValue: Object = {};
+        keys.forEach((item: any, index: number) => {
+            Object.defineProperty(tempValue, item.name, {
+                enumerable: true,
+                value: matchArray[index + 1]
+            });
+        });
+        this.$viewTool.formatRouteParams(tempValue,this.$route,this.context,this.viewparams);
+        if(inputvalue){
+            Object.assign(this.context,{'ibizsample0002':inputvalue});
+        }
+        //初始化视图唯一标识
+        Object.assign(this.context,{srfsessionid:this.$util.createUUID()});
+        this.handleCustomViewData();
+        //初始化导航数据
+        this.initNavDataWithRoute();
+    }
+
+    /**
+     * 处理自定义视图数据
+     *
+     * @memberof IBIZSample0002PickupViewBase
+     */
+	public handleCustomViewData(){
+		if(Object.keys(this.customViewNavContexts).length > 0){
+			Object.keys(this.customViewNavContexts).forEach((item:any) =>{
+				let tempContext:any = {};
+				let curNavContext:any = this.customViewNavContexts[item];
+				this.handleCustomDataLogic(curNavContext,tempContext,item);
+				Object.assign(this.context,tempContext);
+			})
+		}
+		if(Object.keys(this.customViewParams).length > 0){
+			Object.keys(this.customViewParams).forEach((item:any) =>{
+				let tempParam:any = {};
+				let curNavParam:any = this.customViewParams[item];
+				this.handleCustomDataLogic(curNavParam,tempParam,item);
+				Object.assign(this.viewparams,tempParam);
+			})
+		}
+	}
+
+    /**
+     * 处理自定义视图数据逻辑
+     *
+     * @memberof IBIZSample0002PickupViewBase
+     */
+	public handleCustomDataLogic(curNavData:any,tempData:any,item:string){
+		// 直接值直接赋值
+		if(curNavData.isRawValue){
+			if(Object.is(curNavData.value,"null") || Object.is(curNavData.value,"")){
+                Object.defineProperty(tempData, item.toLowerCase(), {
+                    value: null,
+                    writable : true,
+                    enumerable : true,
+                    configurable : true
+                });
+            }else{
+                Object.defineProperty(tempData, item.toLowerCase(), {
+                    value: curNavData.value,
+                    writable : true,
+                    enumerable : true,
+                    configurable : true
+                });
+            }
+		}else{
+			// 先从导航上下文取数，没有再从导航参数（URL）取数，如果导航上下文和导航参数都没有则为null
+			if(this.context[(curNavData.value).toLowerCase()] != null){
+				Object.defineProperty(tempData, item.toLowerCase(), {
+					value: this.context[(curNavData.value).toLowerCase()],
+					writable : true,
+					enumerable : true,
+					configurable : true
+				});
+			}else{
+				if(this.viewparams[(curNavData.value).toLowerCase()] != null){
+					Object.defineProperty(tempData, item.toLowerCase(), {
+						value: this.viewparams[(curNavData.value).toLowerCase()],
+						writable : true,
+						enumerable : true,
+						configurable : true
+					});
+				}else{
+					Object.defineProperty(tempData, item.toLowerCase(), {
+						value: null,
+						writable : true,
+						enumerable : true,
+						configurable : true
+					});
+				}
+			}
+		}
+	}
+
+    /**
+     * 初始化导航数据(路由模式)
+     *
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public initNavDataWithRoute(data:any = null, isNew:boolean = false,  isAlways:boolean = false){
+        if( isAlways || (this.viewDefaultUsage && Object.is(this.navModel,"route")) ){
+            this.navDataService.addNavData({id:'ibizsample0002-pickup-view',tag:this.viewtag,srfkey:isNew ? null : this.context.ibizsample0002,title:this.$t(this.model.srfCaption),data:data,context:this.context,viewparams:this.viewparams,path:this.$route.fullPath});
+        }
+    }
+
+    /**
+     * 初始化导航数据(分页模式)
+     *
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public initNavDataWithTab(data:any = null,isOnlyAdd:boolean = true, isAlways:boolean = false){
+        if( isAlways || (this.viewDefaultUsage && !Object.is(this.navModel,"route")) ){
+            this.navDataService.addNavDataByOnly({id:'ibizsample0002-pickup-view',tag:this.viewtag,srfkey:this.context.ibizsample0002,title:this.$t(this.model.srfCaption),data:data,context:this.context,viewparams:this.viewparams,path:this.$route.fullPath},isOnlyAdd);
+        }
+    }
+	
+
+    /**
+     * Vue声明周期
+     *
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     * @memberof IBIZSample0002PickupViewBase
+     */    
+    public afterCreated(){
+        let _this:any = this;
+        const secondtag = _this.$util.createUUID();
+        _this.$store.commit('viewaction/createdView', { viewtag: _this.viewtag, secondtag: secondtag });
+        _this.viewtag = secondtag;
+        _this.parseViewParam();
+        _this.serviceStateEvent = _this.navDataService.serviceState.subscribe(({ action,name, data }:{ action:string,name:any,data:any }) => {
+            if(!Object.is(name,'ibizsample0002-pickup-view')){
+                return;
+            }
+            if (Object.is(action, 'viewrefresh')) {
+                _this.$nextTick(()=>{
+                    _this.parseViewParam(data);
+                    if(_this.engine){
+                        _this.engine.load();
+                    }
+                }); 
+            }
+        });
+        if(_this.portletState){
+            _this.portletStateEvent = _this.portletState.subscribe((res:any) =>{
+                if(!Object.is(res.name,'IBIZSample0002PickupView')){
+                    return;
+                }
+                if(Object.is(res.action,'refresh') && _this.refresh && _this.refresh instanceof Function){
+                    _this.refresh();
+                }
+            })
+        }
+        
+    }
+
+    /**
+     * 销毁之前
+     *
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public beforeDestroy() {
+        this.$store.commit('viewaction/removeView', this.viewtag);
+    }
+
+    /**
+     * Vue声明周期(组件初始化完毕)
+     *
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public mounted() {
+        this.afterMounted();
+    }
+
+    /**
+     * 执行mounted后的逻辑
+     * 
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public afterMounted(){
+        const _this: any = this;
+        _this.engineInit();
+        if (_this.loadModel && _this.loadModel instanceof Function) {
+            _this.loadModel();
+        }
+        if(this.viewparams.selectedData){
+            this.engine.onCtrlEvent('pickupviewpanel', 'selectionchange', this.viewparams.selectedData);
+        }
+
+    }
+
+
+    /**
+     * pickupviewpanel 部件 selectionchange 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public pickupviewpanel_selectionchange($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('pickupviewpanel', 'selectionchange', $event);
+    }
+
+
+    /**
+     * pickupviewpanel 部件 activated 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public pickupviewpanel_activated($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('pickupviewpanel', 'activated', $event);
+    }
+
+
+    /**
+     * pickupviewpanel 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public pickupviewpanel_load($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('pickupviewpanel', 'load', $event);
+    }
+
+
+
+
+    /**
+     * 关闭视图
+     *
+     * @param {any[]} args
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public closeView(args: any[]): void {
+        let _view: any = this;
+        if (_view.viewdata) {
+            _view.$emit('viewdataschange', [args]);
+            _view.$emit('close', [args]);
+        } else if (_view.$tabPageExp) {
+            _view.$tabPageExp.onClose(_view.$route.fullPath);
+        }
+    }
+
+    /**
+     * 销毁视图回调
+     *
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public destroyed(){
+        this.afterDestroyed();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     * 
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public afterDestroyed(){
+        if(this.viewDefaultUsage){
+            let localStoreLength = Object.keys(localStorage);
+            if(localStoreLength.length > 0){
+                localStoreLength.forEach((item:string) =>{
+                if(item.startsWith(this.context.srfsessionid)){
+                    localStorage.removeItem(item);
+                }
+                })
+            }
+            if(Object.is(this.navModel,"tab")){
+                this.navDataService.removeNavDataByTag(this.viewtag);
+            }
+            if (this.serviceStateEvent) {
+                this.serviceStateEvent.unsubscribe();
+            }
+        }
+        // 销毁计数器定时器
+        if(this.counterServiceArray && this.counterServiceArray.length >0){
+            this.counterServiceArray.forEach((item:any) =>{
+                if(item.destroyCounter && item.destroyCounter instanceof Function){
+                    item.destroyCounter();
+                }
+            })
+        }
+        if(this.portletStateEvent){
+            this.portletStateEvent.unsubscribe();
+        }
+    }
+    /**
+     * 选中数据的字符串
+     *
+     * @type {string}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public selectedData: string = "";
+
+    /**
+     * 视图选中数据
+     *
+     * @type {any[]}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public viewSelections:any[] = [];
+
+    /**
+     * 是否显示按钮
+     *
+     * @type {boolean}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    @Prop({default: true}) public isShowButton!: boolean;
+
+    /**
+     * 是否单选
+     *
+     * @type {boolean}
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public isSingleSelect: boolean = true;
+
+    /**
+     * 确定
+     *
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public onClickOk(): void {
+        this.$emit('viewdataschange', this.viewSelections);
+        this.$emit('close', null);
+    }
+
+    /**
+     * 取消
+     *
+     * @memberof IBIZSample0002PickupViewBase
+     */
+    public onClickCancel(): void {
+        this.$emit('viewdataschange', null);
+        this.$emit('close', null);
+    }
+
+}
+</script>
+
+<style lang='less'>
+@import './ibizsample0002-pickup-view.less';
+</style>
\ No newline at end of file

app_Web/src/pages/sample/ibizsample0002-pickup-view/ibizsample0002-pickup-view.less

+.ibizsample0002-pickup-view{
+    position: relative;
+}
+
+
+
+.pickup-view {
+    >.pickupviewpanel {
+        flex-grow: 1;
+        display: flex;
+        justify-content: flex-end;
+        height: calc(100% - 64px);
+    }
+    >.footer {
+        height: 64px;
+    }
+}
\ No newline at end of file

app_Web/src/pages/sample/ibizsample0002-pickup-view/ibizsample0002-pickup-view.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import IBIZSample0002PickupViewBase from './ibizsample0002-pickup-view-base.vue';
+
+import view_pickupviewpanel from '@widgets/ibizsample0002/pickup-viewpickupviewpanel-pickupviewpanel/pickup-viewpickupviewpanel-pickupviewpanel.vue';
+@Component({
+    components: {
+        view_pickupviewpanel, 
+    },
+    beforeRouteEnter: (to: any, from: any, next: any) => {
+        next((vm: any) => {
+            if(!Object.is(vm.navModel,"route")){
+                vm.initNavDataWithTab(vm.viewCacheData);
+            }
+            vm.$store.commit('addCurPageViewtag', { fullPath: to.fullPath, viewtag: vm.viewtag });
+        });
+    },
+})
+export default class IBIZSample0002PickupView extends IBIZSample0002PickupViewBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/pages/sample/index/page-register.ts

@@ -8,6 +8,7 @@ export const PageComponents = {
         Vue.component('ibizorder-sgrid-view', () => import('@pages/sample/ibizorder-sgrid-view/ibizorder-sgrid-view.vue'));
         Vue.component('ibizuniproduct-pickup-view', () => import('@pages/sample/ibizuniproduct-pickup-view/ibizuniproduct-pickup-view.vue'));
         Vue.component('ibizsample0001-sf4-edit-view', () => import('@pages/sample/ibizsample0001-sf4-edit-view/ibizsample0001-sf4-edit-view.vue'));
+        Vue.component('ibizsample0002-edit-view', () => import('@pages/sample/ibizsample0002-edit-view/ibizsample0002-edit-view.vue'));
         Vue.component('ibizsoftware-suit-sgrid-view', () => import('@pages/sample/ibizsoftware-suit-sgrid-view/ibizsoftware-suit-sgrid-view.vue'));
         Vue.component('ibizorder-bar-chart-view', () => import('@pages/sample/ibizorder-bar-chart-view/ibizorder-bar-chart-view.vue'));
         Vue.component('ibizsample0003-stree-exp-view2', () => import('@pages/sample/ibizsample0003-stree-exp-view2/ibizsample0003-stree-exp-view2.vue'));
@@ -21,12 +22,12 @@ export const PageComponents = {
         Vue.component('ibizuniproduct-pickup-grid-view', () => import('@pages/sample/ibizuniproduct-pickup-grid-view/ibizuniproduct-pickup-grid-view.vue'));
         Vue.component('ibizorder-odsp-wfexp-view', () => import('@pages/sample/ibizorder-odsp-wfexp-view/ibizorder-odsp-wfexp-view.vue'));
         Vue.component('ibizorder-detail-sgrid-view', () => import('@pages/sample/ibizorder-detail-sgrid-view/ibizorder-detail-sgrid-view.vue'));
+        Vue.component('ibizsample0002-pickup-grid-view', () => import('@pages/sample/ibizsample0002-pickup-grid-view/ibizsample0002-pickup-grid-view.vue'));
         Vue.component('ibizsoftware-suit-edit-view', () => import('@pages/sample/ibizsoftware-suit-edit-view/ibizsoftware-suit-edit-view.vue'));
         Vue.component('ibizorder-pickup-view', () => import('@pages/sample/ibizorder-pickup-view/ibizorder-pickup-view.vue'));
         Vue.component('ibizorder-sf4-grid-view', () => import('@pages/sample/ibizorder-sf4-grid-view/ibizorder-sf4-grid-view.vue'));
         Vue.component('ibizsample0003-grid-view', () => import('@pages/sample/ibizsample0003-grid-view/ibizsample0003-grid-view.vue'));
         Vue.component('ibizsample0003-sf4-edit-view', () => import('@pages/sample/ibizsample0003-sf4-edit-view/ibizsample0003-sf4-edit-view.vue'));
-        Vue.component('ibizsample0015-pickup-grid-view', () => import('@pages/sample/ibizsample0015-pickup-grid-view/ibizsample0015-pickup-grid-view.vue'));
         Vue.component('ibizorder-sf1-grid-view', () => import('@pages/sample/ibizorder-sf1-grid-view/ibizorder-sf1-grid-view.vue'));
         Vue.component('ibizsample0003-pickup-grid-view', () => import('@pages/sample/ibizsample0003-pickup-grid-view/ibizsample0003-pickup-grid-view.vue'));
         Vue.component('ibizsample0003-pickup-view', () => import('@pages/sample/ibizsample0003-pickup-view/ibizsample0003-pickup-view.vue'));
@@ -34,7 +35,6 @@ export const PageComponents = {
         Vue.component('ibizsample0017-form-pickup-data-view', () => import('@pages/sample/ibizsample0017-form-pickup-data-view/ibizsample0017-form-pickup-data-view.vue'));
         Vue.component('ibizorder-sf5-grid-view', () => import('@pages/sample/ibizorder-sf5-grid-view/ibizorder-sf5-grid-view.vue'));
         Vue.component('ibizcustomer-edit-view', () => import('@pages/sample/ibizcustomer-edit-view/ibizcustomer-edit-view.vue'));
-        Vue.component('ibizorder-type-pickup-grid-view', () => import('@pages/sample/ibizorder-type-pickup-grid-view/ibizorder-type-pickup-grid-view.vue'));
         Vue.component('ibizhardware-edit-view', () => import('@pages/sample/ibizhardware-edit-view/ibizhardware-edit-view.vue'));
         Vue.component('ibizorder-sedit-view2', () => import('@pages/sample/ibizorder-sedit-view2/ibizorder-sedit-view2.vue'));
         Vue.component('ibizsample0017-edit-view', () => import('@pages/sample/ibizsample0017-edit-view/ibizsample0017-edit-view.vue'));
@@ -54,13 +54,12 @@ export const PageComponents = {
         Vue.component('ibizorder-s2-edit-view', () => import('@pages/sample/ibizorder-s2-edit-view/ibizorder-s2-edit-view.vue'));
         Vue.component('ibizorder-sf4-edit-view', () => import('@pages/sample/ibizorder-sf4-edit-view/ibizorder-sf4-edit-view.vue'));
         Vue.component('ibizorder-sf1-edit-view', () => import('@pages/sample/ibizorder-sf1-edit-view/ibizorder-sf1-edit-view.vue'));
-        Vue.component('ibizsample0013-pickup-view', () => import('@pages/sample/ibizsample0013-pickup-view/ibizsample0013-pickup-view.vue'));
         Vue.component('ibizsample0017-grid-view', () => import('@pages/sample/ibizsample0017-grid-view/ibizsample0017-grid-view.vue'));
-        Vue.component('ibizorder-type-pickup-view', () => import('@pages/sample/ibizorder-type-pickup-view/ibizorder-type-pickup-view.vue'));
         Vue.component('ibizorder-f8-edit-view', () => import('@pages/sample/ibizorder-f8-edit-view/ibizorder-f8-edit-view.vue'));
         Vue.component('ibizsample0003-f1-tree-exp-view', () => import('@pages/sample/ibizsample0003-f1-tree-exp-view/ibizsample0003-f1-tree-exp-view.vue'));
         Vue.component('ibizorder-f19-edit-view', () => import('@pages/sample/ibizorder-f19-edit-view/ibizorder-f19-edit-view.vue'));
         Vue.component('ibizsample0017-f10-edit-view', () => import('@pages/sample/ibizsample0017-f10-edit-view/ibizsample0017-f10-edit-view.vue'));
+        Vue.component('ibizsample0002-pickup-view', () => import('@pages/sample/ibizsample0002-pickup-view/ibizsample0002-pickup-view.vue'));
         Vue.component('ibizuniproduct-edit-view', () => import('@pages/sample/ibizuniproduct-edit-view/ibizuniproduct-edit-view.vue'));
         Vue.component('ibizbookdata-view', () => import('@pages/sample/ibizbookdata-view/ibizbookdata-view.vue'));
         Vue.component('ibizcustomer-pickup-view', () => import('@pages/sample/ibizcustomer-pickup-view/ibizcustomer-pickup-view.vue'));
@@ -70,7 +69,6 @@ export const PageComponents = {
         Vue.component('ibizorder-detail-sgrid-view9', () => import('@pages/sample/ibizorder-detail-sgrid-view9/ibizorder-detail-sgrid-view9.vue'));
         Vue.component('ibizuniproduct-sgrid-view', () => import('@pages/sample/ibizuniproduct-sgrid-view/ibizuniproduct-sgrid-view.vue'));
         Vue.component('ibizsample0003-f3-tree-exp-view', () => import('@pages/sample/ibizsample0003-f3-tree-exp-view/ibizsample0003-f3-tree-exp-view.vue'));
-        Vue.component('ibizsample0017-pickup-view', () => import('@pages/sample/ibizsample0017-pickup-view/ibizsample0017-pickup-view.vue'));
         Vue.component('ibizorder-detail-sf1-edit-view', () => import('@pages/sample/ibizorder-detail-sf1-edit-view/ibizorder-detail-sf1-edit-view.vue'));
         Vue.component('ibizorder-odsp-d30-wfgrid-view', () => import('@pages/sample/ibizorder-odsp-d30-wfgrid-view/ibizorder-odsp-d30-wfgrid-view.vue'));
         Vue.component('ibizorder-area-chart-view', () => import('@pages/sample/ibizorder-area-chart-view/ibizorder-area-chart-view.vue'));
@@ -119,9 +117,7 @@ export const PageComponents = {
         Vue.component('ibizorder-radar-chart-view', () => import('@pages/sample/ibizorder-radar-chart-view/ibizorder-radar-chart-view.vue'));
         Vue.component('ibizbookupdate-default-grid-view', () => import('@pages/sample/ibizbookupdate-default-grid-view/ibizbookupdate-default-grid-view.vue'));
         Vue.component('ibizsample0003-stab-exp-view', () => import('@pages/sample/ibizsample0003-stab-exp-view/ibizsample0003-stab-exp-view.vue'));
-        Vue.component('ibizsample0017-pickup-grid-view', () => import('@pages/sample/ibizsample0017-pickup-grid-view/ibizsample0017-pickup-grid-view.vue'));
         Vue.component('ibizbookauto-group-list-view', () => import('@pages/sample/ibizbookauto-group-list-view/ibizbookauto-group-list-view.vue'));
-        Vue.component('ibizsample0013-pickup-grid-view', () => import('@pages/sample/ibizsample0013-pickup-grid-view/ibizsample0013-pickup-grid-view.vue'));
         Vue.component('ibizsample0003-sf5-edit-view', () => import('@pages/sample/ibizsample0003-sf5-edit-view/ibizsample0003-sf5-edit-view.vue'));
         Vue.component('ibizuniproduct-grid-view9', () => import('@pages/sample/ibizuniproduct-grid-view9/ibizuniproduct-grid-view9.vue'));
         Vue.component('ibizuniproduct-index-pickup-data-view', () => import('@pages/sample/ibizuniproduct-index-pickup-data-view/ibizuniproduct-index-pickup-data-view.vue'));

app_Web/src/pages/sample/index/router.ts

@@ -177,6 +177,20 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizsample0001-sf4-edit-view/ibizsample0001-sf4-edit-view.vue'),
                 },
+                {
+                    path: 'ibizsample0002s/:ibizsample0002?/editview/:editview?',
+                    meta: {
+                        caption: 'entities.ibizsample0002.views.editview.caption',
+                        info:'',
+                        parameters: [
+                            { pathName: 'index', parameterName: 'index' },
+                            { pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' },
+                            { pathName: 'editview', parameterName: 'editview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sample/ibizsample0002-edit-view/ibizsample0002-edit-view.vue'),
+                },
                 {
                     path: 'ibizsoftwaresuits/:ibizsoftwaresuit?/sgridview/:sgridview?',
                     meta: {
@@ -374,6 +388,20 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizorder-detail-sgrid-view/ibizorder-detail-sgrid-view.vue'),
                 },
+                {
+                    path: 'ibizsample0002s/:ibizsample0002?/pickupgridview/:pickupgridview?',
+                    meta: {
+                        caption: 'entities.ibizsample0002.views.pickupgridview.caption',
+                        info:'',
+                        parameters: [
+                            { pathName: 'index', parameterName: 'index' },
+                            { pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' },
+                            { pathName: 'pickupgridview', parameterName: 'pickupgridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sample/ibizsample0002-pickup-grid-view/ibizsample0002-pickup-grid-view.vue'),
+                },
                 {
                     path: 'ibizsoftwaresuits/:ibizsoftwaresuit?/editview/:editview?',
                     meta: {
@@ -444,20 +472,6 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizsample0003-sf4-edit-view/ibizsample0003-sf4-edit-view.vue'),
                 },
-                {
-                    path: 'ibizsample0015s/:ibizsample0015?/pickupgridview/:pickupgridview?',
-                    meta: {
-                        caption: 'entities.ibizsample0015.views.pickupgridview.caption',
-                        info:'',
-                        parameters: [
-                            { pathName: 'index', parameterName: 'index' },
-                            { pathName: 'ibizsample0015s', parameterName: 'ibizsample0015' },
-                            { pathName: 'pickupgridview', parameterName: 'pickupgridview' },
-                        ],
-                        requireAuth: true,
-                    },
-                    component: () => import('@pages/sample/ibizsample0015-pickup-grid-view/ibizsample0015-pickup-grid-view.vue'),
-                },
                 {
                     path: 'ibizorders/:ibizorder?/sf1gridview/:sf1gridview?',
                     meta: {
@@ -556,20 +570,6 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizcustomer-edit-view/ibizcustomer-edit-view.vue'),
                 },
-                {
-                    path: 'ibizordertypes/:ibizordertype?/pickupgridview/:pickupgridview?',
-                    meta: {
-                        caption: 'entities.ibizordertype.views.pickupgridview.caption',
-                        info:'',
-                        parameters: [
-                            { pathName: 'index', parameterName: 'index' },
-                            { pathName: 'ibizordertypes', parameterName: 'ibizordertype' },
-                            { pathName: 'pickupgridview', parameterName: 'pickupgridview' },
-                        ],
-                        requireAuth: true,
-                    },
-                    component: () => import('@pages/sample/ibizorder-type-pickup-grid-view/ibizorder-type-pickup-grid-view.vue'),
-                },
                 {
                     path: 'ibizhardwares/:ibizhardware?/editview/:editview?',
                     meta: {
@@ -836,20 +836,6 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizorder-sf1-edit-view/ibizorder-sf1-edit-view.vue'),
                 },
-                {
-                    path: 'ibizsample0013s/:ibizsample0013?/pickupview/:pickupview?',
-                    meta: {
-                        caption: 'entities.ibizsample0013.views.pickupview.caption',
-                        info:'',
-                        parameters: [
-                            { pathName: 'index', parameterName: 'index' },
-                            { pathName: 'ibizsample0013s', parameterName: 'ibizsample0013' },
-                            { pathName: 'pickupview', parameterName: 'pickupview' },
-                        ],
-                        requireAuth: true,
-                    },
-                    component: () => import('@pages/sample/ibizsample0013-pickup-view/ibizsample0013-pickup-view.vue'),
-                },
                 {
                     path: 'ibizsample0017s/:ibizsample0017?/gridview/:gridview?',
                     meta: {
@@ -864,20 +850,6 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizsample0017-grid-view/ibizsample0017-grid-view.vue'),
                 },
-                {
-                    path: 'ibizordertypes/:ibizordertype?/pickupview/:pickupview?',
-                    meta: {
-                        caption: 'entities.ibizordertype.views.pickupview.caption',
-                        info:'',
-                        parameters: [
-                            { pathName: 'index', parameterName: 'index' },
-                            { pathName: 'ibizordertypes', parameterName: 'ibizordertype' },
-                            { pathName: 'pickupview', parameterName: 'pickupview' },
-                        ],
-                        requireAuth: true,
-                    },
-                    component: () => import('@pages/sample/ibizorder-type-pickup-view/ibizorder-type-pickup-view.vue'),
-                },
                 {
                     path: 'ibizorders/:ibizorder?/f8editview/:f8editview?',
                     meta: {
@@ -934,6 +906,20 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizsample0017-f10-edit-view/ibizsample0017-f10-edit-view.vue'),
                 },
+                {
+                    path: 'ibizsample0002s/:ibizsample0002?/pickupview/:pickupview?',
+                    meta: {
+                        caption: 'entities.ibizsample0002.views.pickupview.caption',
+                        info:'',
+                        parameters: [
+                            { pathName: 'index', parameterName: 'index' },
+                            { pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' },
+                            { pathName: 'pickupview', parameterName: 'pickupview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sample/ibizsample0002-pickup-view/ibizsample0002-pickup-view.vue'),
+                },
                 {
                     path: 'ibizuniproducts/:ibizuniproduct?/editview/:editview?',
                     meta: {
@@ -1060,20 +1046,6 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizsample0003-f3-tree-exp-view/ibizsample0003-f3-tree-exp-view.vue'),
                 },
-                {
-                    path: 'ibizsample0017s/:ibizsample0017?/pickupview/:pickupview?',
-                    meta: {
-                        caption: 'entities.ibizsample0017.views.pickupview.caption',
-                        info:'',
-                        parameters: [
-                            { pathName: 'index', parameterName: 'index' },
-                            { pathName: 'ibizsample0017s', parameterName: 'ibizsample0017' },
-                            { pathName: 'pickupview', parameterName: 'pickupview' },
-                        ],
-                        requireAuth: true,
-                    },
-                    component: () => import('@pages/sample/ibizsample0017-pickup-view/ibizsample0017-pickup-view.vue'),
-                },
                 {
                     path: 'ibizorderdetails/:ibizorderdetail?/sf1editview/:sf1editview?',
                     meta: {
@@ -1761,20 +1733,6 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizsample0003-stab-exp-view/ibizsample0003-stab-exp-view.vue'),
                 },
-                {
-                    path: 'ibizsample0017s/:ibizsample0017?/pickupgridview/:pickupgridview?',
-                    meta: {
-                        caption: 'entities.ibizsample0017.views.pickupgridview.caption',
-                        info:'',
-                        parameters: [
-                            { pathName: 'index', parameterName: 'index' },
-                            { pathName: 'ibizsample0017s', parameterName: 'ibizsample0017' },
-                            { pathName: 'pickupgridview', parameterName: 'pickupgridview' },
-                        ],
-                        requireAuth: true,
-                    },
-                    component: () => import('@pages/sample/ibizsample0017-pickup-grid-view/ibizsample0017-pickup-grid-view.vue'),
-                },
                 {
                     path: 'ibizbooks/:ibizbook?/autogrouplistview/:autogrouplistview?',
                     meta: {
@@ -1789,20 +1747,6 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizbookauto-group-list-view/ibizbookauto-group-list-view.vue'),
                 },
-                {
-                    path: 'ibizsample0013s/:ibizsample0013?/pickupgridview/:pickupgridview?',
-                    meta: {
-                        caption: 'entities.ibizsample0013.views.pickupgridview.caption',
-                        info:'',
-                        parameters: [
-                            { pathName: 'index', parameterName: 'index' },
-                            { pathName: 'ibizsample0013s', parameterName: 'ibizsample0013' },
-                            { pathName: 'pickupgridview', parameterName: 'pickupgridview' },
-                        ],
-                        requireAuth: true,
-                    },
-                    component: () => import('@pages/sample/ibizsample0013-pickup-grid-view/ibizsample0013-pickup-grid-view.vue'),
-                },
                 {
                     path: 'ibizsample0003s/:ibizsample0003?/sf5editview/:sf5editview?',
                     meta: {
@@ -1874,19 +1818,6 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizorder-detail-smedit-view9/ibizorder-detail-smedit-view9.vue'),
     },
-    {
-        path: '/ibizordertypes/:ibizordertype?/pickupview/:pickupview?',
-        meta: {
-            caption: 'entities.ibizordertype.views.pickupview.caption',
-            info:'',
-            parameters: [
-                { pathName: 'ibizordertypes', parameterName: 'ibizordertype' },
-                { pathName: 'pickupview', parameterName: 'pickupview' },
-            ],
-            requireAuth: true,
-        },
-        component: () => import('@pages/sample/ibizorder-type-pickup-view/ibizorder-type-pickup-view.vue'),
-    },
     {
         path: '/ibizsample0018s/:ibizsample0018?/gridview/:gridview?',
         meta: {
@@ -2163,30 +2094,17 @@ const router = new Router({
         component: () => import('@pages/sample/ibizorder-f13-edit-view/ibizorder-f13-edit-view.vue'),
     },
     {
-        path: '/ibizsample0017s/:ibizsample0017?/pickupview/:pickupview?',
-        meta: {
-            caption: 'entities.ibizsample0017.views.pickupview.caption',
-            info:'',
-            parameters: [
-                { pathName: 'ibizsample0017s', parameterName: 'ibizsample0017' },
-                { pathName: 'pickupview', parameterName: 'pickupview' },
-            ],
-            requireAuth: true,
-        },
-        component: () => import('@pages/sample/ibizsample0017-pickup-view/ibizsample0017-pickup-view.vue'),
-    },
-    {
-        path: '/ibizordertypes/:ibizordertype?/pickupgridview/:pickupgridview?',
+        path: '/ibizsample0002s/:ibizsample0002?/editview/:editview?',
         meta: {
-            caption: 'entities.ibizordertype.views.pickupgridview.caption',
+            caption: 'entities.ibizsample0002.views.editview.caption',
             info:'',
             parameters: [
-                { pathName: 'ibizordertypes', parameterName: 'ibizordertype' },
-                { pathName: 'pickupgridview', parameterName: 'pickupgridview' },
+                { pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' },
+                { pathName: 'editview', parameterName: 'editview' },
             ],
             requireAuth: true,
         },
-        component: () => import('@pages/sample/ibizorder-type-pickup-grid-view/ibizorder-type-pickup-grid-view.vue'),
+        component: () => import('@pages/sample/ibizsample0002-edit-view/ibizsample0002-edit-view.vue'),
     },
     {
         path: '/ibizorders/:ibizorder?/odsp_d20_wfgridview/:odsp_d20_wfgridview?',
@@ -2357,19 +2275,6 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizorder-detail-grid-view/ibizorder-detail-grid-view.vue'),
     },
-    {
-        path: '/ibizsample0017s/:ibizsample0017?/pickupgridview/:pickupgridview?',
-        meta: {
-            caption: 'entities.ibizsample0017.views.pickupgridview.caption',
-            info:'',
-            parameters: [
-                { pathName: 'ibizsample0017s', parameterName: 'ibizsample0017' },
-                { pathName: 'pickupgridview', parameterName: 'pickupgridview' },
-            ],
-            requireAuth: true,
-        },
-        component: () => import('@pages/sample/ibizsample0017-pickup-grid-view/ibizsample0017-pickup-grid-view.vue'),
-    },
     {
         path: '/ibizsample0017s/:ibizsample0017?/editview/:editview?',
         meta: {
@@ -2448,6 +2353,19 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizorder-detail-sedit-view9/ibizorder-detail-sedit-view9.vue'),
     },
+    {
+        path: '/ibizsample0002s/:ibizsample0002?/pickupview/:pickupview?',
+        meta: {
+            caption: 'entities.ibizsample0002.views.pickupview.caption',
+            info:'',
+            parameters: [
+                { pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' },
+                { pathName: 'pickupview', parameterName: 'pickupview' },
+            ],
+            requireAuth: true,
+        },
+        component: () => import('@pages/sample/ibizsample0002-pickup-view/ibizsample0002-pickup-view.vue'),
+    },
     {
         path: '/ibizsample0003s/:ibizsample0003?/f4treeexpview/:f4treeexpview?',
         meta: {
@@ -2605,6 +2523,19 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizstorage-edit-view/ibizstorage-edit-view.vue'),
     },
+    {
+        path: '/ibizsample0002s/:ibizsample0002?/pickupgridview/:pickupgridview?',
+        meta: {
+            caption: 'entities.ibizsample0002.views.pickupgridview.caption',
+            info:'',
+            parameters: [
+                { pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' },
+                { pathName: 'pickupgridview', parameterName: 'pickupgridview' },
+            ],
+            requireAuth: true,
+        },
+        component: () => import('@pages/sample/ibizsample0002-pickup-grid-view/ibizsample0002-pickup-grid-view.vue'),
+    },
     {
         path: '/ibizorders/:ibizorder?/sgridview/:sgridview?',
         meta: {
@@ -2631,19 +2562,6 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizorder-bar-chart-view/ibizorder-bar-chart-view.vue'),
     },
-    {
-        path: '/ibizsample0013s/:ibizsample0013?/pickupgridview/:pickupgridview?',
-        meta: {
-            caption: 'entities.ibizsample0013.views.pickupgridview.caption',
-            info:'',
-            parameters: [
-                { pathName: 'ibizsample0013s', parameterName: 'ibizsample0013' },
-                { pathName: 'pickupgridview', parameterName: 'pickupgridview' },
-            ],
-            requireAuth: true,
-        },
-        component: () => import('@pages/sample/ibizsample0013-pickup-grid-view/ibizsample0013-pickup-grid-view.vue'),
-    },
     {
         path: '/ibizuniproducts/:ibizuniproduct?/pickupgridview/:pickupgridview?',
         meta: {
@@ -2787,19 +2705,6 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizbookusr4-grid-view/ibizbookusr4-grid-view.vue'),
     },
-    {
-        path: '/ibizsample0015s/:ibizsample0015?/pickupgridview/:pickupgridview?',
-        meta: {
-            caption: 'entities.ibizsample0015.views.pickupgridview.caption',
-            info:'',
-            parameters: [
-                { pathName: 'ibizsample0015s', parameterName: 'ibizsample0015' },
-                { pathName: 'pickupgridview', parameterName: 'pickupgridview' },
-            ],
-            requireAuth: true,
-        },
-        component: () => import('@pages/sample/ibizsample0015-pickup-grid-view/ibizsample0015-pickup-grid-view.vue'),
-    },
     {
         path: '/ibizsample0014s/:ibizsample0014?/gridview/:gridview?',
         meta: {
@@ -3165,19 +3070,6 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizsoftware-suit-sgrid-view/ibizsoftware-suit-sgrid-view.vue'),
     },
-    {
-        path: '/ibizsample0013s/:ibizsample0013?/pickupview/:pickupview?',
-        meta: {
-            caption: 'entities.ibizsample0013.views.pickupview.caption',
-            info:'',
-            parameters: [
-                { pathName: 'ibizsample0013s', parameterName: 'ibizsample0013' },
-                { pathName: 'pickupview', parameterName: 'pickupview' },
-            ],
-            requireAuth: true,
-        },
-        component: () => import('@pages/sample/ibizsample0013-pickup-view/ibizsample0013-pickup-view.vue'),
-    },
     {
         path: '/ibizorderdetails/:ibizorderdetail?/f6gridview/:f6gridview?',
         meta: {

app_Web/src/store/modules/view-action/state.ts

@@ -25,16 +25,6 @@ export const viewstate: any = {
                 '55c0b817ceaaa2894e76b510d94da24c',
             ],
         },
-        {
-            viewtag: '03c54f13883f56a08229c1a2db6a283f',
-            viewmodule: 'Sample',
-            viewname: 'IBIZOrderTypePickupView',
-            viewaction: '',
-            viewdatachange: false,
-            refviews: [
-                '31b21893ee8c5d0d9922c324daa524fd',
-            ],
-        },
         {
             viewtag: '06f6c93b65230d180597e6bd32051447',
             viewmodule: 'Sample',
@@ -52,10 +42,8 @@ export const viewstate: any = {
             viewaction: '',
             viewdatachange: false,
             refviews: [
-                '03c54f13883f56a08229c1a2db6a283f',
-                '9ca3b289765416a9d9f35ab0ead5a954',
-                'ca4d303820103b229490282d1d850702',
-                '3169df07474ba775203f9635eb0e9b9a',
+                '2dd64fdd5e7303cc73090d949bc91d9b',
+                '581e6727bc5983c238cc9990ba5fdcac',
             ],
         },
         {
@@ -300,19 +288,9 @@ export const viewstate: any = {
             ],
         },
         {
-            viewtag: '3169df07474ba775203f9635eb0e9b9a',
-            viewmodule: 'Sample',
-            viewname: 'IBIZSample0017PickupView',
-            viewaction: '',
-            viewdatachange: false,
-            refviews: [
-                '4eb5a5f5e8814b94e51a68cf752d2907',
-            ],
-        },
-        {
-            viewtag: '31b21893ee8c5d0d9922c324daa524fd',
+            viewtag: '2dd64fdd5e7303cc73090d949bc91d9b',
             viewmodule: 'Sample',
-            viewname: 'IBIZOrderTypePickupGridView',
+            viewname: 'IBIZSample0002EditView',
             viewaction: '',
             viewdatachange: false,
             refviews: [
@@ -449,15 +427,6 @@ export const viewstate: any = {
                 'c153da73d5d5b62475f4213de51a25e0',
             ],
         },
-        {
-            viewtag: '4eb5a5f5e8814b94e51a68cf752d2907',
-            viewmodule: 'Sample',
-            viewname: 'IBIZSample0017PickupGridView',
-            viewaction: '',
-            viewdatachange: false,
-            refviews: [
-            ],
-        },
         {
             viewtag: '4f314340a9325fb84709f24d317afb20',
             viewmodule: 'Sample',
@@ -516,6 +485,16 @@ export const viewstate: any = {
                 'ec6cfd868c34a036250a813b24068519',
             ],
         },
+        {
+            viewtag: '581e6727bc5983c238cc9990ba5fdcac',
+            viewmodule: 'Sample',
+            viewname: 'IBIZSample0002PickupView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+                '7a334494f71d4328c743657a6429ee03',
+            ],
+        },
         {
             viewtag: '59c5d311d09a7f68f8b6962ca652374a',
             viewmodule: 'Sample',
@@ -625,28 +604,28 @@ export const viewstate: any = {
             ],
         },
         {
-            viewtag: '7a8b6138e5893e7aba3b1a5deb3b3036',
+            viewtag: '7a334494f71d4328c743657a6429ee03',
             viewmodule: 'Sample',
-            viewname: 'IBIZOrderSGridView',
+            viewname: 'IBIZSample0002PickupGridView',
             viewaction: '',
             viewdatachange: false,
             refviews: [
-                'f4cda6703c800c075704c5af5e58f2fc',
             ],
         },
         {
-            viewtag: '7d37165f2f535b4a6d2116188fe83d18',
+            viewtag: '7a8b6138e5893e7aba3b1a5deb3b3036',
             viewmodule: 'Sample',
-            viewname: 'IBIZOrderBarChartView',
+            viewname: 'IBIZOrderSGridView',
             viewaction: '',
             viewdatachange: false,
             refviews: [
+                'f4cda6703c800c075704c5af5e58f2fc',
             ],
         },
         {
-            viewtag: '8084d2af7c28ec941796eee0b810cc6e',
+            viewtag: '7d37165f2f535b4a6d2116188fe83d18',
             viewmodule: 'Sample',
-            viewname: 'IBIZSample0013PickupGridView',
+            viewname: 'IBIZOrderBarChartView',
             viewaction: '',
             viewdatachange: false,
             refviews: [
@@ -767,15 +746,6 @@ export const viewstate: any = {
                 'b3429ecc4d89a02bc5f5279f1bd7f620',
             ],
         },
-        {
-            viewtag: '9ca3b289765416a9d9f35ab0ead5a954',
-            viewmodule: 'Sample',
-            viewname: 'IBIZSample0015PickupGridView',
-            viewaction: '',
-            viewdatachange: false,
-            refviews: [
-            ],
-        },
         {
             viewtag: '9d52aff477cf38e1d92ac24cd4a08c20',
             viewmodule: 'Sample',
@@ -1052,16 +1022,6 @@ export const viewstate: any = {
                 '54c2461e07dd79fdbecc2c1e3aec8096',
             ],
         },
-        {
-            viewtag: 'ca4d303820103b229490282d1d850702',
-            viewmodule: 'Sample',
-            viewname: 'IBIZSample0013PickupView',
-            viewaction: '',
-            viewdatachange: false,
-            refviews: [
-                '8084d2af7c28ec941796eee0b810cc6e',
-            ],
-        },
         {
             viewtag: 'd1ee943cf3137dc4d57ad59aa8c4b8cb',
             viewmodule: 'Sample',

app_Web/src/widgets/ibizbook/usr-dataview/usr-dataview-base.vue

+<template>
+    <div class="app-data-view">
+        <div class="bar-container">
+          <row class="page-sort-bar" :gutter="10" type="flex" justify="start" style="margin:0px;" >
+            <i-col :class="getsortClass('author')" @click.native="sortClick('author')">
+              <span class="sort-field-text">{{$t('entities.ibizbook.fields.author')}}</span>
+              <span class="caret-wrapper">
+                <Icon type="md-arrow-dropup" />
+                <Icon type="md-arrow-dropdown" />
+              </span>
+            </i-col>
+            <i-col :class="getsortClass('ibizbookname')" @click.native="sortClick('ibizbookname')">
+              <span class="sort-field-text">{{$t('entities.ibizbook.fields.ibizbookname')}}</span>
+              <span class="caret-wrapper">
+                <Icon type="md-arrow-dropup" />
+                <Icon type="md-arrow-dropdown" />
+              </span>
+            </i-col>
+            <i-col :class="getsortClass('type')" @click.native="sortClick('type')">
+              <span class="sort-field-text">{{$t('entities.ibizbook.fields.type')}}</span>
+              <span class="caret-wrapper">
+                <Icon type="md-arrow-dropup" />
+                <Icon type="md-arrow-dropdown" />
+              </span>
+            </i-col>
+            <i-col :class="getsortClass('ibizbookname')" @click.native="sortClick('ibizbookname')">
+              <span class="sort-field-text">{{$t('entities.ibizbook.fields.ibizbookname')}}</span>
+              <span class="caret-wrapper">
+                <Icon type="md-arrow-dropup" />
+                <Icon type="md-arrow-dropdown" />
+              </span>
+            </i-col>
+          </row>
+        </div>
+        <row class="data-view-container" v-if="items.length > 0" :gutter="20" type="flex" justify="start" style="margin:0px;">
+            <el-collapse>
+                <el-collapse-item v-for="(group,index) in groupData" :key="index">
+                    <template slot="title">
+                    <div style="margin: 0 0 0 12px;"><b>{{group.group}}</b></div>
+                    </template>
+                    <div v-if="group.children.length > 0">
+                        <a v-for="(item,i) in group.children" :key="i" :href="item.starturl">
+                            <i-col  style="min-height: 170px;margin-bottom: 10px;">
+                                <el-card shadow="always" :class="[ item.isselected === true ? 'isselected' : false, 'single-card-data' ]" @click.native="handleClick(item)" @dblclick.native="handleDblClick(item)">
+                                    <div class="data-view-item">
+                                        <img v-if="item.srficonpath" :src="item.srficonpath" class="single-card-img" />
+                                        <img v-else src="/assets/img/noimage.png" class="single-card-img" />
+                                        <div class="single-card-default">
+                                            <Tooltip :content="item.srfmajortext">
+                                            {{item.srfmajortext}}
+                                            </Tooltip>
+                                        </div>
+                                    </div>
+                                    <div class="data-view-item-action">
+                                        <template v-for="(action,index) in Object.keys(ActionModel)">
+                                            <button type="info" :key="index" @click="uiAction(item, action, $event)">
+                                                <i :class="ActionModel[action].icon" style="margin-right:2px;"></i>
+                                                <span>{{ActionModel[action].caption}}</span>
+                                            </button>
+                                        </template>
+                                    </div>
+                                </el-card>
+                            </i-col>
+                        </a>
+                    </div>
+                    <div v-else style="text-align: center;">
+                        {{ $t('entities.ibizbook.usr_dataview.nodata') }}
+                    </div>
+                </el-collapse-item>
+            </el-collapse>
+        </row>
+        <div v-else class="app-data-empty">
+        {{ $t('entities.ibizbook.usr_dataview.nodata') }}
+            <span class="quick-toolbar">
+                            <div class='toolbar-container'>
+                <tooltip :transfer="true" :max-width="600">
+                        <i-button v-show="dataviewdataview_quicktoolbarModels.deuiaction1.visabled" :disabled="dataviewdataview_quicktoolbarModels.deuiaction1.disabled" class='' @click="dataview_quicktoolbar_click({ tag: 'deuiaction1' }, $event)">
+                            <i class='fa fa-file-text-o'></i>
+                            <span class='caption'>{{$t('entities.ibizbook.dataviewdataview_quicktoolbar_toolbar.deuiaction1.caption')}}</span>
+                        </i-button>
+                    <div slot='content'>{{$t('entities.ibizbook.dataviewdataview_quicktoolbar_toolbar.deuiaction1.tip')}}</div>
+                </tooltip>
+            </div>
+            </span>
+        </div>
+        <el-backtop target=".content-container .app-data-view"></el-backtop>
+    <row class='dataview-pagination'>
+        <div v-show="flag" class="batch-toolbar">
+                    <div class='toolbar-container'>
+                <tooltip :transfer="true" :max-width="600">
+                        <i-button v-show="dataviewdataview_batchtoolbarModels.deuiaction1.visabled" :disabled="dataviewdataview_batchtoolbarModels.deuiaction1.disabled" class='' @click="dataview_batchtoolbar_click({ tag: 'deuiaction1' }, $event)">
+                            <i class='fa fa-edit'></i>
+                            <span class='caption'>{{$t('entities.ibizbook.dataviewdataview_batchtoolbar_toolbar.deuiaction1.caption')}}</span>
+                        </i-button>
+                    <div slot='content'>{{$t('entities.ibizbook.dataviewdataview_batchtoolbar_toolbar.deuiaction1.tip')}}</div>
+                </tooltip>
+                <tooltip :transfer="true" :max-width="600">
+                        <i-button v-show="dataviewdataview_batchtoolbarModels.deuiaction2.visabled" :disabled="dataviewdataview_batchtoolbarModels.deuiaction2.disabled" class='' @click="dataview_batchtoolbar_click({ tag: 'deuiaction2' }, $event)">
+                            <i class='fa fa-remove'></i>
+                            <span class='caption'>{{$t('entities.ibizbook.dataviewdataview_batchtoolbar_toolbar.deuiaction2.caption')}}</span>
+                        </i-button>
+                    <div slot='content'>{{$t('entities.ibizbook.dataviewdataview_batchtoolbar_toolbar.deuiaction2.tip')}}</div>
+                </tooltip>
+            </div>
+        </div>
+        <div class="dataview-pagination-icon">
+            <Icon type="md-code-working" @click="onClick"/>
+        </div>
+    </row>
+  </div>
+</template>
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch, Model,Inject } from 'vue-property-decorator';
+import { CreateElement } from 'vue';
+import { Subject, Subscription } from 'rxjs';
+import { ControlInterface } from '@/interface/control';
+import { UIActionTool,Util,ViewTool } from '@/utils';
+import NavDataService from '@/service/app/navdata-service';
+import AppCenterService from "@service/app/app-center-service";
+import IBIZBOOKService from '@/service/ibizbook/ibizbook-service';
+import UsrService from './usr-dataview-service';
+import IBIZBOOKUIService from '@/uiservice/ibizbook/ibizbook-ui-service';
+import CodeListService from "@/codelist/codelist-service";
+
+
+@Component({
+    components: {
+      
+    }
+})
+export default class UsrBase extends Vue implements ControlInterface {
+
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof UsrBase
+     */
+    @Prop() public name?: string;
+
+    /**
+     * 视图通讯对象
+     *
+     * @type {Subject<ViewState>}
+     * @memberof UsrBase
+     */
+    @Prop() public viewState!: Subject<ViewState>;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof UsrBase
+     */
+    @Prop() public context: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof UsrBase
+     */
+    @Prop() public viewparams: any;
+
+    /**
+     * 视图状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof UsrBase
+     */
+    public viewStateEvent: Subscription | undefined;
+
+    /**
+     * 获取部件类型
+     *
+     * @returns {string}
+     * @memberof UsrBase
+     */
+    public getControlType(): string {
+        return 'DATAVIEW'
+    }
+
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @type {Array<*>}
+     * @memberof UsrBase
+     */    
+    public counterServiceArray:Array<any> = [];
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {UsrService}
+     * @memberof UsrBase
+     */
+    public service: UsrService = new UsrService({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {IBIZBOOKService}
+     * @memberof UsrBase
+     */
+    public appEntityService: IBIZBOOKService = new IBIZBOOKService({ $store: this.$store });
+
+    /**
+     * dataview_batchtoolbar 部件 click 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof UsrBase
+     */
+    public dataview_batchtoolbar_click($event: any, $event2?: any) {
+        if (Object.is($event.tag, 'deuiaction1')) {
+            this.dataview_batchtoolbar_deuiaction1_click(null, 'dataview_batchtoolbar', $event2);
+        }
+        if (Object.is($event.tag, 'deuiaction2')) {
+            this.dataview_batchtoolbar_deuiaction2_click(null, 'dataview_batchtoolbar', $event2);
+        }
+    }
+
+    /**
+     * dataview_quicktoolbar 部件 click 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof UsrBase
+     */
+    public dataview_quicktoolbar_click($event: any, $event2?: any) {
+        if (Object.is($event.tag, 'deuiaction1')) {
+            this.dataview_quicktoolbar_deuiaction1_click(null, 'dataview_quicktoolbar', $event2);
+        }
+    }
+    
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public dataview_quicktoolbar_deuiaction1_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this;
+        if (_this.getDatas && _this.getDatas instanceof Function) {
+            datas = [..._this.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.New(datas, contextJO,paramJO,  $event, xData,this,"IBIZBOOK");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public dataview_batchtoolbar_deuiaction1_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this;
+        if (_this.getDatas && _this.getDatas instanceof Function) {
+            datas = [..._this.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Edit(datas, contextJO,paramJO,  $event, xData,this,"IBIZBOOK");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public dataview_batchtoolbar_deuiaction2_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this;
+        if (_this.getDatas && _this.getDatas instanceof Function) {
+            datas = [..._this.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Remove(datas, contextJO,paramJO,  $event, xData,this,"IBIZBOOK");
+    }
+
+    /**
+     * 新建
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof IBIZBOOKDataViewBase
+     */
+    public New(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+         const _this: any = this;
+        if (_this.newdata && _this.newdata instanceof Function) {
+            const data: any = {};
+            _this.newdata([{ ...data }],[{ ...data }], params, $event, xData);
+        } else {
+            _this.$Notice.error({ title: '错误', desc: 'newdata 视图处理逻辑不存在，请添加!' });
+        }
+    }
+    /**
+     * 编辑
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof IBIZBOOKDataViewBase
+     */
+    public Edit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        if (args.length === 0) {
+            return;
+        }
+        const _this: any = this;
+        if (_this.opendata && _this.opendata instanceof Function) {
+            const data: any = { };
+            if (args.length > 0) {
+                Object.assign(data, { ibizbook: args[0].ibizbook })
+            }
+            _this.opendata([{ ...data }], params, $event, xData);
+        } else {
+            _this.$Notice.error({ title: '错误', desc: 'opendata 视图处理逻辑不存在，请添加!' });
+        }
+    }
+    /**
+     * 批量删除
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof IBIZBOOKDataViewBase
+     */
+    public Remove(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (!xData || !(xData.remove instanceof Function)) {
+            return ;
+        }
+        xData.remove(args);
+    }
+
+
+    /**
+     * 转化数据
+     *
+     * @param {any} args
+     * @memberof  UsrBase
+     */
+    public transformData(args: any) {
+        let _this: any = this;
+        if(_this.service && _this.service.handleRequestData instanceof Function && _this.service.handleRequestData('transform',_this.context,args)){
+            return _this.service.handleRequestData('transform',_this.context,args)['data'];
+        }
+    }
+
+    /**
+     * 关闭视图
+     *
+     * @param {any} args
+     * @memberof UsrBase
+     */
+    public closeView(args: any): void {
+        let _this: any = this;
+        _this.$emit('closeview', [args]);
+    }
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof UsrBase
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+
+    /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof UsrBase
+     */
+    public getDatas(): any[] {
+        return this.selections;
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof UsrBase
+     */
+    public getData(): any {
+        return null;
+    }
+
+    /**
+     * 是否默认选中第一条数据
+     *
+     * @type {boolean}
+     * @memberof UsrBase
+     */
+    @Prop({ default: false }) public isSelectFirstDefault!: boolean;
+
+    /**
+     * 显示处理提示
+     *
+     * @type {boolean}
+     * @memberof UsrBase
+     */
+    @Prop({ default: true }) public showBusyIndicator?: boolean;
+
+    /**
+     * 部件行为--create
+     *
+     * @type {string}
+     * @memberof UsrBase
+     */
+    @Prop() public createAction!: string;
+
+    /**
+     * 部件行为--remove
+     *
+     * @type {string}
+     * @memberof UsrBase
+     */
+    @Prop() public removeAction!: string;
+
+    /**
+     * 部件行为--update
+     *
+     * @type {string}
+     * @memberof UsrBase
+     */
+    @Prop() public updateAction!: string;
+
+    /**
+     * 部件行为--fetch
+     *
+     * @type {string}
+     * @memberof UsrBase
+     */
+    @Prop() public fetchAction!: string;
+
+    /**
+     * 打开新建数据视图
+     *
+     * @type {any}
+     * @memberof UsrBase
+     */
+    @Prop() public newdata: any;
+    /**
+     * 打开编辑数据视图
+     *
+     * @type {any}
+     * @memberof UsrBase
+     */
+    @Prop() public opendata: any;
+
+    /**
+     * this引用
+     *
+     * @type {number}
+     * @memberof UsrBase
+     */
+    public thisRef: any = this;
+
+    /**
+     * 分组属性
+     * 
+     * @type {string}
+     * @memberof UsrBase
+     */
+    public groupField: string = "type";
+    
+    /**
+     * 分组数据
+     * 
+     * @type {Array<any>}
+     * @memberof UsrBase
+     */
+    public groupData: Array<any> = [];
+    
+    /**
+     * 分组模式
+     * 
+     * @type {string}
+     * @memberof UsrBase
+     */
+    public groupMode: string = "AUTO";
+
+    /**
+     * 分组方法
+     * 
+     * @memberof UsrBase
+     */
+    public group(){
+        let _this:any = this;
+        if(_this.drawGroup && _this.drawGroup instanceof Function && Object.is(_this.groupMode,"AUTO")){
+            _this.drawGroup();
+        }else if(_this.drawCodelistGroup && _this.drawCodelistGroup instanceof Function && Object.is(_this.groupMode,"CODELIST")){
+            _this.drawCodelistGroup();
+        }
+    }
+
+
+    /**
+     * 绘制分组列表
+     * 
+     * @memberof UsrBase
+     */
+    public drawGroup(){
+        let data:Array<any> = [...this.items];
+        let groups:Array<any> = [];
+        data.forEach((item: any)=>{
+            if(item.hasOwnProperty(this.groupField)){
+                groups.push(item[this.groupField]);
+            }
+        });
+        groups = [...new Set(groups)];
+        let groupTree:Array<any> = [];
+        groups.forEach((group: any,i: number)=>{
+            let children:Array<any> = [];
+            data.forEach((item: any,j: number)=>{
+                if(Object.is(group,item[this.groupField])){
+                    children.push(item);
+                }
+            });
+            const tree: any ={
+                group: group,
+                children: children
+            }
+            groupTree.push(tree);
+        });
+        this.groupData = [...groupTree];
+    }
+    /**
+     * 是否单选
+     *
+     * @type {boolean}
+     * @memberof UsrBase
+     */
+    @Prop() public isSingleSelect?: boolean;
+    
+          /**
+     * 工具栏模型
+     *
+     * @type {*}
+     * @memberof IBIZBOOKDataView
+     */
+    public dataviewdataview_quicktoolbarModels: any = {
+        deuiaction1: { name: 'deuiaction1', actiontarget: 'NONE', caption: '新建', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'New', target: '' } },
+
+    };
+
+
+          /**
+     * 工具栏模型
+     *
+     * @type {*}
+     * @memberof IBIZBOOKDataView
+     */
+    public dataviewdataview_batchtoolbarModels: any = {
+        deuiaction1: { name: 'deuiaction1', actiontarget: 'NONE', caption: '编辑', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'Edit', target: 'SINGLEKEY' } },
+
+        deuiaction2: { name: 'deuiaction2', actiontarget: 'NONE', caption: '删除', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'Remove', target: 'MULTIKEY' } },
+
+    };
+
+
+    /**
+     * 数据
+     *
+     * @type {any[]}
+     * @memberof UsrBase
+     */
+    public items: any[] = [];
+
+    /**
+     * 操作栏模型数据
+     *
+     * @type {*}
+     * @memberof UsrBase
+     */ 
+    public ActionModel:any ={
+        "New":{name:"New",icon:"fa fa-file-text-o",caption:"新建",disabled: false, visabled: true,noprivdisplaymode:2,dataaccaction: "", actiontarget: ""},
+        "Edit":{name:"Edit",icon:"fa fa-edit",caption:"编辑",disabled: false, visabled: true,noprivdisplaymode:2,dataaccaction: "", actiontarget: "SINGLEKEY"},
+        "Remove":{name:"Remove",icon:"fa fa-remove",caption:"批量删除",disabled: false, visabled: true,noprivdisplaymode:2,dataaccaction: "", actiontarget: "MULTIKEY"}
+    };
+
+    /**
+     * 是否支持分页
+     *
+     * @type {boolean}
+     * @memberof UsrBase
+     */
+    public isEnablePagingBar: boolean = true;;
+
+    /**
+     * 总条数
+     *
+     * @type {number}
+     * @memberof UsrBase
+     */
+    public totalRecord: number = 0;
+
+    /**
+     * 加载的数据是否附加在items之后
+     *
+     * @type {boolean}
+     * @memberof UsrBase
+     */
+    public isAddBehind:boolean = false;
+
+    /**
+     * 选中数组
+     * @type {Array<any>}
+     * @memberof UsrBase
+     */
+    public selections: Array<any> = [];
+
+    /**
+     * 当前页
+     *
+     * @type {number}
+     * @memberof UsrBase
+     */
+    public curPage: number = 1;
+
+    /**
+     * 分页条数
+     *
+     * @type {number}
+     * @memberof UsrBase
+     */
+    public limit: number = 20;
+
+    /**
+     * 排序方向
+     *
+     * @type {string}
+     * @memberof UsrBase
+     */    
+    public sortDir:string = '';
+
+    /**
+     * 排序字段
+     *
+     * @type {string}
+     * @memberof UsrBase
+     */    
+    public sortField: string = '';
+
+    /**
+     * 应用状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof UsrBase
+     */
+    public appStateEvent: Subscription | undefined;
+
+    /**
+     * 默认隐藏批量操作工具栏
+     *
+     * @type {boolean}
+     * @memberof UsrBase
+     */
+    public flag: boolean = false;
+
+    /**
+     * 更改批量操作工具栏显示状态
+     *
+     * @param $event
+     * @memberof UsrBase
+     */
+    public onClick($event: any){
+        this.flag = !this.flag;
+    }
+
+    /**
+     * 排序点击事件
+     * @param {string} field 属性名
+     *
+     * @memberof UsrBase
+     */
+    public sortClick(field:string) {
+        if(this.sortField !== field){
+            this.sortField = field;
+            this.sortDir = 'asc';
+        }else if(this.sortDir === 'asc'){
+            this.sortDir = 'desc';
+        }else if(this.sortDir === 'desc'){
+            this.sortDir = '';
+        }else{
+            this.sortDir = 'asc';
+        }
+        this.refresh();
+    }
+
+    /**
+     * 排序class变更
+     * @param {string} field 属性名
+     *
+     * @memberof UsrBase
+     */
+    public getsortClass(field:string) {
+        if(this.sortField !== field || this.sortDir === ''){
+            return '';
+        }else if(this.sortDir === 'asc'){
+            return 'sort-ascending'
+        }else if(this.sortDir === 'desc'){
+            return 'sort-descending'
+        }
+    }
+
+    /**
+     * Vue声明周期，组件挂载完毕
+     *
+     * @memberof UsrBase
+     */
+    public mounted () {
+        this.afterMounted();
+    }
+
+    /**
+     * 执行mounted后的逻辑
+     *
+     *  @memberof UsrBase
+     */    
+    public afterMounted(){
+        this.$el.addEventListener('scroll', ()=> {
+            let el: any = this.$el.getElementsByClassName('dataview-pagination')[0];
+            el.style.top = 40 + this.$el.scrollTop + 'px';
+            if( this.$el.scrollTop +  this.$el.clientHeight  >=  this.$el.scrollHeight) {
+                this.loadMore();
+            }
+        })
+    }
+
+    /**
+     * Vue声明周期，组件创建完毕
+     *
+     * @memberof UsrBase
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof UsrBase
+     */    
+    public afterCreated(){
+        if (this.viewState) {
+            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+                if (!Object.is(this.name, tag)) {
+                    return;
+                }
+                if (Object.is(action,'load')) {
+                    this.refresh(data)
+                }
+                if (Object.is(action,'filter')) {
+                    this.refresh(data)
+                }
+            });
+        }
+        if(AppCenterService && AppCenterService.getMessageCenter()){
+            this.appStateEvent = AppCenterService.getMessageCenter().subscribe(({ name, action, data }) =>{
+                if(!Object.is(name,"IBIZBOOK")){
+                    return;
+                }
+                if(Object.is(action,'appRefresh')){
+                    this.refresh([data]);
+                }
+            })
+        }
+    }
+
+    /**
+	 * 加载更多
+	 *
+	 * @memberof UsrBase
+	 */
+    public loadMore(){
+        if(this.totalRecord>this.items.length)
+        {
+            this.curPage = ++this.curPage;
+            this.isAddBehind = true;
+            this.load({});
+        }
+    }
+
+    /**
+     * 刷新
+     *
+     * @param {*} [args={}]
+     * @memberof UsrBase
+     */
+    public refresh(args?: any) {
+        this.curPage = 1;
+        this.load(args, true);
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof UsrBase
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof UsrBase
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+        if(this.appStateEvent){
+            this.appStateEvent.unsubscribe();
+        }
+    }
+
+    /**
+     * 表格数据加载
+     *
+     * @public
+     * @param {*} [arg={}]
+     * @param {boolean} [isReset=false] 是否重置items
+     * @memberof UsrBase
+     */
+    public load(opt: any = {}, isReset: boolean = false): void {
+        if(!this.fetchAction){
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKDataView' + (this.$t('app.list.notConfig.fetchAction') as string) });
+            return;
+        }      
+        const arg: any = {...opt};
+        const page: any = {};
+        if (this.isEnablePagingBar) {
+            Object.assign(page, { page: this.curPage-1, size: this.limit });
+        }
+        // 设置排序
+        if (!Object.is(this.sortDir, '') && !Object.is(this.sortField, '')) {
+          const sort: string = this.sortField+","+this.sortDir;
+            Object.assign(page, { sort: sort });
+        }
+        Object.assign(arg, page);
+        const parentdata: any = {};
+        this.$emit('beforeload', parentdata);
+        Object.assign(arg, parentdata);
+        let tempViewParams:any = parentdata.viewparams?parentdata.viewparams:{};
+        Object.assign(tempViewParams,JSON.parse(JSON.stringify(this.viewparams)));
+        Object.assign(arg,{viewparams:tempViewParams});
+        const post: Promise<any> = this.service.search(this.fetchAction,JSON.parse(JSON.stringify(this.context)), arg, this.showBusyIndicator);
+        post.then((response: any) => {
+            if (!response || response.status !== 200) {
+                if (response.errorMessage) {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.errorMessage });
+                }
+                return;
+            }
+            const data: any = response.data;
+            if(!this.isAddBehind){
+                this.items = [];
+            }
+            if (Object.keys(data).length > 0) {
+                let datas = JSON.parse(JSON.stringify(data));
+                datas.map((item: any) => {
+                    Object.assign(item, { isselected: false });
+                });
+                this.totalRecord = response.total;
+                if(isReset){
+                    this.items = datas;
+                }else{
+                    this.items.push(...datas);
+                }
+            }
+            this.isAddBehind = false;
+            this.$emit('load', this.items);
+            //在导航视图中，如已有选中数据，则右侧展开已选中数据的视图，如无选中数据则默认选中第一条
+            if(this.isSelectFirstDefault){
+                if(this.selections && this.selections.length > 0){
+                    this.selections.forEach((select: any)=>{
+                        const index = this.items.findIndex((item:any) => Object.is(item.srfkey,select.srfkey));
+                        if(index != -1){
+                            this.handleClick(this.items[index]);
+                        }
+                    })
+                }else{
+                    this.handleClick(this.items[0]);
+                } 
+            }
+            this.group();
+        }, (response: any) => {
+            if (response && response.status === 401) {
+                return;
+            }
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.errorMessage });
+        });
+    }
+
+    /**
+     * 删除
+     *
+     * @param {any[]} datas
+     * @returns {Promise<any>}
+     * @memberof UsrBase
+     */
+    public async remove(datas: any[]): Promise<any> {
+        if(!this.removeAction){
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKDataView' + (this.$t('app.gridpage.notConfig.removeAction') as string) });
+            return;
+        }
+        let _datas:any[] = [];
+        datas.forEach((record: any, index: number) => {
+            if (Object.is(record.srfuf, '0')) {
+                this.items.some((val: any, num: number) =>{
+                    if(JSON.stringify(val) == JSON.stringify(record)){
+                        this.items.splice(num,1);
+                        return true;
+                    }
+                }); 
+            }else{
+               _datas.push(datas[index]);
+            }
+        });
+        if (_datas.length === 0) {
+            return;
+        }
+        let dataInfo = '';
+        _datas.forEach((record: any, index: number) => {
+            let srfmajortext = record.srfmajortext;
+            if (index < 5) {
+                if (!Object.is(dataInfo, '')) {
+                    dataInfo += '、';
+                }
+                dataInfo += srfmajortext;
+            } else {
+                return false;
+            }
+        });
+
+        if (_datas.length < 5) {
+            dataInfo = dataInfo + ' ' + (this.$t('app.dataView.sum') as string) + _datas.length + (this.$t('app.dataView.data') as string);
+        } else {
+            dataInfo = dataInfo + '...' + ' ' + (this.$t('app.dataView.sum') as string) + _datas.length + (this.$t('app.dataView.data') as string);
+        }
+
+        const removeData = () => {
+            let keys: any[] = [];
+            _datas.forEach((data: any) => {
+                keys.push(data.srfkey);
+            });
+            let _removeAction = keys.length > 1 ? 'removeBatch' : this.removeAction ;
+            const context:any = JSON.parse(JSON.stringify(this.context));
+            const post: Promise<any> = this.service.delete(_removeAction,Object.assign(context,{ ibizbook: keys.join(';') }),Object.assign({ ibizbook: keys.join(';') },{viewparams:this.viewparams}), this.showBusyIndicator);
+            return new Promise((resolve: any, reject: any) => {
+                post.then((response: any) => {
+                    if (!response || response.status !== 200) {
+                        this.$Notice.error({ title: '', desc: (this.$t('app.commonWords.delDataFail') as string) + ',' + response.info });
+                        return;
+                    } else {
+                        this.$Notice.success({ title: '', desc: (this.$t('app.commonWords.deleteSuccess') as string) });
+                    }
+                    //删除items中已删除的项
+                    _datas.forEach((data: any) => {
+                      this.items.some((item:any,index:number)=>{
+                            if(Object.is(item.srfkey,data.srfkey)){
+                                this.items.splice(index,1);
+                                this.group();
+                                return true;
+                            }
+                        });
+                    });
+                    this.$emit('remove', null);
+                    this.selections = [];
+                    resolve(response);
+                }).catch((response: any) => {
+                    if (response && response.status === 401) {
+                        return;
+                    }
+                    if (!response || !response.status || !response.data) {
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                        reject(response);
+                        return;
+                    }
+                    reject(response);
+                });
+            });
+        }
+
+        dataInfo = dataInfo.replace(/[null]/g, '').replace(/[undefined]/g, '').replace(/[ ]/g, '');
+        this.$Modal.confirm({
+            title: (this.$t('app.commonWords.warning') as string),
+            content: (this.$t('app.gridpage.confirmDel') as string) + ' ' + dataInfo + '，' + (this.$t('app.gridpage.notRecoverable') as string),
+            onOk: () => {
+                removeData();
+            },
+            onCancel: () => { }
+        });
+        return removeData;
+    }
+
+
+    /**
+     * 保存
+     *
+     * @param {*} $event
+     * @returns {Promise<any>}
+     * @memberof UsrBase
+     */
+    public async save(args: any[], params?: any, $event?: any, xData?: any){
+        let _this = this;
+        let successItems:any = [];
+        let errorItems:any = [];
+        let errorMessage:any = [];
+        for (const item of _this.items) {
+            try {
+                if(Object.is(item.rowDataState, 'create')){
+                    if(!this.createAction){
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKDataView' + (this.$t('app.list.notConfig.createAction') as string) });
+                    }else{
+                      Object.assign(item,{viewparams:this.viewparams});
+                      let response = await this.service.add(this.createAction, JSON.parse(JSON.stringify(this.context)),item, this.showBusyIndicator);
+                      successItems.push(JSON.parse(JSON.stringify(response.data)));
+                    }
+                }else if(Object.is(item.rowDataState, 'update')){
+                    if(!this.updateAction){
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKDataView' + (this.$t('app.list.notConfig.updateAction') as string) });
+                    }else{
+                        Object.assign(item,{viewparams:this.viewparams});
+                        if(item.ibizbook){
+                            Object.assign(this.context,{ibizbook:item.ibizbook});
+                        }
+                        let response = await this.service.add(this.updateAction,JSON.parse(JSON.stringify(this.context)),item, this.showBusyIndicator);
+                        successItems.push(JSON.parse(JSON.stringify(response.data)));
+                    }
+                }
+            } catch (error) {
+                errorItems.push(JSON.parse(JSON.stringify(item)));
+                errorMessage.push(error);
+            }
+        }
+        this.$emit('save', successItems);
+        this.refresh();
+        if(errorItems.length === 0){
+            this.$Notice.success({ title: '', desc: (this.$t('app.commonWords.saveSuccess') as string) });
+        }else{
+          errorItems.forEach((item:any,index:number)=>{
+            this.$Notice.error({ title: (this.$t('app.commonWords.saveFailed') as string), desc: item.majorentityname + (this.$t('app.commonWords.saveFailed') as string) + '！' });
+            console.error(errorMessage[index]);
+          });
+        }
+        return successItems;
+    }
+
+    /**
+     * 面板数据变化处理事件
+     * @param {any} item 当前卡片数据
+     * @param {any} $event 面板事件数据
+     *
+     * @memberof UsrBase
+     */
+    public onPanelDataChange(item:any,$event:any) {
+        Object.assign(item, $event, {rowDataState:'update'});
+    }
+
+    /**
+     * 选择数据
+     * @memberof UsrBase
+     *
+     */
+    public handleClick(args: any) {
+        args.isselected = !args.isselected;
+        if(this.isSingleSelect) {
+            this.items.forEach((item:any) =>{
+                if(item.srfkey !== args.srfkey){
+                    item.isselected =false;
+                }
+            })
+        }
+        this.selectchange();
+    }
+
+    /**
+     * 双击数据
+     * @memberof UsrBase
+     *
+     */
+    public handleDblClick(args: any) {
+        this.$emit('rowdblclick', args);
+    }
+
+    /**
+     * 触发事件
+     * @memberof UsrBase
+     *
+     */
+    public selectchange() {
+        this.selections = [];
+        this.items.map((item: any) => {
+            if (item.isselected) {
+                this.selections.push(item);
+            }
+        });
+        this.$emit('selectionchange', this.selections);
+    }
+
+    /**
+     * 操作列界面行为
+     *
+     * @param {*} data
+     * @param {*} tag
+     * @param {*} $event
+     * @memberof UsrBase
+     */
+	public uiAction(data: any, tag: any, $event: any) {
+        $event.stopPropagation();
+        if(Object.is('New', tag)) {
+            this.dataview_quicktoolbar_deuiaction1_click(data, tag, $event);
+        }
+        if(Object.is('Edit', tag)) {
+            this.dataview_batchtoolbar_deuiaction1_click(data, tag, $event);
+        }
+        if(Object.is('Remove', tag)) {
+            this.dataview_batchtoolbar_deuiaction2_click(data, tag, $event);
+        }
+    }
+
+}
+</script>
+
+<style lang='less'>
+@import './usr-dataview.less';
+</style>
\ No newline at end of file

app_Web/src/widgets/ibizbook/usr-dataview/usr-dataview-model.ts

+/**
+ * Usr 部件模型
+ *
+ * @export
+ * @class UsrModel
+ */
+export default class UsrModel {
+
+	/**
+	 * 获取数据项集合
+	 *
+	 * @returns {any[]}
+	 * @memberof UsrDataViewMode
+	 */
+	public getDataItems(): any[] {
+		return [
+			{
+				name: 'author',
+				prop: 'author',
+				dataType: 'TEXT',
+			},
+			{
+				name: 'ibizbookname',
+				prop: 'ibizbookname',
+				dataType: 'TEXT',
+			},
+			{
+				name: 'type',
+				prop: 'type',
+				dataType: 'TEXT',
+			},
+			{
+				name: 'srfmajortext',
+				prop: 'ibizbookname',
+				dataType: 'TEXT',
+			},
+			{
+				name: 'srfkey',
+				prop: 'ibizbookid',
+				dataType: 'GUID',
+			},
+
+			{
+				name: 'ibizbook',
+				prop: 'ibizbookid',
+				dataType: 'FONTKEY',
+			},
+
+
+
+      {
+        name:'size',
+        prop:'size'
+      },
+      {
+        name:'query',
+        prop:'query'
+      },
+      {
+        name:'sort',
+        prop:'sort'
+      },
+      {
+        name:'page',
+        prop:'page'
+      },
+      {
+        name:'srfparentdata',
+        prop:'srfparentdata'
+      },
+      // 前端新增修改标识，新增为"0",修改为"1"或未设值
+      {
+        name: 'srffrontuf',
+        prop: 'srffrontuf',
+        dataType: 'TEXT',
+      },
+		]
+	}
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizbook/usr-dataview/usr-dataview-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import IBIZBOOKService from '@/service/ibizbook/ibizbook-service';
+import UsrModel from './usr-dataview-model';
+
+
+/**
+ * Usr 部件服务对象
+ *
+ * @export
+ * @class UsrService
+ */
+export default class UsrService extends ControlService {
+
+    /**
+     * 图书服务对象
+     *
+     * @type {IBIZBOOKService}
+     * @memberof UsrService
+     */
+    public appEntityService: IBIZBOOKService = new IBIZBOOKService({ $store: this.getStore() });
+
+    /**
+     * 设置从数据模式
+     *
+     * @type {boolean}
+     * @memberof UsrService
+     */
+    public setTempMode(){
+        this.isTempMode = false;
+    }
+
+    /**
+     * Creates an instance of UsrService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof UsrService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+        this.model = new UsrModel();
+    }
+
+
+
+
+    /**
+     * 查询数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof UsrService
+     */
+    @Errorlog
+    public search(action: string,context: any = {}, data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
+        return new Promise((resolve: any, reject: any) => {
+            const _appEntityService: any = this.appEntityService;
+            let result: Promise<any>;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            }else{
+                result =_appEntityService.FetchDefault(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });      
+        });
+    }
+
+    /**
+     * 删除数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof UsrService
+     */
+    @Errorlog
+    public delete(action: string,context: any = {}, data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
+        return new Promise((resolve: any, reject: any) => {
+            const _appEntityService: any = this.appEntityService;
+            let result: Promise<any>;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            }else{
+                result =_appEntityService.remove(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });      
+        });
+    }
+
+    /**
+     * 添加数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof UsrService
+     */
+    @Errorlog
+    public add(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
+        return new Promise((resolve: any, reject: any) => {
+            const _appEntityService: any = this.appEntityService;
+            let result: Promise<any>;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            }else{
+                result =_appEntityService.Create(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });      
+        });
+    }
+
+    /**
+     * 修改数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof UsrService
+     */
+    @Errorlog
+    public update(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
+        return new Promise((resolve: any, reject: any) => {
+            const _appEntityService: any = this.appEntityService;
+            let result: Promise<any>;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data,isloading);
+            }else{
+                result =_appEntityService.Update(Context,Data,isloading);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });      
+        });
+    }
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizbook/usr-dataview/usr-dataview.less

+.app-data-view {
+    height: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+    position: relative;
+    // 排序栏样式
+    .bar-container{
+      padding: 6px 8px;
+      background-color: #F1F1F1;
+      .ivu-row-flex.page-sort-bar{
+        width: 100%;
+        height: 30px;
+        .ivu-col{
+          user-select: none;
+          text-align: center;
+          display: flex;
+          align-items: flex-end;
+          padding-bottom: 4px;
+          background-color: #FFF;
+          border: 1px solid #CCC;
+          margin-left: -1px;
+          .sort-field-text{
+            margin-left: 7px;
+          }
+          .caret-wrapper{
+            width: 15px;
+            display: inline-block;
+            padding-bottom: 2px;
+            .ivu-icon{
+              display: block;
+              line-height: 0.5;
+              color: #c5c8ce;
+            }
+          }
+        }
+        // 悬浮样式
+        .ivu-col:hover{
+            border:1px solid #82bff7;
+            position:relative;
+            z-index:2;
+            .sort-field-text{
+              color: #82bff7;
+            }
+        }
+        // 选中样式
+        .sort-ascending, .sort-descending{
+            border:1px solid #82bff7;
+            position:relative;
+            z-index:2;
+          .sort-field-text{
+              color:#82bff7;
+              font-weight: 800;
+          }
+        }
+        .sort-ascending .caret-wrapper .ivu-icon.ivu-icon-md-arrow-dropup,
+        .sort-descending .caret-wrapper .ivu-icon.ivu-icon-md-arrow-dropdown{
+            color: #82bff7;
+        }
+      }
+    }
+    .data-view-container {
+        height: calc(100% - 42px);
+        align-content: start;
+        .el-collapse{
+          width: 100%;
+          .el-collapse-item__content{
+            display: flex;
+          }
+        }
+        .el-collapse-item__header.is-active{
+          color: #409eff;
+          background-color: #ecf5ff;
+        }
+        .ivu-col{
+          padding: 10px;
+          .el-card__body{
+            padding: 10px;
+          }
+        }
+        .el-card{
+          background-color: #f6f6f6;
+          color: #666666;
+          box-shadow: 0 2px 12px 0 #909399;
+        }
+        .single-card-data{
+            height: 100%;
+            width: 100%;
+            cursor: pointer;
+            border: 2px solid transparent;
+            .data-view-item{
+              .single-card-default {
+                  .ivu-tooltip{
+                      .ivu-tooltip-rel{
+                          width: 150px;
+                          white-space: nowrap;
+                          text-overflow: ellipsis;
+                          overflow: hidden;
+                          text-align: left;
+                          padding-left: 5px;
+                          font-size: 18px;
+                          font-weight: 800;
+                      }
+                  }
+              }
+              .single-card-img {
+                  width: 150px;
+                  height: calc(100% - 32px);
+              }
+            }
+            .data-view-item-action{
+              button{
+                margin: 0 3px;
+                cursor: pointer;
+                padding:3px;
+              }
+              button:hover{
+                color: #409eff;
+              }
+            }
+        }
+        .isselected{
+            border: 2px solid #82bff7;
+            box-shadow: 5px 5px 12px 0 #82bff7;
+            .ivu-tooltip{
+                color: #82bff7;
+                font-weight: 800;
+            }
+        }
+        .single-card-data:hover{
+            border: 2px solid #82bff7;
+            box-shadow: 5px 5px 12px 0 #82bff7;
+            .ivu-tooltip{
+              color: #82bff7;
+              font-weight: 800;
+            }
+        }
+    }
+    // 空值文本
+    .app-data-empty {
+        height: calc(100% - 42px);
+        color: #909399;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+    .el-backtop {
+      position: absolute;
+    }
+    .dataview-pagination {
+      position: absolute;
+      height: 42px;
+      width: 100%;
+      top: 40px;
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+      text-align: center;
+      font-size: 20px;
+      z-index: 5;
+      .dataview-pagination-icon{
+        width: 30px;
+        height: 30px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+        border:1px solid #dcdee2;
+        border-radius: 50%;
+        background-color: #FFF;
+        margin: 3px;
+      }
+      .dataview-pagination-icon:hover{
+        background-color: #409eff;
+        color: #fff;
+      }
+    }
+}
+// this is less

app_Web/src/widgets/ibizbook/usr-dataview/usr-dataview.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import UsrBase from './usr-dataview-base.vue';
+
+ 
+@Component({
+    components: {
+         
+    }
+})
+export default class Usr extends UsrBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/widgets/ibizsample0001/main4-form/main4-form-base.vue

@@ -355,12 +355,14 @@
   placeholder="占位提示-数据选择"
   name='f24'
   
+  deMajorField='ibizsample0002name'
+  deKeyField='ibizsample0002'
   :service="service"
-  :acParams="{ }"
-  valueitem='formitem' 
+  :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}"
+  valueitem='ibizsample0002id' 
   :value="data.f24" 
   editortype="" 
-  :pickupView="{ viewname: 'ibizsample0015-pickup-grid-view', title: $t('entities.ibizsample0015.views.pickupgridview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0015s', parameterName: 'ibizsample0015' }, { pathName: 'pickupgridview', parameterName: 'pickupgridview' } ], placement:'' }"
+  :pickupView="{ viewname: 'ibizsample0002-pickup-view', title: $t('entities.ibizsample0002.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
   style=""  
   @formitemvaluechange="onFormItemValueChange">
 </app-picker>
@@ -381,13 +383,15 @@
   :disabled="detailsModel.f25.disabled" 
   placeholder="占位提示-数据链接"
   name='f25'
+  deMajorField='ibizsample0002name'
+  deKeyField='ibizsample0002'
   :service="service"
-  :acParams="{ }"
-  valueitem='formitem' 
+  :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}"
+  valueitem='ibizsample0002id' 
   :value="data.f25"
   editortype="" 
-  :pickupView="{ viewname: 'ibizsample0015-pickup-grid-view', title: $t('entities.ibizsample0015.views.pickupgridview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0015s', parameterName: 'ibizsample0015' }, { pathName: 'pickupgridview', parameterName: 'pickupgridview' } ], placement:'' }"
-  :linkview="{ viewname: 'IBIZOrderTypePickupView', title: $t('entities.ibizordertype.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizordertypes', parameterName: 'ibizordertype' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], width: 0, height: 0, placement: '', isRedirectView: false }"
+  :pickupView="{ viewname: 'ibizsample0002-pickup-view', title: $t('entities.ibizsample0002.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
+  :linkview="{ viewname: 'IBIZSample0002EditView', title: $t('entities.ibizsample0002.views.editview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'editview', parameterName: 'editview' } ], width: 0, height: 0, placement: '', isRedirectView: false }"
   style=""  
   @formitemvaluechange="onFormItemValueChange">
 </app-picker>
@@ -408,10 +412,12 @@
   :disabled="detailsModel.f26.disabled"
   placeholder="占位提示-数据选择（无AC）"
   name='f26'
-  valueitem='formitem' 
+  deMajorField='ibizsample0002name'
+  deKeyField='ibizsample0002'
+  valueitem='ibizsample0002id' 
   :value="data.f26"
   editortype="pickup-no-ac" 
-  :pickupView="{ viewname: 'ibizsample0015-pickup-grid-view', title: $t('entities.ibizsample0015.views.pickupgridview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0015s', parameterName: 'ibizsample0015' }, { pathName: 'pickupgridview', parameterName: 'pickupgridview' } ], placement:'' }"
+  :pickupView="{ viewname: 'ibizsample0002-pickup-view', title: $t('entities.ibizsample0002.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
   style=""  
   @formitemvaluechange="onFormItemValueChange">
 </app-picker>
@@ -432,11 +438,13 @@
   :disabled="detailsModel.f27.disabled"
   placeholder="占位提示-数据选择（无AC、数据链接）"
   name='f27'
-  valueitem='formitem' 
+  deMajorField='ibizsample0002name'
+  deKeyField='ibizsample0002'
+  valueitem='ibizsample0002id' 
   :value="data.f27"
   editortype="pickup-no-ac" 
-  :pickupView="{ viewname: 'ibizsample0015-pickup-grid-view', title: $t('entities.ibizsample0015.views.pickupgridview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0015s', parameterName: 'ibizsample0015' }, { pathName: 'pickupgridview', parameterName: 'pickupgridview' } ], placement:'' }"
-  :linkview="{ viewname: 'IBIZSample0013PickupView', title: $t('entities.ibizsample0013.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0013s', parameterName: 'ibizsample0013' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], width: 0, height: 0, placement: '', isRedirectView: false }"
+  :pickupView="{ viewname: 'ibizsample0002-pickup-view', title: $t('entities.ibizsample0002.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
+  :linkview="{ viewname: 'IBIZSample0002EditView', title: $t('entities.ibizsample0002.views.editview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'editview', parameterName: 'editview' } ], width: 0, height: 0, placement: '', isRedirectView: false }"
   style=""  
   @formitemvaluechange="onFormItemValueChange">
 </app-picker>
@@ -458,9 +466,11 @@
   placeholder="占位提示-数据选择（下拉）"
   name='f28' 
   
+  deMajorField='ibizsample0002name'
+  deKeyField='ibizsample0002'
   :service="service"
-  :acParams="{ }"
-  valueitem='formitem' 
+  :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}"
+  valueitem='ibizsample0002id' 
   :value="data.f28" 
   editortype="dropdown" 
   style="" 
@@ -483,13 +493,15 @@
   :disabled="detailsModel.f29.disabled" 
   placeholder="占位提示-数据选择（下拉、数据链接）"
   name='f29'
+  deMajorField='ibizsample0002name'
+  deKeyField='ibizsample0002'
   :service="service"
-  :acParams="{ }"
-  valueitem='formitem' 
+  :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}"
+  valueitem='ibizsample0002id' 
   :value="data.f29"
   editortype="" 
-  :pickupView="{ viewname: 'ibizsample0015-pickup-grid-view', title: $t('entities.ibizsample0015.views.pickupgridview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0015s', parameterName: 'ibizsample0015' }, { pathName: 'pickupgridview', parameterName: 'pickupgridview' } ], placement:'' }"
-  :linkview="{ viewname: 'IBIZSample0017PickupView', title: $t('entities.ibizsample0017.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0017s', parameterName: 'ibizsample0017' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], width: 0, height: 0, placement: '', isRedirectView: false }"
+  :pickupView="{ viewname: 'ibizsample0002-pickup-view', title: $t('entities.ibizsample0002.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
+  :linkview="{ viewname: 'IBIZSample0002EditView', title: $t('entities.ibizsample0002.views.editview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'editview', parameterName: 'editview' } ], width: 0, height: 0, placement: '', isRedirectView: false }"
   style=""  
   @formitemvaluechange="onFormItemValueChange">
 </app-picker>
@@ -971,12 +983,12 @@ export default class Main4Base extends Vue implements ControlInterface {
         f27: null,
         f28: null,
         f29: null,
-        ibizsample0001id: null,
+        ibizsample0002id: null,
         f30: null,
         f31: null,
         f32: null,
         f33: null,
-        formitem: null,
+        ibizsample0001id: null,
         ibizsample0001:null,
     };
 
@@ -1397,7 +1409,7 @@ export default class Main4Base extends Vue implements ControlInterface {
 , 
         f29: new FormItemModel({ caption: '数据选择（下拉、数据链接）', detailType: 'FORMITEM', name: 'f29', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
 , 
-        ibizsample0001id: new FormItemModel({ caption: '值项表单项', detailType: 'FORMITEM', name: 'ibizsample0001id', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+        ibizsample0002id: new FormItemModel({ caption: '值项表单项', detailType: 'FORMITEM', name: 'ibizsample0002id', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
 , 
         f30: new FormItemModel({ caption: '自动填充', detailType: 'FORMITEM', name: 'f30', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
 , 
@@ -1407,7 +1419,7 @@ export default class Main4Base extends Vue implements ControlInterface {
 , 
         f33: new FormItemModel({ caption: '自动填充（只能选择、无按钮）', detailType: 'FORMITEM', name: 'f33', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
 , 
-        formitem: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'formitem', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+        ibizsample0001id: new FormItemModel({ caption: 'IBIZSAMPLE0001标识', detailType: 'FORMITEM', name: 'ibizsample0001id', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
 , 
     };
 
@@ -1964,15 +1976,15 @@ export default class Main4Base extends Vue implements ControlInterface {
     }
 
     /**
-     * 监控表单属性 ibizsample0001id 值
+     * 监控表单属性 ibizsample0002id 值
      *
      * @param {*} newVal
      * @param {*} oldVal
      * @memberof Main4Base
      */
-    @Watch('data.ibizsample0001id')
-    onIbizsample0001idChange(newVal: any, oldVal: any) {
-        this.formDataChange({ name: 'ibizsample0001id', newVal: newVal, oldVal: oldVal });
+    @Watch('data.ibizsample0002id')
+    onIbizsample0002idChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'ibizsample0002id', newVal: newVal, oldVal: oldVal });
     }
 
     /**
@@ -2024,15 +2036,15 @@ export default class Main4Base extends Vue implements ControlInterface {
     }
 
     /**
-     * 监控表单属性 formitem 值
+     * 监控表单属性 ibizsample0001id 值
      *
      * @param {*} newVal
      * @param {*} oldVal
      * @memberof Main4Base
      */
-    @Watch('data.formitem')
-    onFormitemChange(newVal: any, oldVal: any) {
-        this.formDataChange({ name: 'formitem', newVal: newVal, oldVal: oldVal });
+    @Watch('data.ibizsample0001id')
+    onIbizsample0001idChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'ibizsample0001id', newVal: newVal, oldVal: oldVal });
     }
 
 

app_Web/src/widgets/ibizsample0001/main4-form/main4-form-model.ts

@@ -187,35 +187,36 @@ export default class Main4Model {
       },
       {
         name: 'f24',
-        dataType:'FORMITEM',
+        prop: 'ibizsample0002name',
+        dataType: 'PICKUPTEXT',
       },
       {
         name: 'f25',
-        prop: 'field24',
-        dataType: 'CODELISTTEXT',
+        prop: 'ibizsample0002name',
+        dataType: 'PICKUPTEXT',
       },
       {
         name: 'f26',
-        prop: 'field24',
-        dataType: 'CODELISTTEXT',
+        prop: 'ibizsample0002name',
+        dataType: 'PICKUPTEXT',
       },
       {
         name: 'f27',
-        prop: 'field24',
-        dataType: 'CODELISTTEXT',
+        prop: 'ibizsample0002name',
+        dataType: 'PICKUPTEXT',
       },
       {
         name: 'f28',
-        prop: 'field24',
-        dataType: 'CODELISTTEXT',
+        prop: 'ibizsample0002name',
+        dataType: 'PICKUPTEXT',
       },
       {
         name: 'f29',
-        prop: 'field24',
-        dataType: 'CODELISTTEXT',
+        prop: 'ibizsample0002name',
+        dataType: 'PICKUPTEXT',
       },
       {
-        name: 'ibizsample0001id',
+        name: 'ibizsample0002id',
         prop: 'ibizsample0001id',
         dataType: 'GUID',
       },
@@ -233,7 +234,9 @@ export default class Main4Model {
         name: 'f33',
       },
       {
-        name: 'formitem',
+        name: 'ibizsample0001id',
+        prop: 'ibizsample0001id',
+        dataType: 'GUID',
       },
       {
         name: 'ibizsample0001',

app_Web/src/widgets/ibizsample0001/main4-form/main4-form-service.ts

@@ -2,6 +2,7 @@ import { Http,Util,Errorlog } from '@/utils';
 import ControlService from '@/widgets/control-service';
 import IBIZSample0001Service from '@/service/ibizsample0001/ibizsample0001-service';
 import Main4Model from './main4-form-model';
+import IBIZSample0002Service from '@/service/ibizsample0002/ibizsample0002-service';
 
 
 /**
@@ -41,6 +42,14 @@ export default class Main4Service extends ControlService {
         this.model = new Main4Model();
     }
 
+    /**
+     * 示例实体02服务对象
+     *
+     * @type {IBIZSample0002Service}
+     * @memberof Main4Service
+     */
+    public ibizsample0002Service: IBIZSample0002Service = new IBIZSample0002Service();
+
     /**
      * 远端数据
      *
@@ -90,6 +99,9 @@ export default class Main4Service extends ControlService {
     public getItems(serviceName: string, interfaceName: string, context: any = {}, data: any, isloading?: boolean): Promise<any[]> {
         data.page = data.page ? data.page : 0;
         data.size = data.size ? data.size : 1000;
+        if (Object.is(serviceName, 'IBIZSample0002Service') && Object.is(interfaceName, 'FetchDefault')) {
+            return this.doItems(this.ibizsample0002Service.FetchDefault(JSON.parse(JSON.stringify(context)),data, isloading), 'ibizsample0002id', 'ibizsample0002');
+        }
 
         return Promise.reject([])
     }

app_Web/src/widgets/ibizsample0002/default-searchform/default-searchform-base.vue

+<template>
+    <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
+  <input style="display:none;"/>
+  <row>
+    <i-col span="20" class="form-content">
+      <row>
+                </row>
+    </i-col>
+    <i-col span="4" class="search-button">
+      <row v-show="Object.keys(data).length>0">
+        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+      </row>
+    </i-col>
+  </row>
+</i-form>
+
+</template>
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch, Model,Inject } from 'vue-property-decorator';
+import { CreateElement } from 'vue';
+import { Subject, Subscription } from 'rxjs';
+import { ControlInterface } from '@/interface/control';
+import { UIActionTool,Util,ViewTool } from '@/utils';
+import NavDataService from '@/service/app/navdata-service';
+import AppCenterService from "@service/app/app-center-service";
+import IBIZSample0002Service from '@/service/ibizsample0002/ibizsample0002-service';
+import DefaultService from './default-searchform-service';
+import IBIZSample0002UIService from '@/uiservice/ibizsample0002/ibizsample0002-ui-service';
+import { FormButtonModel, FormPageModel, FormItemModel, FormDRUIPartModel, FormPartModel, FormGroupPanelModel, FormIFrameModel, FormRowItemModel, FormTabPageModel, FormTabPanelModel, FormUserControlModel } from '@/model/form-detail';
+import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
+
+
+@Component({
+    components: {
+      
+    }
+})
+export default class DefaultBase extends Vue implements ControlInterface {
+
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof DefaultBase
+     */
+    @Prop() public name?: string;
+
+    /**
+     * 视图通讯对象
+     *
+     * @type {Subject<ViewState>}
+     * @memberof DefaultBase
+     */
+    @Prop() public viewState!: Subject<ViewState>;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof DefaultBase
+     */
+    @Prop() public context: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof DefaultBase
+     */
+    @Prop() public viewparams: any;
+
+    /**
+     * 视图状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof DefaultBase
+     */
+    public viewStateEvent: Subscription | undefined;
+
+    /**
+     * 获取部件类型
+     *
+     * @returns {string}
+     * @memberof DefaultBase
+     */
+    public getControlType(): string {
+        return 'SEARCHFORM'
+    }
+
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @type {Array<*>}
+     * @memberof DefaultBase
+     */    
+    public counterServiceArray:Array<any> = [];
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {DefaultService}
+     * @memberof DefaultBase
+     */
+    public service: DefaultService = new DefaultService({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {IBIZSample0002Service}
+     * @memberof DefaultBase
+     */
+    public appEntityService: IBIZSample0002Service = new IBIZSample0002Service({ $store: this.$store });
+    
+
+
+    /**
+     * 转化数据
+     *
+     * @param {any} args
+     * @memberof  DefaultBase
+     */
+    public transformData(args: any) {
+        let _this: any = this;
+        if(_this.service && _this.service.handleRequestData instanceof Function && _this.service.handleRequestData('transform',_this.context,args)){
+            return _this.service.handleRequestData('transform',_this.context,args)['data'];
+        }
+    }
+
+    /**
+     * 关闭视图
+     *
+     * @param {any} args
+     * @memberof DefaultBase
+     */
+    public closeView(args: any): void {
+        let _this: any = this;
+        _this.$emit('closeview', [args]);
+    }
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof DefaultBase
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+
+
+    /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof DefaultBase
+     */
+    public getDatas(): any[] {
+        return [this.data];
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof DefaultBase
+     */
+    public getData(): any {
+        return this.data;
+    }
+
+    /**
+     * 显示处理提示
+     *
+     * @type {boolean}
+     * @memberof DefaultBase
+     */
+    @Prop({ default: true }) public showBusyIndicator?: boolean;
+    
+    /**
+     * 部件行为--loaddraft
+     *
+     * @type {string}
+     * @memberof DefaultBase
+     */
+    @Prop() public loaddraftAction!: string;
+    
+    /**
+     * 部件行为--load
+     *
+     * @type {string}
+     * @memberof DefaultBase
+     */
+    @Prop() public loadAction!: string;
+
+    /**
+     * 视图标识
+     *
+     * @type {string}
+     * @memberof DefaultBase
+     */
+    @Prop() public viewtag!: string;
+
+    /**
+     * 表单状态
+     *
+     * @type {Subject<any>}
+     * @memberof DefaultBase
+     */
+    public formState: Subject<any> = new Subject();
+
+    /**
+     * 忽略表单项值变化
+     *
+     * @type {boolean}
+     * @memberof DefaultBase
+     */
+    public ignorefieldvaluechange: boolean = false;
+
+    /**
+     * 数据变化
+     *
+     * @public
+     * @type {Subject<any>}
+     * @memberof DefaultBase
+     */
+    public dataChang: Subject<any> = new Subject();
+
+    /**
+     * 视图状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof DefaultBase
+     */
+    public dataChangEvent: Subscription | undefined;
+
+    /**
+     * 原始数据
+     *
+     * @public
+     * @type {*}
+     * @memberof DefaultBase
+     */
+    public oldData: any = {};
+
+    /**
+     * 表单数据对象
+     *
+     * @type {*}
+     * @memberof DefaultBase
+     */
+    public data: any = {
+    };
+
+    /**
+     * 详情模型集合
+     *
+     * @type {*}
+     * @memberof DefaultBase
+     */
+    public detailsModel: any = {
+        formpage1: new FormPageModel({ caption: '', detailType: 'FORMPAGE', name: 'formpage1', visible: true, isShowCaption: true, form: this })
+, 
+    };
+    
+    /**
+     * 属性值规则
+     *
+     * @type {*}
+     * @memberof DefaultBase
+     */
+    public rules: any = {
+    }
+
+
+    /**
+     * 重置表单项值
+     *
+     * @public
+     * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal }
+     * @memberof DefaultBase
+     */
+    public resetFormData({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }): void {
+    }
+
+    /**
+     * 表单逻辑
+     *
+     * @public
+     * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal }
+     * @memberof DefaultBase
+     */
+    public formLogic({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }): void {
+                
+
+    }
+
+    /**
+     * 表单值变化
+     *
+     * @public
+     * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal }
+     * @returns {void}
+     * @memberof DefaultBase
+     */
+    public formDataChange({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }): void {
+        if (this.ignorefieldvaluechange) {
+            return;
+        }
+        this.resetFormData({ name: name, newVal: newVal, oldVal: oldVal });
+        this.formLogic({ name: name, newVal: newVal, oldVal: oldVal });
+        this.dataChang.next(JSON.stringify(this.data));
+    }
+
+    /**
+     * 表单加载完成
+     *
+     * @public
+     * @param {*} [data={}]
+     * @param {string} [action]
+     * @memberof DefaultBase
+     */
+    public onFormLoad(data: any = {},action:string): void {
+        this.setFormEnableCond(data);
+        this.fillForm(data,action);
+        this.formLogic({ name: '', newVal: null, oldVal: null });
+    }
+
+    /**
+     * 值填充
+     *
+     * @param {*} [_datas={}]
+     * @param {string} [action]
+     * @memberof DefaultBase
+     */
+    public fillForm(_datas: any = {},action:string): void {
+        this.ignorefieldvaluechange = true;
+        Object.keys(_datas).forEach((name: string) => {
+            if (this.data.hasOwnProperty(name)) {
+                this.data[name] = _datas[name];
+            }
+        });
+        if(Object.is(action,'loadDraft')){
+            this.createDefault();
+        }
+        this.$nextTick(function () {
+            this.ignorefieldvaluechange = false;
+        })
+    }
+
+    /**
+     * 设置表单项是否启用
+     *
+     * @public
+     * @param {*} data
+     * @memberof DefaultBase
+     */
+    public setFormEnableCond(data: any): void {
+        Object.values(this.detailsModel).forEach((detail: any) => {
+            if (!Object.is(detail.detailType, 'FORMITEM')) {
+                return;
+            }
+            const formItem: FormItemModel = detail;
+            formItem.setEnableCond(data.srfuf);
+        });
+    }
+
+    /**
+     * 新建默认值
+     * @memberof DefaultBase
+     */
+    public createDefault(){                    
+    }
+
+    /**
+     * 重置草稿表单状态
+     *
+     * @public
+     * @memberof DefaultBase
+     */
+    public resetDraftFormStates(): void {
+        const form: any = this.$refs.form;
+        if (form) {
+            form.resetFields();
+        }
+    }
+
+    /**
+     * 重置校验结果
+     *
+     * @memberof DefaultBase
+     */
+    public resetValidates(): void {
+        Object.values(this.detailsModel).forEach((detail: any) => {
+            if (!Object.is(detail.detailType, 'FORMITEM')) {
+                return;
+            }
+            const formItem: FormItemModel = detail;
+            formItem.setError('');
+        });
+    }
+
+    /**
+     * 填充校验结果 （后台）
+     *
+     * @param {any[]} fieldErrors
+     * @memberof DefaultBase
+     */
+    public fillValidates(fieldErrors: any[]): void {
+        fieldErrors.forEach((error: any) => {
+            const formItem: FormItemModel = this.detailsModel[error.field];
+            if (!formItem) {
+                return;
+            }
+            this.$nextTick(() => {
+                formItem.setError(error.message);
+            });
+        });
+    }
+
+    /**
+     * 表单校验状态
+     *
+     * @returns {boolean} 
+     * @memberof DefaultBase
+     */
+    public formValidateStatus(): boolean {
+        const form: any = this.$refs.searchform;
+        let validatestate: boolean = true;
+        form.validate((valid: boolean) => {
+            validatestate = valid ? true : false;
+        });
+        return validatestate
+    }
+
+    /**
+     * 获取全部值
+     *
+     * @returns {*}
+     * @memberof DefaultBase
+     */
+    public getValues(): any {
+        return this.data;
+    }
+
+    /**
+     * 表单项值变更
+     *
+     * @param {{ name: string, value: any }} $event
+     * @returns {void}
+     * @memberof DefaultBase
+     */
+    public onFormItemValueChange($event: { name: string, value: any }): void {
+        if (!$event) {
+            return;
+        }
+        if (!$event.name || Object.is($event.name, '') || !this.data.hasOwnProperty($event.name)) {
+            return;
+        }
+        this.data[$event.name] = $event.value;
+    }
+
+    /**
+     * 设置数据项值
+     *
+     * @param {string} name
+     * @param {*} value
+     * @returns {void}
+     * @memberof DefaultBase
+     */
+    public setDataItemValue(name: string, value: any): void {
+        if (!name || Object.is(name, '') || !this.data.hasOwnProperty(name)) {
+            return;
+        }
+        if (Object.is(this.data[name], value)) {
+            return;
+        }
+        this.data[name] = value;
+    }
+
+
+
+    /**
+     * 分组界面行为事件
+     *
+     * @param {*} $event
+     * @memberof DefaultBase
+     */
+    public groupUIActionClick($event: any): void {
+        if (!$event) {
+            return;
+        }
+        const item:any = $event.item;
+    }
+
+    /**
+     * Vue声明周期(处理组件的输入属性)
+     *
+     * @memberof DefaultBase
+     */
+    public created(): void {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof DefaultBase
+     */    
+    public afterCreated(){
+        if (this.viewState) {
+            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+                if (!Object.is(tag, this.name)) {
+                    return;
+                }
+                if (Object.is('autoload', action)) {
+                    this.autoLoad(data);
+                }
+                if (Object.is('load', action)) {
+                    this.load(data);
+                }
+                if (Object.is('loaddraft', action)) {
+                    this.loadDraft(data);
+                }
+            });
+        }
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof DefaultBase
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof DefaultBase
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+        if (this.dataChangEvent) {
+            this.dataChangEvent.unsubscribe();
+        }
+    }
+
+    /**
+     * 自动加载
+     *
+     * @param {*} [arg={}]
+     * @returns {void}
+     * @memberof DefaultBase
+     */
+    public autoLoad(arg: any = {}): void {
+        if (arg.srfkey && !Object.is(arg.srfkey, '')) {
+            Object.assign(arg, { srfkey: arg.srfkey });
+            this.load(arg);
+            return;
+        }
+        if (arg.srfkeys && !Object.is(arg.srfkeys, '')) {
+            Object.assign(arg, { srfkey: arg.srfkeys });
+            this.load(arg);
+            return;
+        }
+        this.loadDraft(arg);
+    }
+
+    /**
+     * 加载
+     *
+     * @public
+     * @param {*} [opt={}]
+     * @memberof DefaultBase
+     */
+    public load(opt: any = {}): void {
+        if(!this.loadAction){
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0002PickupGridView' + (this.$t('app.searchForm.notConfig.loadAction') as string) });
+            return;
+        }
+        const arg: any = { ...opt };
+        Object.assign(arg,{viewparams:this.viewparams});
+        const get: Promise<any> = this.service.get(this.loadAction,JSON.parse(JSON.stringify(this.context)), arg, this.showBusyIndicator);
+        get.then((response: any) => {
+            if (response && response.status === 200) {
+                const data = response.data;
+                this.$emit('load', data);
+                this.$nextTick(() => {
+                    this.formState.next({ type: 'load', data: data });
+                });
+            }
+        }).catch((response: any) => {
+            if (response && response.status === 401) {
+                return;
+            }
+            if (!response || !response.status || !response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                return;
+            }
+
+            const { data: _data } = response;
+            this.$Notice.error({ title: _data.title, desc: _data.message });
+        });
+    }
+
+    /**
+     * 加载草稿
+     *
+     * @param {*} [opt={}]
+     * @memberof DefaultBase
+     */
+    public loadDraft(opt: any = {},mode?:string): void {
+        if(!this.loaddraftAction){
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0002PickupGridView' + (this.$t('app.searchForm.notConfig.loaddraftAction') as string) });
+            return;
+        }
+        const arg: any = { ...opt } ;
+        Object.assign(arg,{viewparams:this.viewparams});
+        let post: Promise<any> = this.service.loadDraft(this.loaddraftAction,JSON.parse(JSON.stringify(this.context)), arg, this.showBusyIndicator);
+        post.then((response: any) => {
+            if (!response.status || response.status !== 200) {
+                if (response.errorMessage) {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.errorMessage });
+                }
+                return;
+            }
+
+            const data = response.data;
+            this.resetDraftFormStates();
+            this.onFormLoad(data,'loadDraft');
+            setTimeout(() => {
+                const form: any = this.$refs.form;
+                if (form) {
+                    form.fields.forEach((field: any) => {
+                        field.validateMessage = "";
+                        field.validateState = "";
+                        field.validateStatus = false;
+                    });
+                }
+            });
+            if(Object.is(mode,'RESET')){
+                if (!this.formValidateStatus()) {
+                    return;
+                }
+            }
+            this.$emit('load', data);
+            this.$nextTick(() => {
+                this.formState.next({ type: 'load', data: data });
+            });
+        }).catch((response: any) => {
+            if (response && response.status === 401) {
+                return;
+            }
+            if (!response || !response.status || !response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                return;
+            }
+
+            const { data: _data } = response;
+            this.$Notice.error({ title: _data.title, desc: _data.message });
+        });
+    }
+
+    /**
+     * 表单项更新
+     *
+     * @param {string} mode 界面行为名称
+     * @param {*} [data={}] 请求数据
+     * @param {string[]} updateDetails 更新项
+     * @param {boolean} [showloading] 是否显示加载状态
+     * @returns {void}
+     * @memberof DefaultBase
+     */
+    public updateFormItems(mode: string, data: any = {}, updateDetails: string[], showloading?: boolean): void {
+        
+    }
+
+    /**
+     * 回车事件
+     *
+     * @param {*} $event
+     * @memberof DefaultBase
+     */
+    public onEnter($event: any): void {
+        if (!this.formValidateStatus()) {
+            return;
+        }
+        this.$emit('search', this.data);
+    }
+
+    /**
+     * 搜索
+     *
+     * @memberof DefaultBase
+     */
+    public onSearch() {
+        if (!this.formValidateStatus()) {
+            return;
+        }
+        this.$emit('search', this.data);
+    }
+
+    /**
+     * 重置
+     *
+     * @memberof DefaultBase
+     */
+    public onReset() {
+        this.loadDraft({},'RESET');
+    }
+}
+</script>
+
+<style lang='less'>
+@import './default-searchform.less';
+</style>
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/default-searchform/default-searchform-model.ts

+/**
+ * Default 部件模型
+ *
+ * @export
+ * @class DefaultModel
+ */
+export default class DefaultModel {
+
+  /**
+  * 获取数据项集合
+  *
+  * @returns {any[]}
+  * @memberof DefaultModel
+  */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'srfwfmemo',
+        prop: 'srfwfmemo',
+        dataType: 'TEXT',
+      },
+      // 前端新增修改标识，新增为"0",修改为"1"或未设值
+      {
+        name: 'srffrontuf',
+        prop: 'srffrontuf',
+        dataType: 'TEXT',
+      },
+    ]
+  }
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/default-searchform/default-searchform-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import IBIZSample0002Service from '@/service/ibizsample0002/ibizsample0002-service';
+import DefaultModel from './default-searchform-model';
+
+
+/**
+ * Default 部件服务对象
+ *
+ * @export
+ * @class DefaultService
+ */
+export default class DefaultService extends ControlService {
+
+    /**
+     * 示例实体02服务对象
+     *
+     * @type {IBIZSample0002Service}
+     * @memberof DefaultService
+     */
+    public appEntityService: IBIZSample0002Service = new IBIZSample0002Service({ $store: this.getStore() });
+
+    /**
+     * 设置从数据模式
+     *
+     * @type {boolean}
+     * @memberof DefaultService
+     */
+    public setTempMode(){
+        this.isTempMode = false;
+    }
+
+    /**
+     * Creates an instance of DefaultService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof DefaultService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+        this.model = new DefaultModel();
+    }
+
+    /**
+     * 远端数据
+     *
+     * @type {*}
+     * @memberof DefaultService
+     */
+    private remoteCopyData:any = {};
+
+    /**
+     * 处理数据
+     *
+     * @private
+     * @param {Promise<any>} promise
+     * @returns {Promise<any>}
+     * @memberof DefaultService
+     */
+    private doItems(promise: Promise<any>, deKeyField: string, deName: string): Promise<any> {
+        return new Promise((resolve, reject) => {
+            promise.then((response: any) => {
+                if (response && response.status === 200) {
+                    const data = response.data;
+                    data.forEach((item:any,index:number) =>{
+                        item[deName] = item[deKeyField];
+                        data[index] = item;
+                    });
+                    resolve(data);
+                } else {
+                    reject([])
+                }
+            }).catch((response: any) => {
+                reject([])
+            });
+        });
+    }
+
+    /**
+     * 获取跨实体数据集合
+     *
+     * @param {string} serviceName 服务名称
+     * @param {string} interfaceName 接口名称
+     * @param {*} data
+     * @param {boolean} [isloading]
+     * @returns {Promise<any[]>}
+     * @memberof  DefaultService
+     */
+    @Errorlog
+    public getItems(serviceName: string, interfaceName: string, context: any = {}, data: any, isloading?: boolean): Promise<any[]> {
+        data.page = data.page ? data.page : 0;
+        data.size = data.size ? data.size : 1000;
+
+        return Promise.reject([])
+    }
+
+    /**
+     * 启动工作流
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @param {*} [localdata]
+     * @returns {Promise<any>}
+     * @memberof DefaultService
+     */
+    @Errorlog
+    public wfstart(action: string,context: any = {},data: any = {}, isloading?: boolean,localdata?:any): Promise<any> {
+        data = this.handleWFData(data,true);
+        context = this.handleRequestData(action,context,data).context;
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](context,data, isloading,localdata);
+            } else {
+                result = this.appEntityService.WFStart(context,data, isloading,localdata);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 提交工作流
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @param {*} [localdata]
+     * @returns {Promise<any>}
+     * @memberof DefaultService
+     */
+    @Errorlog
+    public wfsubmit(action: string,context: any = {}, data: any = {}, isloading?: boolean,localdata?:any): Promise<any> {
+        data = this.handleWFData(data,true);
+        context = this.handleRequestData(action,context,data,true).context;
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](context,data, isloading,localdata);
+            } else {
+                result = this.appEntityService.WFSubmit(context,data, isloading,localdata);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 添加数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @param {boolean} [isWorkflow] 是否在工作流中添加数据
+     * @returns {Promise<any>}
+     * @memberof DefaultService
+     */
+    @Errorlog
+    public add(action: string, context: any = {},data: any = {}, isloading?: boolean,isWorkflow?:boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.Create(Context,Data, isloading);
+            }
+            result.then((response) => {
+                if(isWorkflow){
+                    resolve(response);
+                }else{
+                    this.handleResponse(action, response);
+                    resolve(response);
+                }
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 删除数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof DefaultService
+     */
+    @Errorlog
+    public delete(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.Remove(Context,Data, isloading);
+            }
+            result.then((response) => {
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 修改数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @param {boolean} [isWorkflow] 是否在工作流中修改数据
+     * @returns {Promise<any>}
+     * @memberof DefaultService
+     */
+    @Errorlog
+    public update(action: string, context: any = {},data: any = {}, isloading?: boolean,isWorkflow?:boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.Update(Context,Data, isloading);
+            }
+            result.then((response) => {
+                if(isWorkflow){
+                    resolve(response);
+                }else{
+                    this.handleResponse(action, response);
+                    resolve(response);
+                }
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 查询数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof DefaultService
+     */
+    @Errorlog
+    public get(action: string,context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.Get(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.setRemoteCopyData(response);
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 加载草稿
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof DefaultService
+     */
+    @Errorlog
+    public loadDraft(action: string,context: any = {}, data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.GetDraft(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.setRemoteCopyData(response);
+                this.handleResponse(action, response, true);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+     /**
+     * 前台逻辑
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof DefaultService
+     */
+    @Errorlog
+    public frontLogic(action:string,context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any)=>{
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                return Promise.reject({ status: 500, data: { title: '失败', message: '系统异常' } });
+            }
+            result.then((response) => {
+                this.handleResponse(action, response,true);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        })
+    }
+
+    /**
+     * 处理请求数据
+     * 
+     * @param action 行为 
+     * @param data 数据
+     * @memberof DefaultService
+     */
+    public handleRequestData(action: string,context:any, data: any = {},isMerge:boolean = false){
+        let mode: any = this.getMode();
+        if (!mode && mode.getDataItems instanceof Function) {
+            return data;
+        }
+        let formItemItems: any[] = mode.getDataItems();
+        let requestData:any = {};
+        if(isMerge && (data && data.viewparams)){
+            Object.assign(requestData,data.viewparams);
+        }
+        formItemItems.forEach((item:any) =>{
+            if(item && item.dataType && Object.is(item.dataType,'FONTKEY')){
+                if(item && item.prop){
+                    requestData[item.prop] = context[item.name];
+                }
+            }else{
+                if(item && item.prop){
+                    requestData[item.prop] = data[item.name];
+                }else{
+                    if(item.dataType && Object.is(item.dataType,"FORMPART")){
+                        Object.assign(requestData,data[item.name]);
+                    }     
+                }
+            }
+        });
+        let tempContext:any = JSON.parse(JSON.stringify(context));
+        if(tempContext && tempContext.srfsessionid){
+            tempContext.srfsessionkey = tempContext.srfsessionid;
+            delete tempContext.srfsessionid;
+        }
+        return {context:tempContext,data:requestData};
+    }
+
+    /**
+     * 通过属性名称获取表单项名称
+     * 
+     * @param name 实体属性名称 
+     * @memberof DefaultService
+     */
+    public getItemNameByDeName(name:string) :string{
+        let itemName = name;
+        let mode: any = this.getMode();
+        if (!mode && mode.getDataItems instanceof Function) {
+            return name;
+        }
+        let formItemItems: any[] = mode.getDataItems();
+        formItemItems.forEach((item:any)=>{
+            if(item.prop === name){
+                itemName = item.name;
+            }
+        });
+        return itemName.trim();
+    }
+
+    /**
+     * 重写处理返回数据
+     *
+     * @param {string} action
+     * @param {*} response
+     * @memberof DefaultService
+     */
+    public handleResponseData(action: string, data: any = {},isCreate?:boolean,codelistArray?:any){
+        let model: any = this.getMode();
+        if (!model && model.getDataItems instanceof Function) {
+            return data;
+        }
+        let item: any = {};
+        let dataItems: any[] = model.getDataItems();
+        dataItems.forEach(dataitem => {
+            let val = data.hasOwnProperty(dataitem.prop) ? data[dataitem.prop] : null;
+            if (val === null) {
+                val = data.hasOwnProperty(dataitem.name) ? data[dataitem.name] : null;
+            }
+            if((isCreate === undefined || isCreate === null ) && Object.is(dataitem.dataType, 'GUID') && Object.is(dataitem.name, 'srfkey') && (val && !Object.is(val, ''))){
+                isCreate = true;
+            }
+            item[dataitem.name] = val;
+            // 转化代码表
+            if(codelistArray && dataitem.codelist){
+                if(codelistArray.get(dataitem.codelist.tag) && codelistArray.get(dataitem.codelist.tag).get(val)){
+                    item[dataitem.name] = codelistArray.get(dataitem.codelist.tag).get(val);
+                }
+            }
+        });
+        item.srfuf = data.srfuf ? data.srfuf : (isCreate ? "0" : "1");
+        item = Object.assign(data,item);
+        return item;
+    }
+
+    /**
+     * 设置远端数据
+     * 
+     * @param result 远端请求结果 
+     * @memberof DefaultService
+     */
+    public setRemoteCopyData(result:any){
+        if (result && result.status === 200) {
+            this.remoteCopyData = Util.deepCopy(result.data);
+        }
+    }
+
+    /**
+     * 获取远端数据
+     * 
+     * @memberof DefaultService
+     */
+    public getRemoteCopyData(){
+        return this.remoteCopyData;
+    }
+}
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/default-searchform/default-searchform.less

+.ivu-tabs-no-animation>.ivu-tabs-content{
+    padding: 0 16px;
+}
+.ivu-card-head{
+    padding: 14px 0;
+}
+.app-search-form {
+  padding: 8px 14px 0;
+  .ivu-form-item{
+    margin-bottom: 8px;
+  }
+  .search_reset {
+      margin-right: 12px;
+      margin-bottom: 8px;
+  }
+  .search-button{
+      text-align: right;
+  }
+}
+.app-search-form-flex {
+    height: 100%;
+    > .ivu-row {
+        height: 100%;
+        > .ivu-tabs {
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            > .ivu-tabs-content {
+                flex-grow: 1;
+                overflow: auto;
+                > .ivu-tabs-tabpane {
+                    height: 100%;
+                }
+            }
+        }
+    }
+}
+.app-tabpanel-flex {
+    height: 100%;
+    > .ivu-tabs-content {
+        height: calc(100% - 52px);
+        > .ivu-tabs-tabpane {
+            height: 100%;
+        }
+    }
+}
+// this is less

app_Web/src/widgets/ibizsample0002/default-searchform/default-searchform.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import DefaultBase from './default-searchform-base.vue';
+
+ 
+@Component({
+    components: {
+         
+    }
+})
+export default class Default extends DefaultBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/main-form/main-form-base.vue

+<template>
+    <i-form :model="this.data" class='app-form' ref='form'  id='ibizsample0002_main' style="" @on-validate="formItemValidate">
+    <input style="display:none;" />
+    <row >
+    <tabs :animated="false" name='main' :value="detailsModel.form.activiedPage" 
+        @on-click="detailsModel.form.clickPage($event)">
+            <tab-pane v-show="detailsModel.formpage1.visible" name='formpage1' :index="0" tab='main' class=''  
+                :label="(h) =>{
+                    return h('span',{
+                        class:'caption'
+                    },[
+                    $t('entities.ibizsample0002.main_form.details.formpage1')
+                    ])
+                }">
+                    <i-col v-show="detailsModel.group1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+    <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.group1.manageContainerStatus"  :isManageContainer="detailsModel.group1.isManageContainer" @managecontainerclick="manageContainerClick('group1')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0002.main_form.details.group1')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
+    <row>
+        <i-col v-show="detailsModel.ibizsample0002name.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+    <app-form-item name='ibizsample0002name' :itemRules="this.rules().ibizsample0002name" class='' :caption="$t('entities.ibizsample0002.main_form.details.ibizsample0002name')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.ibizsample0002name.error" :isEmptyCaption="false" labelPos="LEFT">
+    <input-box 
+    v-model="data.ibizsample0002name"  
+    @enter="onEnter($event)"  
+     unit=""  
+    :disabled="detailsModel.ibizsample0002name.disabled" 
+    type='text' 
+    style="">
+</input-box>
+
+</app-form-item>
+
+</i-col>
+    
+    </row>
+</app-form-group>
+
+</i-col>
+
+
+            </tab-pane> 
+            <tab-pane v-show="detailsModel.formpage2.visible" name='formpage2' :index="1" tab='main' class=''  
+                :label="(h) =>{
+                    return h('span',{
+                        class:'caption'
+                    },[
+                    $t('entities.ibizsample0002.main_form.details.formpage2')
+                    ])
+                }">
+                    <i-col v-show="detailsModel.group2.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+    <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.group2.manageContainerStatus"  :isManageContainer="detailsModel.group2.isManageContainer" @managecontainerclick="manageContainerClick('group2')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.group2.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0002.main_form.details.group2')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
+    <row>
+        <i-col v-show="detailsModel.createman.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+    <app-form-item name='createman' :itemRules="this.rules().createman" class='' :caption="$t('entities.ibizsample0002.main_form.details.createman')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.createman.error" :isEmptyCaption="false" labelPos="LEFT">
+    
+<app-span name='createman' :value="data.createman" dataType="TEXT"     :precision="0"
+tag='SysOperator' codelistType='DYNAMIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
+</app-span>
+
+</app-form-item>
+
+</i-col>
+<i-col v-show="detailsModel.createdate.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+    <app-form-item name='createdate' :itemRules="this.rules().createdate" class='' :caption="$t('entities.ibizsample0002.main_form.details.createdate')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.createdate.error" :isEmptyCaption="false" labelPos="LEFT">
+    
+<app-span name='createdate' :value="data.createdate" dataType="DATETIME" valueFormat="%1$tY-%1$tm-%1$td %1$tH:%1$tM:%1$tS"     :precision="0"
+:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
+</app-span>
+
+</app-form-item>
+
+</i-col>
+<i-col v-show="detailsModel.updateman.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+    <app-form-item name='updateman' :itemRules="this.rules().updateman" class='' :caption="$t('entities.ibizsample0002.main_form.details.updateman')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.updateman.error" :isEmptyCaption="false" labelPos="LEFT">
+    
+<app-span name='updateman' :value="data.updateman" dataType="TEXT"     :precision="0"
+tag='SysOperator' codelistType='DYNAMIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
+</app-span>
+
+</app-form-item>
+
+</i-col>
+<i-col v-show="detailsModel.updatedate.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+    <app-form-item name='updatedate' :itemRules="this.rules().updatedate" class='' :caption="$t('entities.ibizsample0002.main_form.details.updatedate')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.updatedate.error" :isEmptyCaption="false" labelPos="LEFT">
+    
+<app-span name='updatedate' :value="data.updatedate" dataType="DATETIME" valueFormat="%1$tY-%1$tm-%1$td %1$tH:%1$tM:%1$tS"     :precision="0"
+:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
+</app-span>
+
+</app-form-item>
+
+</i-col>
+    
+    </row>
+</app-form-group>
+
+</i-col>
+
+
+            </tab-pane> 
+    </tabs>
+    </row>
+</i-form>
+</template>
+
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch, Model,Inject } from 'vue-property-decorator';
+import { CreateElement } from 'vue';
+import { Subject, Subscription } from 'rxjs';
+import { ControlInterface } from '@/interface/control';
+import { UIActionTool,Util,ViewTool } from '@/utils';
+import NavDataService from '@/service/app/navdata-service';
+import AppCenterService from "@service/app/app-center-service";
+import IBIZSample0002Service from '@/service/ibizsample0002/ibizsample0002-service';
+import MainService from './main-form-service';
+import IBIZSample0002UIService from '@/uiservice/ibizsample0002/ibizsample0002-ui-service';
+import { FormButtonModel, FormPageModel, FormItemModel, FormDRUIPartModel, FormPartModel, FormGroupPanelModel, FormIFrameModel, FormRowItemModel, FormTabPageModel, FormTabPanelModel, FormUserControlModel } from '@/model/form-detail';
+import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
+import schema from 'async-validator';
+import { Environment } from '@/environments/environment';
+
+
+@Component({
+    components: {
+      
+    }
+})
+export default class MainBase extends Vue implements ControlInterface {
+
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public name?: string;
+
+    /**
+     * 视图通讯对象
+     *
+     * @type {Subject<ViewState>}
+     * @memberof MainBase
+     */
+    @Prop() public viewState!: Subject<ViewState>;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    @Prop() public context: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    @Prop() public viewparams: any;
+
+    /**
+     * 视图状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof MainBase
+     */
+    public viewStateEvent: Subscription | undefined;
+
+    /**
+     * 获取部件类型
+     *
+     * @returns {string}
+     * @memberof MainBase
+     */
+    public getControlType(): string {
+        return 'FORM'
+    }
+
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @type {Array<*>}
+     * @memberof MainBase
+     */    
+    public counterServiceArray:Array<any> = [];
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {MainService}
+     * @memberof MainBase
+     */
+    public service: MainService = new MainService({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {IBIZSample0002Service}
+     * @memberof MainBase
+     */
+    public appEntityService: IBIZSample0002Service = new IBIZSample0002Service({ $store: this.$store });
+    
+
+
+    /**
+     * 转化数据
+     *
+     * @param {any} args
+     * @memberof  MainBase
+     */
+    public transformData(args: any) {
+        let _this: any = this;
+        if(_this.service && _this.service.handleRequestData instanceof Function && _this.service.handleRequestData('transform',_this.context,args)){
+            return _this.service.handleRequestData('transform',_this.context,args)['data'];
+        }
+    }
+
+    /**
+     * 关闭视图
+     *
+     * @param {any} args
+     * @memberof MainBase
+     */
+    public closeView(args: any): void {
+        let _this: any = this;
+        _this.$emit('closeview', [args]);
+    }
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof MainBase
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+
+
+    /**
+     * 视图默认使用
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Inject({from:'navModel',default: 'tab'})
+    public navModel!:string;
+
+    /**
+     * 主键表单项名称
+     *
+     * @protected
+     * @type {string}
+     * @memberof MainBase
+     */
+    public formKeyItemName: string = '';
+
+    /**
+     * 是否自动加载
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    @Prop({default:false}) public isautoload?:boolean;
+
+    /**
+     * 界面UI服务对象
+     *
+     * @type {IBIZSample0002UIService}
+     * @memberof MainBase
+     */  
+    public appUIService:IBIZSample0002UIService = new IBIZSample0002UIService(this.$store);
+
+    /**
+     * 工作流审批意见控件绑定值
+     *
+     * @memberof MainBase
+     */
+    public srfwfmemo:string = "";
+    
+    /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof MainBase
+     */
+    public getDatas(): any[] {
+        return [this.data];
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof MainBase
+     */
+    public getData(): any {
+        return this.data;
+    }
+
+    /**
+     * 是否默认保存
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    @Prop({ default: false }) public autosave?: boolean;
+
+    /**
+     * 显示处理提示
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    @Prop({ default: true }) public showBusyIndicator?: boolean;
+
+    /**
+     * 部件行为--submit
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public WFSubmitAction!: string;
+    
+    /**
+     * 部件行为--start
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public WFStartAction!: string;
+    
+    /**
+     * 部件行为--update
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public updateAction!: string;
+    
+    /**
+     * 部件行为--remove
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public removeAction!: string;
+    
+    /**
+     * 部件行为--loaddraft
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public loaddraftAction!: string;
+    
+    /**
+     * 部件行为--load
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public loadAction!: string;
+    
+    /**
+     * 部件行为--create
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public createAction!: string;
+
+    /**
+     * 部件行为--create
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public searchAction!: string;
+
+    /**
+     * 视图标识
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public viewtag!: string;
+
+    /**
+     * 表单状态
+     *
+     * @type {Subject<any>}
+     * @memberof MainBase
+     */
+    public formState: Subject<any> = new Subject();
+
+    /**
+     * 忽略表单项值变化
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public ignorefieldvaluechange: boolean = false;
+
+    /**
+     * 数据变化
+     *
+     * @public
+     * @type {Subject<any>}
+     * @memberof MainBase
+     */
+    public dataChang: Subject<any> = new Subject();
+
+    /**
+     * 视图状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof MainBase
+     */
+    public dataChangEvent: Subscription | undefined;
+
+    /**
+     * 原始数据
+     *
+     * @public
+     * @type {*}
+     * @memberof MainBase
+     */
+    public oldData: any = {};
+
+    /**
+     * 混入表单数据对象
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    public mixinData:any = {};
+
+    /**
+     * 表单项校验错误提示信息
+     * 
+     *  @memberof  MainBase
+     */
+    public errorMessages: Array<any> = [];   
+
+    /**
+     * 设置表单项错误提示信息
+     * 
+     * @param {*} prop 表单项字段名
+     * @param {*} status 校验状态
+     * @param {*} error 错误信息
+     * @memberof MainBase
+     */
+    public formItemValidate(prop: string,status: boolean, error: string){
+        error = error ? error : '';
+        if(this.errorMessages && this.errorMessages.length > 0){
+            const index = this.errorMessages.findIndex((errorMessage:any) => Object.is(errorMessage.prop,prop));
+            if(index != -1){
+                this.errorMessages[index].error = error;
+            }else{
+                this.errorMessages.push({prop: prop,error: error});
+            }
+        }else{
+            this.errorMessages.push({prop: prop,error: error});
+        }
+    }
+
+    /**
+     * 表单数据对象
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    public data: any = {
+        srfupdatedate: null,
+        srforikey: null,
+        srfkey: null,
+        srfmajortext: null,
+        srftempmode: null,
+        srfuf: null,
+        srfdeid: null,
+        srfsourcekey: null,
+        ibizsample0002name: null,
+        createman: null,
+        createdate: null,
+        updateman: null,
+        updatedate: null,
+        ibizsample0002id: null,
+        ibizsample0002:null,
+    };
+
+    /**
+      * 当前执行的行为逻辑
+      *
+      * @type {string}
+      * @memberof MainBase
+      */
+    public currentAction: string = "";
+
+    /**
+      * 关系界面计数器
+      *
+      * @type {number}
+      * @memberof MainBase
+      */
+    public drcounter: number = 0;
+
+    /**
+      * 需要等待关系界面保存时，第一次调用save参数的备份
+      *
+      * @type {number}
+      * @memberof MainBase
+      */
+    public drsaveopt: any = {};
+
+    /**
+      * 表单保存回调存储对象
+      *
+      * @type {any}
+      * @memberof MainBase
+      */
+    public saveState:any ;
+
+    /**
+     * 主信息属性映射表单项名称
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    public majorMessageField: string = "ibizsample0002name";
+
+    /**
+     * 值规则
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    public rules() :any {
+    return {
+        ibizsample0002name: [
+            { required: this.detailsModel.ibizsample0002name.required, type: 'string', message: '首页图表数据源名称 值不能为空', trigger: 'change' },
+            { required: this.detailsModel.ibizsample0002name.required, type: 'string', message: '首页图表数据源名称 值不能为空', trigger: 'blur' },
+        ],
+        createman: [
+            { required: this.detailsModel.createman.required, type: 'string', message: '建立人 值不能为空', trigger: 'change' },
+            { required: this.detailsModel.createman.required, type: 'string', message: '建立人 值不能为空', trigger: 'blur' },
+        ],
+        createdate: [
+            { required: this.detailsModel.createdate.required, type: 'string', message: '建立时间 值不能为空', trigger: 'change' },
+            { required: this.detailsModel.createdate.required, type: 'string', message: '建立时间 值不能为空', trigger: 'blur' },
+        ],
+        updateman: [
+            { required: this.detailsModel.updateman.required, type: 'string', message: '更新人 值不能为空', trigger: 'change' },
+            { required: this.detailsModel.updateman.required, type: 'string', message: '更新人 值不能为空', trigger: 'blur' },
+        ],
+        updatedate: [
+            { required: this.detailsModel.updatedate.required, type: 'string', message: '更新时间 值不能为空', trigger: 'change' },
+            { required: this.detailsModel.updatedate.required, type: 'string', message: '更新时间 值不能为空', trigger: 'blur' },
+        ],
+        }
+    }
+
+    /**
+     * 属性值规则
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    public deRules:any = {
+    };
+
+    /**
+     * 校验属性值规则
+     *
+     * @public
+     * @param {{ name: string }} { name }
+     * @memberof MainBase
+     */
+    public verifyDeRules(name:string,rule:any = this.deRules,op:string = "AND") :{isPast:boolean,infoMessage:string}{
+        let falg:any = {infoMessage:""};
+        if(!rule[name]){
+            return falg;
+        }
+        let opValue = op == 'AND'? true :false;
+        let startOp = (val:boolean)=>{
+            if(falg.isPast){
+                if(opValue){
+                    falg.isPast = falg.isPast && val;
+                }else{
+                    falg.isPast = falg.isPast || val;
+                }
+            }else{
+                falg.isPast = val;
+            }
+        }
+        for(let i=0;i<rule[name].length;i++){
+            let item:any = rule[name][i];
+            let dataValue = item.deName?this.data[this.service.getItemNameByDeName(item.deName)]:"";
+            item.ruleInfo = item.ruleInfo ? item.ruleInfo : this.$t('app.formpage.valuecheckex');
+            if((dataValue === null || dataValue === undefined || dataValue === "") && (item.type != 'GROUP')){
+                startOp(true);
+                return falg;
+            }
+           try {
+                // 常规规则
+                if(item.type == 'SIMPLE'){
+                    startOp(!this.$verify.checkFieldSimpleRule(dataValue,item.condOP,item.paramValue,item.ruleInfo,item.paramType,this.data,item.isKeyCond));
+                    falg.infoMessage = item.ruleInfo;
+                    if(!falg.isPast) return falg;
+                }
+                // 数值范围
+                if(item.type == 'VALUERANGE2'){
+                    startOp( !this.$verify.checkFieldValueRangeRule(dataValue,item.minValue,item.isIncludeMinValue,item.maxValue,item.isIncludeMaxValue,item.ruleInfo,item.isKeyCond));
+                    falg.infoMessage = item.ruleInfo;
+                    if(!falg.isPast) return falg;
+                }
+                // 正则式
+                if (item.type == "REGEX") {
+                    startOp(!this.$verify.checkFieldRegExRule(dataValue,item.regExCode,item.ruleInfo,item.isKeyCond));
+                    falg.infoMessage = item.ruleInfo;
+                    if(!falg.isPast) return falg;
+                }
+                // 长度
+                if (item.type == "STRINGLENGTH") {
+                    startOp(!this.$verify.checkFieldStringLengthRule(dataValue,item.minValue,item.isIncludeMinValue,item.maxValue,item.isIncludeMaxValue,item.ruleInfo,item.isKeyCond)); 
+                    falg.infoMessage = item.ruleInfo;
+                    if(!falg.isPast) return falg;
+                }
+                // 系统值规则
+                if(item.type == "SYSVALUERULE") {
+                    startOp(!this.$verify.checkFieldSysValueRule(dataValue,item.sysRule.regExCode,item.ruleInfo,item.isKeyCond));
+                    falg.infoMessage = item.ruleInfo;
+                    if(!falg.isPast) return falg;
+                }
+            } catch(error) {
+                falg.infoMessage = item.ruleInfo;
+                startOp(false);
+                if(!falg.isPast) return falg;
+            }
+            // 分组
+            if(item.type == 'GROUP'){
+                falg = this.verifyDeRules('group',item,item.condOP?item.condOP:"AND");
+                if(item.isNotMode){
+                   falg.isPast = !falg.isPast;
+                }
+                if(!falg.isPast) return falg;
+            }   
+        }
+        if(!falg.hasOwnProperty("isPast")){
+            falg.isPast = true;
+        }
+        if(!this.data[name] && this.data[name] != 0){
+           falg.isPast = true;
+        }
+        return falg;
+    }
+
+    /**
+     * 详情模型集合
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    public detailsModel: any = {
+        group1: new FormGroupPanelModel({ caption: '首页图表数据源基本信息', detailType: 'GROUPPANEL', name: 'group1', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0002.main_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
+, 
+        formpage1: new FormPageModel({ caption: '基本信息', detailType: 'FORMPAGE', name: 'formpage1', visible: true, isShowCaption: true, form: this, isControlledContent: false  })
+, 
+        group2: new FormGroupPanelModel({ caption: '操作信息', detailType: 'GROUPPANEL', name: 'group2', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0002.main_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
+, 
+        formpage2: new FormPageModel({ caption: '其它', detailType: 'FORMPAGE', name: 'formpage2', visible: true, isShowCaption: true, form: this, isControlledContent: false  })
+, 
+        srfupdatedate: new FormItemModel({ caption: '更新时间', detailType: 'FORMITEM', name: 'srfupdatedate', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        srforikey: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srforikey', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        srfkey: new FormItemModel({ caption: '首页图表数据源标识', detailType: 'FORMITEM', name: 'srfkey', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        srfmajortext: new FormItemModel({ caption: '首页图表数据源名称', detailType: 'FORMITEM', name: 'srfmajortext', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        srftempmode: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srftempmode', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        srfuf: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfuf', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        srfdeid: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfdeid', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        srfsourcekey: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfsourcekey', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        ibizsample0002name: new FormItemModel({ caption: '首页图表数据源名称', detailType: 'FORMITEM', name: 'ibizsample0002name', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        createman: new FormItemModel({ caption: '建立人', detailType: 'FORMITEM', name: 'createman', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        createdate: new FormItemModel({ caption: '建立时间', detailType: 'FORMITEM', name: 'createdate', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        updateman: new FormItemModel({ caption: '更新人', detailType: 'FORMITEM', name: 'updateman', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        updatedate: new FormItemModel({ caption: '更新时间', detailType: 'FORMITEM', name: 'updatedate', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        ibizsample0002id: new FormItemModel({ caption: '首页图表数据源标识', detailType: 'FORMITEM', name: 'ibizsample0002id', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        form: new FormTabPanelModel({ caption: 'form', detailType: 'TABPANEL', name: 'form', visible: true, isShowCaption: true, form: this, tabPages: [{ name: 'formpage1', index: 0, visible: true }, { name: 'formpage2', index: 1, visible: true }] }),
+    };
+
+    /**
+     * 监控表单属性 srfupdatedate 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('data.srfupdatedate')
+    onSrfupdatedateChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'srfupdatedate', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 srforikey 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('data.srforikey')
+    onSrforikeyChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'srforikey', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 srfkey 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('data.srfkey')
+    onSrfkeyChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'srfkey', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 srfmajortext 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('data.srfmajortext')
+    onSrfmajortextChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'srfmajortext', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 srftempmode 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('data.srftempmode')
+    onSrftempmodeChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'srftempmode', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 srfuf 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('data.srfuf')
+    onSrfufChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'srfuf', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 srfdeid 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('data.srfdeid')
+    onSrfdeidChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'srfdeid', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 srfsourcekey 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('data.srfsourcekey')
+    onSrfsourcekeyChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'srfsourcekey', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 ibizsample0002name 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('data.ibizsample0002name')
+    onIbizsample0002nameChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'ibizsample0002name', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 createman 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('data.createman')
+    onCreatemanChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'createman', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 createdate 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('data.createdate')
+    onCreatedateChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'createdate', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 updateman 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('data.updateman')
+    onUpdatemanChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'updateman', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 updatedate 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('data.updatedate')
+    onUpdatedateChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'updatedate', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 ibizsample0002id 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('data.ibizsample0002id')
+    onIbizsample0002idChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'ibizsample0002id', newVal: newVal, oldVal: oldVal });
+    }
+
+
+    /**
+     * 显示更多模式切换操作
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    public manageContainerClick(name: string){
+        let model = this.detailsModel[name];
+        if(model.isManageContainer){
+            model.setManageContainerStatus(!model.manageContainerStatus);
+            model.showMoreModeItems.forEach((item:any) => {
+                if(this.detailsModel[item].isControlledContent){
+                    this.detailsModel[item].setVisible(model.manageContainerStatus? this.detailsModel[item].oldVisible : false);
+                }
+            });
+        }
+    }
+
+    /**
+     * 重置表单项值
+     *
+     * @public
+     * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal }
+     * @memberof MainBase
+     */
+    public resetFormData({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }): void {
+    }
+
+    /**
+      * 置空对象
+      *
+      * @param {any[]} args
+     * @memberof MainBase
+      */
+    public ResetData(_datas:any){
+        if(Object.keys(_datas).length >0){
+            Object.keys(_datas).forEach((name: string) => {
+                if (this.data.hasOwnProperty(name)) {
+                    this.data[name] = null;
+                }
+            });
+        }
+    }
+
+    /**
+     * 表单逻辑
+     *
+     * @public
+     * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal }
+     * @memberof MainBase
+     */
+    public async formLogic({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }){
+                
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    }
+
+    /**
+     * 表单项检查逻辑
+     *
+     * @public
+     * @param name 属性名
+     * @memberof MainBase
+     */
+    public checkItem(name:string):Promise<any> {
+        return new Promise((resolve, reject) => {
+                var validator = new schema({[name]:this.rules()[name]});
+                validator.validate({[name]:this.data[name]}).then(()=>{
+                    resolve(true);
+                })
+                .catch(() => {
+                    resolve(false);
+                });;
+        })
+    }
+
+    /**
+     * 表单值变化
+     *
+     * @public
+     * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal }
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public formDataChange({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }): void {
+        if (this.ignorefieldvaluechange) {
+            return;
+        }
+        this.resetFormData({ name: name, newVal: newVal, oldVal: oldVal });
+        this.formLogic({ name: name, newVal: newVal, oldVal: oldVal });
+        this.dataChang.next(JSON.stringify(this.data));
+    }
+
+    /**
+     * 表单加载完成
+     *
+     * @public
+     * @param {*} [data={}]
+     * @param {string} [action]
+     * @memberof MainBase
+     */
+    public onFormLoad(data: any = {},action:string): void {
+        if(Object.is(action,"save") || Object.is(action,"autoSave") || Object.is(action,"submit"))
+        // 更新context的实体主键
+        if(data.ibizsample0002){
+            Object.assign(this.context,{ibizsample0002:data.ibizsample0002})
+        }
+        this.setFormEnableCond(data);
+        this.computeButtonState(data);
+        this.fillForm(data,action);
+        this.oldData = {};
+        Object.assign(this.oldData, JSON.parse(JSON.stringify(this.data)));
+        this.$store.commit('viewaction/setViewDataChange', { viewtag: this.viewtag, viewdatachange: false });
+        this.formLogic({ name: '', newVal: null, oldVal: null });
+    }
+
+    /**
+     * 值填充
+     *
+     * @param {*} [_datas={}]
+     * @param {string} [action]
+     * @memberof MainBase
+     */
+    public fillForm(_datas: any = {},action:string): void {
+        this.mixinData = _datas;
+        this.ignorefieldvaluechange = true;
+        Object.keys(_datas).forEach((name: string) => {
+            if (this.data.hasOwnProperty(name)) {
+                this.data[name] = _datas[name];
+            }
+        });
+        if(Object.is(action,'loadDraft')){
+            this.createDefault();
+        }
+        if(Object.is(action,'load')){
+            this.updateDefault();
+        }
+        this.$nextTick(function () {
+            this.ignorefieldvaluechange = false;
+        })
+    }
+
+    /**
+     * 设置表单项是否启用
+     *
+     * @public
+     * @param {*} data
+     * @memberof MainBase
+     */
+    public setFormEnableCond(data: any): void {
+        Object.values(this.detailsModel).forEach((detail: any) => {
+            if (!Object.is(detail.detailType, 'FORMITEM')) {
+                return;
+            }
+            const formItem: FormItemModel = detail;
+            formItem.setEnableCond(data.srfuf);
+        });
+    }
+
+    /**
+     * 重置草稿表单状态
+     *
+     * @public
+     * @memberof MainBase
+     */
+    public resetDraftFormStates(): void {
+        const form: any = this.$refs.form;
+        if (form) {
+            form.resetFields();
+        }
+    }
+
+    /**
+     * 重置校验结果
+     *
+     * @memberof MainBase
+     */
+    public resetValidates(): void {
+        Object.values(this.detailsModel).forEach((detail: any) => {
+            if (!Object.is(detail.detailType, 'FORMITEM')) {
+                return;
+            }
+            const formItem: FormItemModel = detail;
+            formItem.setError('');
+        });
+    }
+
+    /**
+     * 填充校验结果 （后台）
+     *
+     * @param {any[]} fieldErrors
+     * @memberof MainBase
+     */
+    public fillValidates(fieldErrors: any[]): void {
+        fieldErrors.forEach((error: any) => {
+            const formItem: FormItemModel = this.detailsModel[error.field];
+            if (!formItem) {
+                return;
+            }
+            this.$nextTick(() => {
+                formItem.setError(error.message);
+            });
+        });
+    }
+
+    /**
+     * 表单校验状态
+     *
+     * @returns {boolean} 
+     * @memberof MainBase
+     */
+    public formValidateStatus(): boolean {
+        const form: any = this.$refs.form;
+        let validatestate: boolean = true;
+        form.validate((valid: boolean) => {
+            validatestate = valid ? true : false;
+        });
+        return validatestate
+    }
+
+    /**
+     * 获取全部值
+     *
+     * @returns {*}
+     * @memberof MainBase
+     */
+    public getValues(): any {
+        return this.data;
+    }
+
+    /**
+     * 表单项值变更
+     *
+     * @param {{ name: string, value: any }} $event
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public onFormItemValueChange($event: { name: string, value: any }): void {
+        if (!$event) {
+            return;
+        }
+        if (!$event.name || Object.is($event.name, '') || !this.data.hasOwnProperty($event.name)) {
+            return;
+        }
+        this.data[$event.name] = $event.value;
+    }
+
+    /**
+     * 编辑器行为触发
+     *
+     * @param {*} arg
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public onFormItemActionClick(arg:any){
+        if(arg && (arg instanceof Function)) arg();
+    }
+
+    /**
+     * 设置数据项值
+     *
+     * @param {string} name
+     * @param {*} value
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public setDataItemValue(name: string, value: any): void {
+        if (!name || Object.is(name, '') || !this.data.hasOwnProperty(name)) {
+            return;
+        }
+        if (Object.is(this.data[name], value)) {
+            return;
+        }
+        this.data[name] = value;
+    }
+
+    /**
+     * 计算表单按钮权限状态
+     *
+     * @param {*} [data] 传入数据
+     * @memberof MainBase
+     */
+    public computeButtonState(data:any){
+        let targetData:any = this.transformData(data);
+        if(this.detailsModel && Object.keys(this.detailsModel).length >0){
+            Object.keys(this.detailsModel).forEach((name:any) =>{
+                if(this.detailsModel[name] && this.detailsModel[name].uiaction && this.detailsModel[name].uiaction.dataaccaction && Object.is(this.detailsModel[name].detailType,"BUTTON")){
+                    this.detailsModel[name].isPower = true;
+                    let tempUIAction:any = JSON.parse(JSON.stringify(this.detailsModel[name].uiaction));
+                    let result: any[] = ViewTool.calcActionItemAuthState(targetData,[tempUIAction],this.appUIService);
+                    this.detailsModel[name].visible = tempUIAction.visabled;
+                    this.detailsModel[name].disabled = tempUIAction.disabled;
+                    this.detailsModel[name].isPower = result[0] === 1 ? true : false;
+                }
+            })
+        }
+    }
+
+
+
+    /**
+     * 分组界面行为事件
+     *
+     * @param {*} $event
+     * @memberof MainBase
+     */
+    public groupUIActionClick($event: any): void {
+        if (!$event) {
+            return;
+        }
+        const item:any = $event.item;
+    }
+
+    /**
+     * Vue声明周期(处理组件的输入属性)
+     *
+     * @memberof MainBase
+     */
+    public created(): void {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof MainBase
+     */    
+    public afterCreated(){
+        if(this.isautoload){
+            this.autoLoad({srfkey:this.context.documentcenter});
+        }
+        if (this.viewState) {
+            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+                if (!Object.is(tag, this.name)) {
+                    return;
+                }
+                if (Object.is('autoload', action)) {
+                    this.autoLoad(data);
+                }
+                if (Object.is('load', action)) {
+                    this.load(data);
+                }
+                if (Object.is('loaddraft', action)) {
+                    this.loadDraft(data);
+                }
+                if (Object.is('save', action)) {
+                    this.save(data,data.showResultInfo);
+                }
+                if (Object.is('remove', action)) {
+                    this.remove(data);
+                }
+                if (Object.is('saveandexit', action)) {
+                    this.saveAndExit(data);
+                }
+                if (Object.is('saveandnew', action)) {
+                    this.saveAndNew(data);
+                }
+                if (Object.is('removeandexit', action)) {
+                    this.removeAndExit(data);
+                }
+                if (Object.is('refresh', action)) {
+                    this.refresh(data);
+                }
+                if (Object.is('panelaction', action)) {
+                    this.panelAction(data.action,data.emitAction,data.data);
+                }
+            });
+        }
+        this.dataChang
+            .pipe(
+                debounceTime(300),
+                distinctUntilChanged()
+            ).subscribe((data: any) => {
+                if (this.autosave) {
+                    this.autoSave();
+                }
+                const state = !Object.is(JSON.stringify(this.oldData), JSON.stringify(this.data)) ? true : false;
+                this.$store.commit('viewaction/setViewDataChange', { viewtag: this.viewtag, viewdatachange: state });
+            });
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof MainBase
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof MainBase
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+        if (this.dataChangEvent) {
+            this.dataChangEvent.unsubscribe();
+        }
+    }
+
+    /**
+     *打印
+     *@memberof @memberof MainBase
+     */
+    public print(){
+        let _this:any = this;
+        _this.$print({id:'ibizsample0002_main',popTitle:'主编辑表单'});
+    }
+
+    /**
+     * 部件刷新
+     *
+     * @param {any} args
+     * @memberof MainBase
+     */
+    public refresh(args?: any): void {
+        let arg: any = {};
+        Object.assign(arg,args?args[0]:{});
+        if (this.data.srfkey && !Object.is(this.data.srfkey, '')) {
+            Object.assign(arg, { srfkey: this.data.srfkey });
+            this.load(arg);
+            return;
+        }
+        if (this.data.srfkeys && !Object.is(this.data.srfkeys, '')) {
+            Object.assign(arg, { srfkey: this.data.srfkeys });
+            this.load(arg);
+            return;
+        }
+    }
+
+    /**
+     * 自动加载
+     *
+     * @param {*} [arg={}]
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public autoLoad(arg: any = {}): void {
+        if (arg.srfkey && !Object.is(arg.srfkey, '')) {
+            Object.assign(arg, { srfkey: arg.srfkey });
+            this.load(arg);
+            return;
+        }
+        if (arg.srfkeys && !Object.is(arg.srfkeys, '')) {
+            Object.assign(arg, { srfkey: arg.srfkeys });
+            this.load(arg);
+            return;
+        }
+        this.loadDraft(arg);
+    }
+
+    /**
+     * 加载
+     *
+     * @public
+     * @param {*} [opt={}]
+     * @memberof MainBase
+     */
+    public load(opt: any = {}): void {
+        if(!this.loadAction){
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0002EditView' + (this.$t('app.formpage.notconfig.loadaction') as string) });
+            return;
+        }
+        const arg: any = { ...opt };
+        let viewparamResult:any = Object.assign(arg,this.viewparams);
+        const get: Promise<any> = this.service.get(this.loadAction,JSON.parse(JSON.stringify(this.context)),{viewparams:viewparamResult}, this.showBusyIndicator);
+        get.then((response: any) => {
+            if (response && response.status === 200) {
+                const data = response.data;
+                this.onFormLoad(data,'load');
+                this.$emit('load', data);
+                this.$nextTick(() => {
+                    this.formState.next({ type: 'load', data: data });
+                });
+            }
+        }).catch((response: any) => {
+            if (response && response.status && response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                return;
+            }
+            if (!response || !response.status || !response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                return;
+            }
+        });
+    }
+
+    /**
+     * 加载草稿
+     *
+     * @param {*} [opt={}]
+     * @memberof MainBase
+     */
+    public loadDraft(opt: any = {}): void {
+        if(!this.loaddraftAction){
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0002EditView' + (this.$t('app.formpage.notconfig.loaddraftaction') as string) });
+            return;
+        }
+        const arg: any = { ...opt } ;
+        let viewparamResult:any = Object.assign(arg,this.viewparams);
+        let post: Promise<any> = this.service.loadDraft(this.loaddraftAction,JSON.parse(JSON.stringify(this.context)),{viewparams:viewparamResult}, this.showBusyIndicator);
+        post.then((response: any) => {
+            if (!response.status || response.status !== 200) {
+                if (response.data) {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                }
+                return;
+            }
+
+            const data = response.data;
+            this.resetDraftFormStates();
+            this.onFormLoad(data,'loadDraft');
+            data.ibizsample0002 = null;
+            this.$emit('load', data);
+            this.$nextTick(() => {
+                this.formState.next({ type: 'load', data: data });
+            });
+            setTimeout(() => {
+                const form: any = this.$refs.form;
+                if (form) {
+                    form.fields.forEach((field: any) => {
+                        field.validateMessage = "";
+                        field.validateState = "";
+                        field.validateStatus = false;
+                    });
+                }
+            });
+        }).catch((response: any) => {
+            if (response && response.status  && response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                return;
+            }
+            if (!response || !response.status || !response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                return;
+            }
+        });
+    }
+
+    /**
+     * 自动保存
+     *
+     * @param {*} [opt={}]
+     * @memberof MainBase
+     */
+    public autoSave(opt: any = {}): void {
+        if (!this.formValidateStatus()) {
+            return;
+        }
+        const arg: any = { ...opt };
+        const data = this.getValues();
+        Object.assign(arg, data);
+        Object.assign(arg,{srfmajortext:data[this.majorMessageField]});
+        const action: any = Object.is(data.srfuf, '1') ? this.updateAction : this.createAction;
+        if(!action){
+            let actionName:any = Object.is(data.srfuf, '1')?"updateAction":"createAction";
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0002EditView' + (this.$t('app.formpage.notconfig.actionname') as string) });
+            return;
+        }
+        Object.assign(arg,{viewparams:this.viewparams});
+        const post: Promise<any> = this.service.add(action, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator);
+        post.then((response: any) => {
+            if (!response.status || response.status !== 200) {
+                if (response.data) {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                }
+                return;
+            }
+
+            const data = response.data;
+            this.onFormLoad(data,'autoSave');
+            this.$emit('save', data);
+            AppCenterService.notifyMessage({name:"IBIZSample0002",action:'appRefresh',data:data});
+            this.$nextTick(() => {
+                this.formState.next({ type: 'save', data: data });
+            });
+        }).catch((response: any) => {
+            if (response && response.status && response.data) {
+                    if (response.data.errorKey) {
+                        if(Object.is(response.data.errorKey, "versionCheck")) {
+                            this.$Modal.confirm({
+                                title: (this.$t('app.formpage.saveerror') as string),
+                                content: (this.$t('app.formpage.savecontent') as string),
+                                onOk: () => {
+                                    this.refresh([]);
+                                },
+                                onCancel: () => { }
+                            });
+                        } else if(Object.is(response.data.errorKey, 'DupCheck')) {
+                            let errorProp: string = response.data.message.match(/\[[a-zA-Z]*\]/)[0];
+                            let name: string = this.service.getNameByProp(errorProp.substr(1, errorProp.length-2));
+                            if(name) {
+                                this.$Notice.error({
+                                    title: (this.$t('app.commonWords.createFailed') as string),
+                                    desc: this.detailsModel[name].caption + " : " + arg[name] + (this.$t('app.commonWords.isExist') as string) + '!',
+                                });
+                            } else {
+                                this.$Notice.error({
+                                    title: (this.$t('app.commonWords.createFailed') as string),
+                                    desc: response.data.message?response.data.message:(this.$t('app.commonWords.sysException') as string),
+                                })
+                            }
+                        }else if(Object.is(response.data.errorKey, 'DuplicateKeyException')){
+                            this.$Notice.error({
+                                title: (this.$t('app.commonWords.createFailed') as string),
+                                desc: this.detailsModel[this.formKeyItemName].caption + " : " + arg[this.formKeyItemName] + (this.$t('app.commonWords.isExist') as string) + '!',
+                            });
+                        } else {
+                            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message?response.data.message:(this.$t('app.commonWords.sysException') as string) });
+                        }
+                    } else {
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message?response.data.message:(this.$t('app.commonWords.sysException') as string) });
+                    }
+                    return;
+                } else {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                }
+        });
+    }
+
+    /**
+     * 保存
+     *
+     * @param {*} [opt={}]
+     * @param {boolean} [showResultInfo] 
+     * @param {boolean} [ifStateNext] formState是否下发通知
+     * @returns {Promise<any>}
+     * @memberof MainBase
+     */
+    public async save(opt: any = {}, showResultInfo?: boolean, ifStateNext: boolean = true): Promise<any> {
+        return new Promise((resolve: any, reject: any) => {
+            showResultInfo = showResultInfo === undefined ? true : false;
+            if (!this.formValidateStatus()) {
+                if(this.errorMessages && this.errorMessages.length > 0) {
+                    let descMessage: string = '';
+                    this.errorMessages.forEach((message: any) => {
+                        descMessage = descMessage + '<p>' + message.error + '<p>';
+                    })
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: descMessage });
+                } else {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.formpage.valuecheckex') as string) });
+                }
+                return;
+            }
+            const arg: any = { ...opt };
+            const data = this.getValues();
+            Object.assign(arg, this.context);
+            Object.assign(arg, data);
+            Object.assign(arg,{srfmajortext:data[this.majorMessageField]});
+            if (ifStateNext) {
+                this.drcounter = 0;
+                if(this.drcounter !== 0){
+                    this.drsaveopt = opt;
+                    this.formState.next({ type: 'beforesave', data: arg });//先通知关系界面保存
+                    this.saveState = resolve;
+                    return;
+                }
+            }
+            if(this.viewparams && this.viewparams.copymode){
+                data.srfuf = '0';
+            }
+            const action: any = Object.is(data.srfuf, '1') ? this.updateAction : this.createAction;
+            if(!action){
+                let actionName:any = Object.is(data.srfuf, '1')?"updateAction":"createAction";
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0002EditView' + (this.$t('app.formpage.notconfig.actionname') as string) });
+                return;
+            }
+            Object.assign(arg,{viewparams:this.viewparams});
+            const post: Promise<any> = Object.is(data.srfuf, '1')?this.service.update(action, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator):this.service.add(action,JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator);
+            post.then((response: any) => {
+                if (!response.status || response.status !== 200) {
+                    if (response.data) {
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                    }
+                    return;
+                }
+                this.viewparams.copymode = false;
+                const data = response.data;
+                this.onFormLoad(data,'save');
+                this.$emit('save', data);
+                AppCenterService.notifyMessage({name:"IBIZSample0002",action:'appRefresh',data:data});
+                this.$nextTick(() => {
+                    this.formState.next({ type: 'save', data: data });
+                });
+                if (showResultInfo) {
+                    this.$Notice.success({ title: '', desc: (data.srfmajortext ? data.srfmajortext : '') + '&nbsp;'+ (this.$t('app.formpage.savesuccess') as string) });
+                }
+                resolve(response);
+            }).catch((response: any) => {
+                if (response && response.status && response.data) {
+                    if (response.data.errorKey) {
+                        if(Object.is(response.data.errorKey, "versionCheck")) {
+                            this.$Modal.confirm({
+                                title: (this.$t('app.formpage.saveerror') as string),
+                                content: (this.$t('app.formpage.savecontent') as string),
+                                onOk: () => {
+                                    this.refresh([]);
+                                },
+                                onCancel: () => { }
+                            });
+                        } else if(Object.is(response.data.errorKey, 'DupCheck')) {
+                            let errorProp: string = response.data.message.match(/\[[a-zA-Z]*\]/)[0];
+                            let name: string = this.service.getNameByProp(errorProp.substr(1, errorProp.length-2));
+                            if(name) {
+                                this.$Notice.error({
+                                    title: (this.$t('app.commonWords.createFailed') as string),
+                                    desc: this.detailsModel[name].caption + " : " + arg[name] + (this.$t('app.commonWords.isExist') as string) + '!',
+                                });
+                            } else {
+                                this.$Notice.error({
+                                    title: (this.$t('app.commonWords.createFailed') as string),
+                                    desc: response.data.message,
+                                })
+                            }
+                        } else {
+                            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                        }
+                    } else {
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                        reject(response);
+                    }
+                    return;
+                } else {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                    reject(response);
+                }    
+                reject(response);
+            });
+        })
+    }
+
+    /**
+    * 删除
+    *
+    * @public
+    * @param {*} [opt={}]
+    * @memberof MainBase
+    */
+    public remove(opt:Array<any> = [],showResultInfo?: boolean): Promise<any> {
+        return new Promise((resolve: any, reject: any) => {
+            if(!this.removeAction){
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0002EditView' + (this.$t('app.formpage.notconfig.removeaction') as string) });
+                return;
+            }
+            const arg: any = opt[0];
+            const _this: any = this;
+            Object.assign(arg,{viewparams:this.viewparams});
+            this.service.delete(_this.removeAction, JSON.parse(JSON.stringify(this.context)),arg, showResultInfo).then((response: any) => {
+                if (response) {
+                    const data = response.data;
+                    this.$emit('remove',data);
+                    this.formState.next({ type: 'remove', data: data });
+                    this.data.ismodify = false;
+                    this.$Notice.success({ title: '', desc: (data.srfmajortext ? data.srfmajortext : '') + '&nbsp;' + (this.$t('app.formpage.deletesuccess') as string) });
+                    AppCenterService.notifyMessage({name:"IBIZSample0002",action:'appRefresh',data:data});
+                    resolve(response);
+                }
+            }).catch((error: any) => {
+                const { data: _data } = error;
+                this.$Notice.error({ title: _data.title, desc: _data.message });
+                reject(error);
+            });
+        });
+    }
+
+    /**
+     * 工作流启动
+     *
+     * @param {*} [data={}]
+     * @param {*} [localdata={}]
+     * @returns {Promise<any>}
+     * @memberof MainBase
+     */
+    public async wfstart(data: any,localdata?:any): Promise<any> {
+        return new Promise((resolve: any, reject: any) => {
+            const _this: any = this;
+            const formData:any = this.getData();
+            const copyData:any = Util.deepCopy(formData);
+            const post: Promise<any> =  Object.is(formData.srfuf, '1')?this.service.update(this.updateAction, JSON.parse(JSON.stringify(this.context)),formData, this.showBusyIndicator,true):this.service.add(this.createAction,JSON.parse(JSON.stringify(this.context)),formData, this.showBusyIndicator,true);
+            post.then((response:any) =>{
+                const responseData:any = response.data;
+                let tempResponseData:any = Util.deepCopy(response);
+                this.service.handleResponse('save', tempResponseData);
+                const arg:any = tempResponseData.data;
+                // 保存完成UI处理
+                this.onFormLoad(arg,'save');
+                this.$emit('save', arg);
+                AppCenterService.notifyMessage({name:"IBIZSample0002",action:'appRefresh',data:data});
+                this.$nextTick(() => {
+                    this.formState.next({ type: 'save', data: arg });
+                });
+                // 准备工作流数据,填充未存库数据
+                Object.assign(arg,copyData);
+                // 准备提交参数
+                if(this.viewparams){
+                    let copyViewParams:any = Util.deepCopy(this.viewparams);
+                    if(copyViewParams.w){
+                        delete copyViewParams.w;
+                    }
+                    Object.assign(responseData,copyViewParams);
+                }
+                Object.assign(arg,{viewparams:responseData});
+                // 强制补充srfwfmemo
+                if(this.srfwfmemo){
+                    Object.assign(arg,{srfwfmemo:this.srfwfmemo});
+                }
+                const result: Promise<any> = this.service.wfstart(_this.WFStartAction, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator,localdata);
+                result.then((response: any) => {
+                    if (!response || response.status !== 200) {
+                        if(response.data){
+                            this.$Notice.error({ title: '', desc: (this.$t('app.formpage.workflow.starterror') as string) + ', ' + response.data.message });
+                        }
+                        return;
+                    }
+                    this.$Notice.info({ title: '', desc: (this.$t('app.formpage.workflow.startsuccess') as string) });
+                    resolve(response);
+            }).catch((response: any) => {
+                if (response && response.status && response.data) {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                    reject(response);
+                    return;
+                }
+                if (!response || !response.status || !response.data) {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                    reject(response);
+                    return;
+                }
+                reject(response);
+            });
+            }).catch((response: any) => {
+                    if (response && response.status && response.data) {
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                        reject(response);
+                        return;
+                    }
+                    if (!response || !response.status || !response.data) {
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                        reject(response);
+                        return;
+                    }
+                    reject(response);
+            })
+        });
+    }
+
+    /**
+     * 工作流提交
+     *
+     * @param {*} [data={}]
+     * @param {*} [localdata={}]
+     * @returns {Promise<any>}
+     * @memberof MainBase
+     */
+    public async wfsubmit(data: any,localdata?:any): Promise<any> {
+        return new Promise((resolve: any, reject: any) => {
+        const _this: any = this;
+        const arg: any = data[0];
+        const copyData:any = Util.deepCopy(arg);
+        Object.assign(arg,{viewparams:this.viewparams});
+        if (!arg.ibizsample0002 || Object.is(arg.ibizsample0002, '')) {
+            return;
+        }
+        const post: Promise<any> = Object.is(arg.srfuf, '1')?this.service.update(this.updateAction, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator,true):this.service.add(this.createAction,JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator,true);
+        post.then((response:any) =>{
+                const responseData:any = response.data;
+                let tempResponseData:any = Util.deepCopy(response);
+                this.service.handleResponse('save', tempResponseData);
+                const arg:any = tempResponseData.data;
+                // 保存完成UI处理
+                this.onFormLoad(arg,'save');
+                this.$emit('save', arg);
+                AppCenterService.notifyMessage({name:"IBIZSample0002",action:'appRefresh',data:data});
+                this.$nextTick(() => {
+                    this.formState.next({ type: 'save', data: arg });
+                });
+                // 准备工作流数据,填充未存库数据
+                Object.assign(arg,copyData);
+                // 准备提交参数
+                if(this.viewparams){
+                    Object.assign(responseData,this.viewparams);
+                }
+                Object.assign(arg,{viewparams:responseData});
+                // 强制补充srfwfmemo
+                if(this.srfwfmemo){
+                    Object.assign(arg,{srfwfmemo:this.srfwfmemo});
+                }
+                const result: Promise<any> = this.service.wfsubmit(_this.WFSubmitAction, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator,localdata);
+                result.then((response: any) => {
+                    if (!response || response.status !== 200) {
+                        if(response.data){
+                            this.$Notice.error({ title: '', desc: (this.$t('app.formpage.workflow.submiterror') as string) + ', ' + response.data.message });
+                        }
+                        return;
+                    }
+                    this.onFormLoad(arg,'submit');
+                    this.$store.dispatch('viewaction/datasaved', { viewtag: this.viewtag });
+                    this.$Notice.info({ title: '', desc: (this.$t('app.formpage.workflow.submitsuccess') as string) });
+                    resolve(response);
+            }).catch((response: any) => {
+                if (response && response.status && response.data) {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                    reject(response);
+                    return;
+                }
+                if (!response || !response.status || !response.data) {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                    reject(response);
+                    return;
+                }
+                reject(response);
+            });
+            }).catch((response: any) => {
+                    if (response && response.status && response.data) {
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                        reject(response);
+                        return;
+                    }
+                    if (!response || !response.status || !response.data) {
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                        reject(response);
+                        return;
+                    }
+                    reject(response);
+            })
+        })
+    }
+
+    /**
+     * 面板行为
+     *
+     * @param {string} [action] 调用的实体行为
+     * @param {string} [emitAction] 抛出行为
+     * @param {*} [data={}] 传入数据
+     * @param {boolean} [showloading] 是否显示加载状态
+     * 
+     * @memberof MainBase
+     */
+    public panelAction(action:string,emitAction:string,data:any ={},showloading?:boolean):void{
+        if (!action || (action && Object.is(action, ''))) {
+            return;
+        }
+        const arg: any = { ...data };
+        const formdata = this.getValues();
+        Object.assign(arg, formdata);
+        Object.assign(arg,this.viewparams);
+        const post: Promise<any> = this.service.frontLogic(action,JSON.parse(JSON.stringify(this.context)),arg, showloading);
+        post.then((response: any) => {
+            if (!response.status || response.status !== 200) {
+                if (response.data) {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                }
+                return;
+            }
+            const data = response.data;
+            this.onFormLoad(data,emitAction);
+            this.$emit(emitAction, data);
+            this.$nextTick(() => {
+                this.formState.next({ type: emitAction, data: data });
+            });
+        }).catch((response: any) => {
+            if (response && response.status && response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                return;
+            }
+            if (!response || !response.status || !response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                return;
+            }
+        });
+    }
+
+    /**
+     * 表单项更新
+     *
+     * @param {string} mode 界面行为名称
+     * @param {*} [data={}] 请求数据
+     * @param {string[]} updateDetails 更新项
+     * @param {boolean} [showloading] 是否显示加载状态
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public updateFormItems(mode: string, data: any = {}, updateDetails: string[], showloading?: boolean): void {
+        if (!mode || (mode && Object.is(mode, ''))) {
+            return;
+        }
+        const arg: any = { ...data };
+        Object.assign(arg,this.viewparams);
+        const post: Promise<any> = this.service.frontLogic(mode,JSON.parse(JSON.stringify(this.context)),arg, showloading);
+        post.then((response: any) => {
+            if (!response || response.status !== 200) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.formpage.updateerror') as string) });
+                return;
+            }
+            const data = response.data;
+            const _data: any = {};
+            updateDetails.forEach((name: string) => {
+                if (!data.hasOwnProperty(name)) {
+                    return;
+                }
+                Object.assign(_data, { [name]: data[name] });
+            });
+            this.setFormEnableCond(_data);
+            this.fillForm(_data,'updateFormItem');
+            this.formLogic({ name: '', newVal: null, oldVal: null });
+            this.dataChang.next(JSON.stringify(this.data));
+            AppCenterService.notifyMessage({name:"IBIZSample0002",action:'appRefresh',data:data});
+            this.$nextTick(() => {
+                this.formState.next({ type: 'updateformitem', ufimode: arg.srfufimode, data: _data });
+            });
+        }).catch((response: any) => {
+            if (response && response.status && response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                return;
+            }
+            if (!response || !response.status || !response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                return;
+            }
+        });
+    }
+
+    /**
+     * 回车事件
+     *
+     * @param {*} $event
+     * @memberof MainBase
+     */
+    public onEnter($event: any): void {
+    }
+
+    /**
+     * 保存并退出
+     *
+     * @param {any[]} args
+     * @memberof MainBase
+     */
+    public saveAndExit(data:any[]):Promise<any>{
+        let _this = this;
+        return new Promise((resolve: any, reject: any) =>{
+            let arg: any = {};
+            if(data && data.length > 0){
+                Object.assign(arg,data[0]);
+            }
+            _this.currentAction = "saveAndExit";
+            _this.save([arg]).then((res) =>{
+                if(res){
+                    _this.closeView(res.data);
+                }
+                resolve(res);
+            }).catch((error) =>{
+                reject(error);
+            })
+        })
+    }
+
+    /**
+     * 保存并新建
+     *
+     * @param {any[]} args
+     * @memberof MainBase
+     */
+    public saveAndNew(data:any[]):Promise<any>{
+        let _this = this;
+        return new Promise((resolve: any, reject: any) =>{
+            let arg: any = {};
+            if(data && data.length > 0){
+                Object.assign(arg,data[0]);
+            }
+            _this.currentAction = "saveAndNew";
+            _this.save([arg]).then((res) =>{
+                _this.ResetData(res);
+                _this.loadDraft({});
+            }).catch((error) =>{
+                reject(error);
+            })
+        })
+    }
+
+    /**
+     * 删除并退出
+     *
+     * @param {any[]} args
+     * @memberof MainBase
+     */
+    public removeAndExit(data:any[]):Promise<any>{
+        let _this = this;
+        return new Promise((resolve: any, reject: any) =>{
+            let arg: any = {};
+            if(data && data.length > 0){
+                Object.assign(arg,data[0]);
+            }
+            _this.remove([arg]).then((res) =>{
+                if(res){
+                  _this.closeView(res.data);
+                }
+                resolve(res);
+            }).catch((error) =>{
+                reject(error);
+            })
+        })
+    }
+
+    /**
+    * 关系界面数据保存完成
+    *
+    * @param {any} $event
+    * @memberof MainBase
+    */
+    public drdatasaved($event:any){
+        let _this = this;
+        this.drcounter--;
+        if(this.drcounter === 0){
+            this.save(this.drsaveopt, undefined, false).then((res) =>{
+                this.saveState(res);
+                this.drsaveopt = {};
+                if(Object.is(_this.currentAction, "saveAndNew")){
+                    _this.ResetData(res);
+                    _this.loadDraft({});
+                }else if(Object.is(_this.currentAction, "saveAndExit")){
+                    if(res){
+                        _this.closeView(res.data);
+                    }
+                }
+            });
+        }
+    }
+
+    /**
+     * 新建默认值
+     * @memberof MainBase
+     */
+    public createDefault(){                    
+    }
+
+    /**
+     * 更新默认值
+     * @memberof MainBase
+     */
+    public updateDefault(){                    
+    }
+
+
+    /**
+     * 面板数据变化处理事件
+     * @param {any} item 当前列数据
+     * @param {any} $event 面板事件数据
+     *
+     * @memberof MainBase
+     */
+    public onPanelDataChange(item:any,$event:any) {
+        Object.assign(item, $event, {rowDataState:'update'});
+    }
+    
+}
+</script>
+
+<style lang='less'>
+@import './main-form.less';
+</style>
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/main-form/main-form-model.ts

+/**
+ * Main 部件模型
+ *
+ * @export
+ * @class MainModel
+ */
+export default class MainModel {
+
+  /**
+  * 获取数据项集合
+  *
+  * @returns {any[]}
+  * @memberof MainModel
+  */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'srfwfmemo',
+        prop: 'srfwfmemo',
+        dataType: 'TEXT',
+      },
+      // 前端新增修改标识，新增为"0",修改为"1"或未设值
+      {
+        name: 'srffrontuf',
+        prop: 'srffrontuf',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'srfupdatedate',
+        prop: 'updatedate',
+        dataType: 'DATETIME',
+      },
+      {
+        name: 'srforikey',
+      },
+      {
+        name: 'srfkey',
+        prop: 'ibizsample0002id',
+        dataType: 'GUID',
+      },
+      {
+        name: 'srfmajortext',
+        prop: 'ibizsample0002name',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'srftempmode',
+      },
+      {
+        name: 'srfuf',
+      },
+      {
+        name: 'srfdeid',
+      },
+      {
+        name: 'srfsourcekey',
+      },
+      {
+        name: 'ibizsample0002name',
+        prop: 'ibizsample0002name',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'createman',
+        prop: 'createman',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'createdate',
+        prop: 'createdate',
+        dataType: 'DATETIME',
+      },
+      {
+        name: 'updateman',
+        prop: 'updateman',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'updatedate',
+        prop: 'updatedate',
+        dataType: 'DATETIME',
+      },
+      {
+        name: 'ibizsample0002id',
+        prop: 'ibizsample0002id',
+        dataType: 'GUID',
+      },
+      {
+        name: 'ibizsample0002',
+        prop: 'ibizsample0002id',
+        dataType: 'FONTKEY',
+      },
+    ]
+  }
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/main-form/main-form-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import IBIZSample0002Service from '@/service/ibizsample0002/ibizsample0002-service';
+import MainModel from './main-form-model';
+
+
+/**
+ * Main 部件服务对象
+ *
+ * @export
+ * @class MainService
+ */
+export default class MainService extends ControlService {
+
+    /**
+     * 示例实体02服务对象
+     *
+     * @type {IBIZSample0002Service}
+     * @memberof MainService
+     */
+    public appEntityService: IBIZSample0002Service = new IBIZSample0002Service({ $store: this.getStore() });
+
+    /**
+     * 设置从数据模式
+     *
+     * @type {boolean}
+     * @memberof MainService
+     */
+    public setTempMode(){
+        this.isTempMode = false;
+    }
+
+    /**
+     * Creates an instance of MainService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof MainService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+        this.model = new MainModel();
+    }
+
+    /**
+     * 远端数据
+     *
+     * @type {*}
+     * @memberof MainService
+     */
+    private remoteCopyData:any = {};
+
+    /**
+     * 处理数据
+     *
+     * @private
+     * @param {Promise<any>} promise
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    private doItems(promise: Promise<any>, deKeyField: string, deName: string): Promise<any> {
+        return new Promise((resolve, reject) => {
+            promise.then((response: any) => {
+                if (response && response.status === 200) {
+                    const data = response.data;
+                    data.forEach((item:any,index:number) =>{
+                        item[deName] = item[deKeyField];
+                        data[index] = item;
+                    });
+                    resolve(data);
+                } else {
+                    reject([])
+                }
+            }).catch((response: any) => {
+                reject([])
+            });
+        });
+    }
+
+    /**
+     * 获取跨实体数据集合
+     *
+     * @param {string} serviceName 服务名称
+     * @param {string} interfaceName 接口名称
+     * @param {*} data
+     * @param {boolean} [isloading]
+     * @returns {Promise<any[]>}
+     * @memberof  MainService
+     */
+    @Errorlog
+    public getItems(serviceName: string, interfaceName: string, context: any = {}, data: any, isloading?: boolean): Promise<any[]> {
+        data.page = data.page ? data.page : 0;
+        data.size = data.size ? data.size : 1000;
+
+        return Promise.reject([])
+    }
+
+    /**
+     * 启动工作流
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @param {*} [localdata]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public wfstart(action: string,context: any = {},data: any = {}, isloading?: boolean,localdata?:any): Promise<any> {
+        data = this.handleWFData(data,true);
+        context = this.handleRequestData(action,context,data).context;
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](context,data, isloading,localdata);
+            } else {
+                result = this.appEntityService.WFStart(context,data, isloading,localdata);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 提交工作流
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @param {*} [localdata]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public wfsubmit(action: string,context: any = {}, data: any = {}, isloading?: boolean,localdata?:any): Promise<any> {
+        data = this.handleWFData(data,true);
+        context = this.handleRequestData(action,context,data,true).context;
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](context,data, isloading,localdata);
+            } else {
+                result = this.appEntityService.WFSubmit(context,data, isloading,localdata);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 添加数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @param {boolean} [isWorkflow] 是否在工作流中添加数据
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public add(action: string, context: any = {},data: any = {}, isloading?: boolean,isWorkflow?:boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.Create(Context,Data, isloading);
+            }
+            result.then((response) => {
+                if(isWorkflow){
+                    resolve(response);
+                }else{
+                    this.handleResponse(action, response);
+                    resolve(response);
+                }
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 删除数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public delete(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.Remove(Context,Data, isloading);
+            }
+            result.then((response) => {
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 修改数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @param {boolean} [isWorkflow] 是否在工作流中修改数据
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public update(action: string, context: any = {},data: any = {}, isloading?: boolean,isWorkflow?:boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.Update(Context,Data, isloading);
+            }
+            result.then((response) => {
+                if(isWorkflow){
+                    resolve(response);
+                }else{
+                    this.handleResponse(action, response);
+                    resolve(response);
+                }
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 查询数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public get(action: string,context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.Get(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.setRemoteCopyData(response);
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 加载草稿
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public loadDraft(action: string,context: any = {}, data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        //仿真主键数据
+        const PrimaryKey = Util.createUUID();
+        Data.ibizsample0002id = PrimaryKey;
+        Data.ibizsample0002 = PrimaryKey;
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.GetDraft(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.setRemoteCopyData(response);
+                response.data.ibizsample0002id = PrimaryKey;
+                this.handleResponse(action, response, true);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+     /**
+     * 前台逻辑
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public frontLogic(action:string,context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any)=>{
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                return Promise.reject({ status: 500, data: { title: '失败', message: '系统异常' } });
+            }
+            result.then((response) => {
+                this.handleResponse(action, response,true);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        })
+    }
+
+    /**
+     * 处理请求数据
+     * 
+     * @param action 行为 
+     * @param data 数据
+     * @memberof MainService
+     */
+    public handleRequestData(action: string,context:any, data: any = {},isMerge:boolean = false){
+        let mode: any = this.getMode();
+        if (!mode && mode.getDataItems instanceof Function) {
+            return data;
+        }
+        let formItemItems: any[] = mode.getDataItems();
+        let requestData:any = {};
+        if(isMerge && (data && data.viewparams)){
+            Object.assign(requestData,data.viewparams);
+        }
+        formItemItems.forEach((item:any) =>{
+            if(item && item.dataType && Object.is(item.dataType,'FONTKEY')){
+                if(item && item.prop){
+                    requestData[item.prop] = context[item.name];
+                }
+            }else{
+                if(item && item.prop){
+                    requestData[item.prop] = data[item.name];
+                }else{
+                    if(item.dataType && Object.is(item.dataType,"FORMPART")){
+                        Object.assign(requestData,data[item.name]);
+                    }     
+                }
+            }
+        });
+        let tempContext:any = JSON.parse(JSON.stringify(context));
+        if(tempContext && tempContext.srfsessionid){
+            tempContext.srfsessionkey = tempContext.srfsessionid;
+            delete tempContext.srfsessionid;
+        }
+        return {context:tempContext,data:requestData};
+    }
+
+    /**
+     * 通过属性名称获取表单项名称
+     * 
+     * @param name 实体属性名称 
+     * @memberof MainService
+     */
+    public getItemNameByDeName(name:string) :string{
+        let itemName = name;
+        let mode: any = this.getMode();
+        if (!mode && mode.getDataItems instanceof Function) {
+            return name;
+        }
+        let formItemItems: any[] = mode.getDataItems();
+        formItemItems.forEach((item:any)=>{
+            if(item.prop === name){
+                itemName = item.name;
+            }
+        });
+        return itemName.trim();
+    }
+
+    /**
+     * 重写处理返回数据
+     *
+     * @param {string} action
+     * @param {*} response
+     * @memberof MainService
+     */
+    public handleResponseData(action: string, data: any = {},isCreate?:boolean,codelistArray?:any){
+        let model: any = this.getMode();
+        if (!model && model.getDataItems instanceof Function) {
+            return data;
+        }
+        let item: any = {};
+        let dataItems: any[] = model.getDataItems();
+        dataItems.forEach(dataitem => {
+            let val = data.hasOwnProperty(dataitem.prop) ? data[dataitem.prop] : null;
+            if (val === null) {
+                val = data.hasOwnProperty(dataitem.name) ? data[dataitem.name] : null;
+            }
+            if((isCreate === undefined || isCreate === null ) && Object.is(dataitem.dataType, 'GUID') && Object.is(dataitem.name, 'srfkey') && (val && !Object.is(val, ''))){
+                isCreate = true;
+            }
+            item[dataitem.name] = val;
+            // 转化代码表
+            if(codelistArray && dataitem.codelist){
+                if(codelistArray.get(dataitem.codelist.tag) && codelistArray.get(dataitem.codelist.tag).get(val)){
+                    item[dataitem.name] = codelistArray.get(dataitem.codelist.tag).get(val);
+                }
+            }
+        });
+        item.srfuf = data.srfuf ? data.srfuf : (isCreate ? "0" : "1");
+        item = Object.assign(data,item);
+        return item;
+    }
+
+    /**
+     * 设置远端数据
+     * 
+     * @param result 远端请求结果 
+     * @memberof MainService
+     */
+    public setRemoteCopyData(result:any){
+        if (result && result.status === 200) {
+            this.remoteCopyData = Util.deepCopy(result.data);
+        }
+    }
+
+    /**
+     * 获取远端数据
+     * 
+     * @memberof MainService
+     */
+    public getRemoteCopyData(){
+        return this.remoteCopyData;
+    }
+}
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/main-form/main-form.less

+.ivu-tabs-no-animation>.ivu-tabs-content{
+    padding: 0 16px;
+}
+.ivu-card-head{
+    padding: 14px 0;
+}
+.app-form {
+    overflow: auto;
+    > .ivu-row {
+        > .ivu-tabs {
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            > .ivu-tabs-content {
+                flex-grow: 1;
+                overflow: auto;
+                > .ivu-tabs-tabpane {
+                    height: 100%;
+                }
+            }
+        }
+    }
+}
+.app-tabpanel-flex {
+    height: 100%;
+    > .ivu-tabs-content {
+        height: calc(100% - 52px);
+        > .ivu-tabs-tabpane {
+            height: 100%;
+        }
+    }
+}
+
+.app-form {
+    >.ivu-row:nth-child(2) {
+        >.ivu-col:nth-child(1) {
+            >.ivu-row.app-form-group.app-group-hiddden-caption:nth-child(1) {
+                margin-top: 12px;
+            }
+        }
+    }
+}
+.app-form{
+  // 表单行间距
+  .app-form-item{
+    margin-bottom: 20px;
+  }
+  // 表单按钮margin
+  .app-form-button{
+      margin:0 6px;
+  }
+}
+// this is less

app_Web/src/widgets/ibizsample0002/main-form/main-form.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import MainBase from './main-form-base.vue';
+
+ 
+@Component({
+    components: {
+         
+    }
+})
+export default class Main extends MainBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/main-grid/main-grid-base.vue

+<template>
+<div class='grid' style="height:100%">
+  <i-form style="height:100%;display:flex;flex-direction: column;justify-content: space-between">
+    <el-table v-if="isDisplay === true"
+        :default-sort="{ prop: minorSortPSDEF, order: Object.is(minorSortDir, 'ASC') ? 'ascending' : Object.is(minorSortDir, 'DESC') ? 'descending' : '' }"  
+        @sort-change="onSortChange($event)"  
+        :border="isDragendCol"
+        :highlight-current-row ="isSingleSelect"
+        :row-class-name="getRowClassName"
+        :cell-class-name="getCellClassName"
+        max-height="items.length > 0 ? 'calc(100%-50px)' : '100%'"
+        @row-click="rowClick($event)"  
+        @select-all="selectAll($event)"  
+        @select="select"  
+        @row-class-name="onRowClassName($event)"  
+        @row-dblclick="rowDBLClick($event)"  
+        ref='multipleTable' :data="items" :show-header="!isHideHeader">
+            <template slot="empty">
+                {{$t('entities.ibizsample0002.main_grid.nodata')}} 
+            </template>
+            <template v-if="!isSingleSelect">
+                <el-table-column align="center" type='selection' :width="checkboxColWidth"></el-table-column>
+            </template>
+            <template v-if="getColumnState('ibizsample0002name')">
+                <el-table-column show-overflow-tooltip :prop="'ibizsample0002name'" :label="$t('entities.ibizsample0002.main_grid.columns.ibizsample0002name')" :width="150"  :align="'left'" :sortable="'custom'">
+                    <template v-slot:header="{column}">
+                      <span class="column-header ">
+                        {{$t('entities.ibizsample0002.main_grid.columns.ibizsample0002name')}}
+                      </span>
+                    </template>
+                    <template v-slot="{row,column,$index}">
+                        <span>{{row.ibizsample0002name}}</span>
+                    </template>
+                </el-table-column>
+            </template>
+            <template v-if="getColumnState('updateman')">
+                <el-table-column show-overflow-tooltip :prop="'updateman'" :label="$t('entities.ibizsample0002.main_grid.columns.updateman')" :width="150"  :align="'left'" :sortable="'custom'">
+                    <template v-slot:header="{column}">
+                      <span class="column-header ">
+                        {{$t('entities.ibizsample0002.main_grid.columns.updateman')}}
+                      </span>
+                    </template>
+                    <template v-slot="{row,column,$index}">
+                        <template >
+            <codelist :value="row.updateman" tag='SysOperator' codelistType='DYNAMIC' ></codelist>
+                        </template>
+                    </template>
+                </el-table-column>
+            </template>
+            <template v-if="getColumnState('updatedate')">
+                <el-table-column show-overflow-tooltip :prop="'updatedate'" :label="$t('entities.ibizsample0002.main_grid.columns.updatedate')" :width="150"  :align="'left'" :sortable="'custom'">
+                    <template v-slot:header="{column}">
+                      <span class="column-header ">
+                        {{$t('entities.ibizsample0002.main_grid.columns.updatedate')}}
+                      </span>
+                    </template>
+                    <template v-slot="{row,column,$index}">
+                        <app-format-data format="YYYY-MM-DD HH:mm:ss" :data="row.updatedate"></app-format-data>
+                    </template>
+                </el-table-column>
+            </template>
+            <template v-if="adaptiveState">
+                <el-table-column></el-table-column>
+            </template>
+    </el-table>
+  
+    <row class='grid-pagination' v-show="items.length > 0">
+        <page class='pull-right' @on-change="pageOnChange($event)" 
+            @on-page-size-change="onPageSizeChange($event)"
+            :transfer="true" :total="totalrow"
+            show-sizer :current="curPage" :page-size="limit"
+            :page-size-opts="[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]" show-elevator show-total>
+            <span>
+                <span class="page-column">
+                    <poptip transfer placement="top-start">
+                        <i-button icon="md-menu">{{$t('app.gridpage.choicecolumns')}}</i-button>
+                        <div slot="content">
+                            <template v-for="col in allColumns">
+                                <div :key="col.name"><el-checkbox v-model="col.show" @change="onColChange()">{{$t(col.langtag)}}</el-checkbox></div>
+                            </template>
+                        </div>
+                    </poptip>
+                </span>
+                <span class="page-button"><i-button icon="md-refresh" :title="$t('app.gridpage.refresh')" @click="pageRefresh()"></i-button></span>&nbsp;
+                <span>
+                    {{$t('app.gridpage.show')}}&nbsp;
+                    <span>
+                        <template v-if="items.length === 1">
+                        1
+                        </template>
+                        <template v-else>
+                            <span>{{(curPage - 1) * limit + 1}}&nbsp;-&nbsp;{{totalrow > curPage * limit ? curPage * limit : totalrow}}</span>
+                        </template>
+                    </span>&nbsp;
+                    {{$t('app.gridpage.records')}}，{{$t('app.gridpage.totle')}}&nbsp;{{totalrow}}&nbsp;{{$t('app.gridpage.records')}}
+                </span>
+            </span>
+        </page>
+    </row>
+  </i-form>
+</div>
+</template>
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch, Model,Inject } from 'vue-property-decorator';
+import { CreateElement } from 'vue';
+import { Subject, Subscription } from 'rxjs';
+import { ControlInterface } from '@/interface/control';
+import { UIActionTool,Util,ViewTool } from '@/utils';
+import NavDataService from '@/service/app/navdata-service';
+import AppCenterService from "@service/app/app-center-service";
+import IBIZSample0002Service from '@/service/ibizsample0002/ibizsample0002-service';
+import MainService from './main-grid-service';
+import IBIZSample0002UIService from '@/uiservice/ibizsample0002/ibizsample0002-ui-service';
+import CodeListService from "@/codelist/codelist-service";
+import { FormItemModel } from '@/model/form-detail';
+import { Environment } from '@/environments/environment';
+
+
+@Component({
+    components: {
+      
+    }
+})
+export default class MainBase extends Vue implements ControlInterface {
+
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public name?: string;
+
+    /**
+     * 视图通讯对象
+     *
+     * @type {Subject<ViewState>}
+     * @memberof MainBase
+     */
+    @Prop() public viewState!: Subject<ViewState>;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    @Prop() public context: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    @Prop() public viewparams: any;
+
+    /**
+     * 视图状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof MainBase
+     */
+    public viewStateEvent: Subscription | undefined;
+
+    /**
+     * 获取部件类型
+     *
+     * @returns {string}
+     * @memberof MainBase
+     */
+    public getControlType(): string {
+        return 'GRID'
+    }
+
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @type {Array<*>}
+     * @memberof MainBase
+     */    
+    public counterServiceArray:Array<any> = [];
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {MainService}
+     * @memberof MainBase
+     */
+    public service: MainService = new MainService({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {IBIZSample0002Service}
+     * @memberof MainBase
+     */
+    public appEntityService: IBIZSample0002Service = new IBIZSample0002Service({ $store: this.$store });
+    
+
+
+    /**
+     * 转化数据
+     *
+     * @param {any} args
+     * @memberof  MainBase
+     */
+    public transformData(args: any) {
+        let _this: any = this;
+        if(_this.service && _this.service.handleRequestData instanceof Function && _this.service.handleRequestData('transform',_this.context,args)){
+            return _this.service.handleRequestData('transform',_this.context,args)['data'];
+        }
+    }
+
+    /**
+     * 关闭视图
+     *
+     * @param {any} args
+     * @memberof MainBase
+     */
+    public closeView(args: any): void {
+        let _this: any = this;
+        _this.$emit('closeview', [args]);
+    }
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof MainBase
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+
+    /**
+     * 代码表服务对象
+     *
+     * @type {CodeListService}
+     * @memberof MainBase
+     */  
+    public codeListService:CodeListService = new CodeListService({ $store: this.$store });
+
+    /**
+     * 主信息表格列
+     *
+     * @type {string}
+     * @memberof MainBase
+     */  
+    public majorInfoColName:string = "IBIZsample0002name";
+
+    /**
+     * 界面UI服务对象
+     *
+     * @type {IBIZSample0002UIService}
+     * @memberof MainBase
+     */  
+    public appUIService:IBIZSample0002UIService = new IBIZSample0002UIService(this.$store);
+
+    /**
+     * 界面行为模型
+     *
+     * @type {*}
+     * @memberof MainBase
+     */  
+    public ActionModel:any ={
+    };
+
+    /**
+     * 应用状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof MainBase
+     */
+    public appStateEvent: Subscription | undefined;
+
+    /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof MainBase
+     */
+    public getDatas(): any[] {
+        return this.selections;
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof MainBase
+     */
+    public getData(): any {
+        return this.selections[0];
+    }
+
+    
+    /**
+    * 是否嵌入关系界面
+    *
+    * @type {boolean}
+    * @memberof MainBase
+    */
+    @Prop({default:false}) public isformDruipart?: boolean;
+
+    /**
+     * 显示处理提示
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    @Prop({ default: true }) public showBusyIndicator?: boolean;
+
+    /**
+     * 部件行为--update
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public updateAction!: string;
+    
+    /**
+     * 部件行为--fetch
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public fetchAction!: string;
+    
+    /**
+     * 部件行为--remove
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public removeAction!: string;
+    
+    /**
+     * 部件行为--load
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public loadAction!: string;
+    
+    /**
+     * 部件行为--loaddraft
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public loaddraftAction!: string;
+    
+    /**
+     * 部件行为--create
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public createAction!: string;
+
+    /**
+     * 当前页
+     *
+     * @type {number}
+     * @memberof MainBase
+     */
+    public curPage: number = 1;
+
+    /**
+     * 数据
+     *
+     * @type {any[]}
+     * @memberof MainBase
+     */
+    public items: any[] = [];
+
+    /**
+     * 是否支持分页
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public isEnablePagingBar: boolean = true;
+
+    /**
+     * 是否禁用排序
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public isNoSort: boolean = false;
+
+    /**
+     * 排序方向
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    public minorSortDir: string = '';
+
+    /**
+     * 排序字段
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    public minorSortPSDEF: string = '';
+
+    /**
+     * 分页条数
+     *
+     * @type {number}
+     * @memberof MainBase
+     */
+    public limit: number = 10;
+
+    /**
+     * 是否显示标题
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public isHideHeader: boolean = false;
+
+    /**
+     * 是否默认选中第一条数据
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    @Prop({ default: false }) public isSelectFirstDefault!: boolean;
+
+    /**
+     * 是否单选
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    @Prop() public isSingleSelect?: boolean;
+
+    /**
+     * 选中数据字符串
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public selectedData?: string;
+
+    /**
+     * 选中值变化
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('selectedData')
+    public onValueChange(newVal: any, oldVal: any) {
+        this.selections = [];
+        if(this.selectedData){
+            const refs: any = this.$refs;
+            if (refs.multipleTable) {
+                refs.multipleTable.clearSelection();
+                JSON.parse(this.selectedData).forEach((selection:any)=>{
+                    let selectedItem = this.items.find((item:any)=>{
+                        return Object.is(item.srfkey, selection.srfkey);
+                    });
+                    if(selectedItem){
+                        this.rowClick(selectedItem);
+                    }
+                });
+            }
+        }
+    }
+
+    /**
+     * 表格行数据默认激活模式
+     * 0 不激活
+     * 1 单击激活
+     * 2 双击激活
+     *
+     * @type {(number | 0 | 1 | 2)}
+     * @memberof MainBase
+     */
+    @Prop({default: 2}) public gridRowActiveMode!: number;
+
+    /**
+     * 是否开启行编辑
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    @Prop({default: false}) public isOpenEdit!: boolean;
+
+    /**
+     * 实际是否开启行编辑
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public actualIsOpenEdit: boolean = this.isOpenEdit;
+
+    /**
+     * 总条数
+     *
+     * @type {number}
+     * @memberof MainBase
+     */
+    public totalrow: number = 0;
+
+    /**
+     * 表格更新默认值项
+     * 
+     * @memberof MainBase
+     */
+    public defaultUpdateItems:Array<any> =[];
+
+    /**
+     * 选中行数据
+     *
+     * @type {any[]}
+     * @memberof MainBase
+     */
+    public selections: any[] = [];
+
+    /**
+     * 拦截行选中
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public stopRowClick: boolean = false;
+
+    /**
+     * 当前编辑行数据
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public curEditRowData:any;
+
+
+
+
+    /**
+     * 表格是否显示
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public isDisplay:boolean = true;
+
+    /**
+     * 表格行编辑项校验错误提示信息
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public errorMessages: Array<any> = [];
+
+    /**
+     * 部件刷新
+     *
+     * @param {any} args
+     * @memberof MainBase
+     */
+    public refresh(args?: any): void {
+        this.load();
+    }
+
+    /**
+    * 选项框列宽
+    *
+    * @type {number}
+    * @memberof AppIndex
+    */
+    public checkboxColWidth: number = 50;
+
+    /**
+     * 是否允许拖动列宽
+     *
+     * @type {boolean}
+     * @memberof AppEmbedPicker
+     */
+    public isDragendCol: boolean = true;
+    
+    /**
+     * 所有列成员
+     *
+     * @type {any[]}
+     * @memberof MainBase
+     */
+    public allColumns: any[] = [
+        {
+            name: 'ibizsample0002name',
+            label: '首页图表数据源名称',
+            langtag: 'entities.ibizsample0002.main_grid.columns.ibizsample0002name',
+            show: true,
+            unit: 'PX',
+            isEnableRowEdit: false,
+            enableCond: 3 ,
+        },
+        {
+            name: 'updateman',
+            label: '更新人',
+            langtag: 'entities.ibizsample0002.main_grid.columns.updateman',
+            show: true,
+            unit: 'PX',
+            isEnableRowEdit: false,
+            enableCond: 3 ,
+        },
+        {
+            name: 'updatedate',
+            label: '更新时间',
+            langtag: 'entities.ibizsample0002.main_grid.columns.updatedate',
+            show: true,
+            unit: 'PX',
+            isEnableRowEdit: false,
+            enableCond: 3 ,
+        },
+    ]
+
+    /**
+     * 表格模型集合
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    public gridItemsModel: any[] = [];
+
+    /**
+     * 是否启用分组
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public isEnableGroup:boolean = false;
+
+    /**
+     * 分组属性
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    public groupAppField:string ="";
+
+    /**
+     * 分组属性代码表标识
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    public groupAppFieldCodelistTag:string ="";
+
+    /**
+     * 分组属性代码表类型
+     * 
+     * @type {string}
+     * @memberof MainBase
+     */
+    public groupAppFieldCodelistType: string = "";
+
+    /**
+     * 分组模式
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    public groupMode:string ="NONE";
+
+    /**
+     * 分组代码表标识
+     * 
+     * @type {string}
+     * @memberof MainBase
+     */
+    public codelistTag: string = "";
+
+    /**
+     * 分组代码表类型
+     * 
+     * @type {string}
+     * @memberof MainBase
+     */
+    public codelistType: string = "";
+
+    /**
+     * 获取界面行为权限状态
+     *
+     * @memberof MainBase
+     */
+    public getActionState(data:any){
+        let tempActionModel:any = JSON.parse(JSON.stringify(this.ActionModel));
+        let targetData:any = this.transformData(data);
+        ViewTool.calcActionItemAuthState(targetData,tempActionModel,this.appUIService);
+        return tempActionModel;
+    }
+
+    /**
+     * 获取表格行模型
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    public getGridRowModel(){
+        return {
+          srfkey: new FormItemModel(),
+        }
+    }
+
+    /**
+     * 属性值规则
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    public deRules:any = {
+    };
+
+    /**
+     * 值规则集合
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    public rules: any = {
+        srfkey: [
+             { required: false, validator: (rule:any, value:any, callback:any) => { return (rule.required && (value === null || value === undefined || value === "")) ? false : true;}, message: '首页图表数据源标识 值不能为空', trigger: 'change' },
+            { required: false, validator: (rule:any, value:any, callback:any) => { return (rule.required && (value === null || value === undefined || value === "")) ? false : true;}, message: '首页图表数据源标识 值不能为空', trigger: 'blur' },
+        ],
+    }
+
+    /**
+     * 表格行编辑项校验
+     *
+     * @param {string} property 属性名
+     * @param {*} data 行数据
+     * @param {number} rowIndex 行索引
+     * @returns Promise<any>
+     * 
+     * @memberof MainBase
+     */
+    public validate(property:string, data:any, rowIndex:number):Promise<any>{
+        return new Promise((resolve, reject) => {
+            this.$util.validateItem(property,data,this.rules).then(()=>{
+                this.gridItemsModel[rowIndex][property].setError(null);
+                resolve(true);
+            }).catch(({ errors, fields }) => {
+                this.gridItemsModel[rowIndex][property].setError(errors[0].message);
+                resolve(false);
+            });
+        });
+    }
+
+    /**
+     * 校验所有修改过的编辑项
+     *
+     * @returns Promise<any>
+     * @memberof MainBase
+     */
+    public async validateAll(){
+        this.errorMessages = [];
+        let validateState = true;
+        let index = -1;
+        for (let item of this.items) {
+            let tempMessage: string = '';
+            index++;
+            if (item.rowDataState === "create" || item.rowDataState === "update") {
+                for (let property of Object.keys(this.rules)) {
+                    if (!await this.validate(property, item, index)) {
+                        validateState = false;
+                        tempMessage = tempMessage + '<p>' + this.gridItemsModel[index][property].error + '<p>';
+                    }
+                }
+            }
+            this.errorMessages.push(tempMessage);
+        }
+        return validateState;
+    }
+
+    /**
+     * 表格数据加载
+     *
+     * @param {*} [arg={}]
+     * @memberof MainBase
+     */
+    public load(opt: any = {}, pageReset: boolean = false): void {
+        if(!this.fetchAction){
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0002PickupGridView'+(this.$t('app.gridpage.notConfig.fetchAction') as string) });
+            return;
+        }
+        if(pageReset){
+            this.curPage = 1;
+        }
+        const arg: any = {...opt};
+        const page: any = {};
+        if (this.isEnablePagingBar) {
+            Object.assign(page, { page: this.curPage-1, size: this.limit });
+        }
+        // 设置排序
+        if (!this.isNoSort && !Object.is(this.minorSortDir, '') && !Object.is(this.minorSortPSDEF, '')) {
+            const sort: string = this.minorSortPSDEF+","+this.minorSortDir;
+            Object.assign(page, { sort: sort });
+        }
+        Object.assign(arg, page);
+        const parentdata: any = {};
+        this.$emit('beforeload', parentdata);
+        Object.assign(arg, parentdata);
+        let tempViewParams:any = parentdata.viewparams?parentdata.viewparams:{};
+        Object.assign(tempViewParams,JSON.parse(JSON.stringify(this.viewparams)));
+        Object.assign(arg,{viewparams:tempViewParams});
+        const post: Promise<any> = this.service.search(this.fetchAction,JSON.parse(JSON.stringify(this.context)), arg, this.showBusyIndicator);
+        post.then((response: any) => {
+            if (!response.status || response.status !== 200) {
+                if (response.errorMessage) {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.errorMessage });
+                }
+                return;
+            }
+            const data: any = response.data;
+            this.totalrow = response.total;
+            this.items = JSON.parse(JSON.stringify(data));
+            // 清空selections,gridItemsModel
+            //this.selections = [];
+            this.gridItemsModel = [];
+            this.items.forEach(()=>{this.gridItemsModel.push(this.getGridRowModel())});
+            this.items.forEach((item:any)=>{
+                Object.assign(item,this.getActionState(item));    
+            });
+            this.$emit('load', this.items);
+            // 设置默认选中
+            let _this = this;
+            setTimeout(() => {
+                //在导航视图中，如已有选中数据，则右侧展开已选中数据的视图，如无选中数据则默认选中第一条
+                if(_this.isSelectFirstDefault){
+                    if(_this.selections && _this.selections.length > 0){
+                        _this.selections.forEach((select: any)=>{
+                            const index = _this.items.findIndex((item:any) => Object.is(item.srfkey,select.srfkey));
+                            if(index != -1){
+                                _this.rowClick(_this.items[index]);
+                            }
+                        })
+                    }else{
+                        _this.rowClick(this.items[0]);
+                    }
+                }
+                if(_this.selectedData){
+                    const refs: any = _this.$refs;
+                    if (refs.multipleTable) {
+                        refs.multipleTable.clearSelection();
+                        JSON.parse(_this.selectedData).forEach((selection:any)=>{
+                            let selectedItem = _this.items.find((item:any)=>{
+                                return Object.is(item.srfkey, selection.srfkey);
+                            });
+                            if(selectedItem){
+                                _this.rowClick(selectedItem);
+                            }
+                        });
+                    }
+                }
+            }, 300);
+        }).catch((response: any) => {
+            if (response && response.status === 401) {
+                return;
+            }
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.errorMessage });
+        });
+    }
+
+    /**
+     * 删除
+     *
+     * @param {any[]} datas
+     * @returns {Promise<any>}
+     * @memberof MainBase
+     */
+    public async remove(datas: any[]): Promise<any> {
+        if(!this.removeAction){
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0002PickupGridView'+(this.$t('app.gridpage.notConfig.removeAction') as string) });
+            return;
+        }
+        let _datas:any[] = [];
+        datas.forEach((record: any, index: number) => {
+            if (Object.is(record.srfuf,"0")) {
+                this.items.some((val: any, num: number) =>{
+                    if(JSON.stringify(val) == JSON.stringify(record)){
+                        this.items.splice(num,1);
+                        this.gridItemsModel.splice(num,1);
+                        return true;
+                    }
+                }); 
+            }else{
+               _datas.push(datas[index]);
+            }
+        });
+        if (_datas.length === 0) {
+            return;
+        }
+        let dataInfo = '';
+        _datas.forEach((record: any, index: number) => {
+            let srfmajortext = record.ibizsample0002name;
+            if (index < 5) {
+                if (!Object.is(dataInfo, '')) {
+                    dataInfo += '、';
+                }
+                dataInfo += srfmajortext;
+            } else {
+                return false;
+            }
+        });
+
+        if (_datas.length < 5) {
+            dataInfo = dataInfo + ' ' + (this.$t('app.gridpage.totle') as string) + _datas.length + (this.$t('app.gridpage.records') as string) + (this.$t('app.gridpage.data') as string);
+        } else {
+            dataInfo = ' ... ' + (this.$t('app.gridpage.totle') as string) + _datas.length + (this.$t('app.gridpage.records') as string) + (this.$t('app.gridpage.data') as string);
+        }
+
+        const removeData = () => {
+            let keys: any[] = [];
+            _datas.forEach((data: any) => {
+                keys.push(data.srfkey);
+            });
+            let _removeAction = keys.length > 1 ? 'removeBatch' : this.removeAction ;
+            let _keys = keys.length > 1 ? keys : keys[0] ;
+            const context:any = JSON.parse(JSON.stringify(this.context));
+            const post: Promise<any> = this.service.delete(_removeAction,Object.assign(context,{ ibizsample0002: _keys }),Object.assign({ ibizsample0002: _keys },{viewparams:this.viewparams}), this.showBusyIndicator);
+            return new Promise((resolve: any, reject: any) => {
+                post.then((response: any) => {
+                    if (!response || response.status !== 200) {
+                        this.$Notice.error({ title: '', desc: (this.$t('app.gridpage.delDataFail') as string)+',' + response.info });
+                        return;
+                    } else {
+                        this.$Notice.success({ title: '', desc: (this.$t('app.gridpage.delSuccess') as string) });
+                    }
+                    //删除items中已删除的项
+                    _datas.forEach((data: any) => {
+                        this.items.some((item:any,index:number)=>{
+                            if(Object.is(item.srfkey,data.srfkey)){
+                                this.items.splice(index,1);
+                                this.gridItemsModel.splice(index,1);
+                                return true;
+                            }
+                        });
+                    });
+                    this.totalrow -= _datas.length;
+                    this.$emit('remove', null);
+                    this.selections = [];
+                    resolve(response);
+                }).catch((response: any) => {
+                    if (response && response.status === 401) {
+                        return;
+                    }
+                    if (!response || !response.status || !response.data) {
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                        reject(response);
+                        return;
+                    }
+                    reject(response);
+                });
+            });
+        }
+
+        dataInfo = dataInfo.replace(/[null]/g, '').replace(/[undefined]/g, '');
+        this.$Modal.confirm({
+            title: (this.$t('app.commonWords.warning') as string),
+            content: (this.$t('app.gridpage.confirmDel') as string)+' ' + dataInfo + '，'+(this.$t('app.gridpage.notRecoverable') as string),
+            onOk: () => {
+                removeData();
+            },
+            onCancel: () => { }
+        });
+        return removeData;
+    }
+
+
+    /**
+     * 批量添加
+     *
+     * @param {*} [arg={}]
+     * @memberof MainBase
+     */
+    public addBatch(arg: any = {}): void {
+        if(!this.fetchAction){
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0002PickupGridView'+(this.$t('app.gridpage.notConfig.fetchAction') as string) });
+            return;
+        }
+        if(!arg){
+            arg = {};
+        }
+        console.error((this.$t('app.gridpage.notBatch') as string));
+    }
+
+    /**
+     * 数据导入
+     *
+     * @param {*} data
+     * @memberof MainBase
+     */
+     public importExcel(data:any ={}):void{
+        //导入excel
+        const importDataModel:any ={
+        }
+        if(Object.keys(importDataModel).length == 0){
+            this.$Notice.warning({ 'title': (this.$t("app.utilview.warning") as string), 'desc': (this.$t("app.utilview.info") as string) });
+            return;
+        }
+        const view:any ={
+            viewname: 'app-data-upload',
+            title: this.$t("app.utilview.importview"),
+            width: 900,
+            height: 700
+        }
+        let container: Subject<any> = this.$appmodal.openModal(view, JSON.parse(JSON.stringify(this.context)), importDataModel);
+        container.subscribe((result: any) => {
+          if(Object.is(result.ret,'OK')){
+            this.refresh(result.datas);
+          }
+      });
+    }
+
+
+    /**
+     * 数据导出
+     *
+     * @param {*} data
+     * @memberof MainBase
+     */
+    public exportExcel(data: any = {}): void {
+        // 导出Excel
+        const doExport = async (_data:any) => {
+            const tHeader: Array<any> = [];
+            const filterVal: Array<any> = [];
+            this.allColumns.forEach((item: any) => {
+              item.show && item.label ? tHeader.push(this.$t(item.langtag)) : "";
+              item.show && item.name ? filterVal.push(item.name) : "";
+            });
+            const data = await this.formatExcelData(filterVal, _data);
+            this.$export.exportExcel().then((excel:any)=>{
+                excel.export_json_to_excel({
+                  header: tHeader, //表头 必填
+                  data, //具体数据 必填
+                  filename: "示例实体02"+(this.$t('app.gridpage.grid') as string), //非必填
+                  autoWidth: true, //非必填
+                  bookType: "xlsx" //非必填
+                });
+            }); 
+        };
+        const page: any = {};
+        // 设置page，size
+        if (Object.is(data.type, 'maxRowCount')) {
+            Object.assign(page, { page: 0, size: data.maxRowCount });
+        } else if (Object.is(data.type, 'activatedPage')) {
+            try {
+                doExport(JSON.parse(JSON.stringify(this.items)));
+            } catch (error) {
+                console.error(error);
+            }
+            return;
+        }
+        // 设置排序
+        if (!this.isNoSort && !Object.is(this.minorSortDir, '') && !Object.is(this.minorSortPSDEF, '')) {
+          const sort: string = this.minorSortPSDEF+","+this.minorSortDir;
+            Object.assign(page, { sort: sort });
+        }
+        const arg: any = {};
+        Object.assign(arg, page);
+        // 获取query,搜索表单，viewparams等父数据
+        const parentdata: any = {};
+        this.$emit('beforeload', parentdata);
+        Object.assign(arg, parentdata);
+        const post: Promise<any> = this.service.search(this.fetchAction,JSON.parse(JSON.stringify(this.context)), arg, this.showBusyIndicator);
+        post.then((response: any) => {
+            if (!response || response.status !== 200) {
+                this.$Notice.error({ title: '', desc: (this.$t('app.gridpage.exportFail') as string)+',' + response.info });
+                return;
+            }
+            try {
+                doExport(JSON.parse(JSON.stringify(response.data)));
+            } catch (error) {
+                console.error(error);
+            }
+        }).catch((response: any) => {
+            if (response && response.status === 401) {
+                return;
+            }
+            this.$Notice.error({ title: '', desc: (this.$t('app.gridpage.exportFail') as string) });
+        });
+    }
+
+
+    /**
+     * 导出数据格式化
+     * 
+     * @param {*} filterVal
+     * @param {*} jsonData
+     * @returns {[]}
+     * @memberof MainBase
+     */
+    public async formatExcelData(filterVal:any, jsonData:any) {
+        let codelistColumns:Array<any> = [
+            {
+                name: 'updateman',
+                srfkey: 'SysOperator',
+                codelistType : 'DYNAMIC',
+                renderMode: 'other',
+                textSeparator: '、',
+                valueSeparator: ',',
+            },
+        ];
+        let _this = this;
+        for (const codelist of codelistColumns) {
+          // 动态代码表处理
+          if (Object.is(codelist.codelistType, "DYNAMIC")) {
+              let items = await _this.codeListService.getItems(codelist.srfkey);
+              jsonData.forEach((row:any)=>{
+                  row[codelist.name] = _this.getCodelistValue(items, row[codelist.name], codelist);
+              });
+          // 静态处理
+          } else if(Object.is(codelist.codelistType, "STATIC")){
+              let items = await _this.$store.getters.getCodeListItems(codelist.srfkey);
+              jsonData.forEach((row:any)=>{
+                  row[codelist.name] = _this.getCodelistValue(items, row[codelist.name], codelist);
+              });
+          }
+        }
+        return jsonData.map((v:any) => filterVal.map((j:any) => v[j]))
+    }   
+
+
+    /**
+     * 解析代码表和vlaue，设置items
+     *
+     * @public
+     * @param {any[]} items 代码表数据
+     * @param {*} value
+     * @returns {*}
+     * @memberof MainBase
+     */
+    public getCodelistValue(items: any[], value: any, codelist: any,){
+        if(!value && value !== 0 && value !== false){
+            return this.$t('codelist.'+codelist.srfkey+'.empty');
+        }
+        if (items) {
+            let result:any = [];
+            if(Object.is(codelist.renderMode,"number")){
+                items.map((_item: any, index: number)=>{
+                    const nValue = parseInt((value as any), 10);
+                    const codevalue = _item.value;
+                    if((parseInt(codevalue, 10) & nValue) > 0){
+                        result.push(_item);
+                    } 
+                });
+            } else if(Object.is(codelist.renderMode,"string")){
+                const arrayValue: Array<any> = (value as any).split(codelist.valueSeparator);
+                arrayValue.map((value: any, index: number) => {
+                    result.push([]);
+                    let values: any[] = Object.is(this.$util.typeOf(value), 'number') ? [value] : [...(value as any).split(codelist.valueSeparator)];
+                    values.map((val:any ,num: number)=>{
+                        const item = this.getItem(items, val, codelist); 
+                        if(item){
+                          result[index].push(item);
+                        } 
+                    });
+                });
+            } else {
+                let values: any[] = Object.is(this.$util.typeOf(value), 'number') ? [value] : [...(value as any).split(codelist.valueSeparator)];
+                values.map((value:any ,index: number)=>{
+                    const item = this.getItem(items, value, codelist); 
+                    if(item){
+                      result.push(item);
+                    } 
+                });
+            }
+            // 设置items
+            if(result.length != 0){
+              return result.join(codelist.valueSeparator);
+            }else{
+              return value;
+            }
+        }
+    }
+
+    /**
+     * 获取代码项
+     *
+     * @public
+     * @param {any[]} items
+     * @param {*} value
+     * @returns {*}
+     * @memberof MainBase
+     */
+    public getItem(items: any[], value: any, codelist: any): any {
+        const arr: Array<any> = items.filter(item => {return item.value == value});
+        if (arr.length !== 1) {
+            return undefined;
+        }
+        if(Object.is(codelist.codelistType,'STATIC')){
+            return this.$t('codelist.'+codelist.srfkey+'.'+arr[0].value);
+        }else{
+            return arr[0].text;
+        }
+    }
+
+    /**
+     * 生命周期
+     *
+     * @memberof MainBase
+     */
+    public created(): void {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof MainBase
+     */    
+    public afterCreated(){
+        this.setColState();
+        if (this.viewState) {
+            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+                if (!Object.is(tag, this.name)) {
+                    return;
+                }
+                if (Object.is('load', action)) {
+                    this.load(data,true);
+                }
+                if (Object.is('remove', action)) {
+                    this.remove(data);
+                }
+                if (Object.is('save', action)) {
+                    this.save(data);
+                }
+            });
+        }
+        if(AppCenterService && AppCenterService.getMessageCenter()){
+            this.appStateEvent = AppCenterService.getMessageCenter().subscribe(({ name, action, data }) =>{
+                if(!Object.is(name,"IBIZSample0002")){
+                    return;
+                }
+                if(Object.is(action,'appRefresh')){
+                    this.refresh([data]);
+                }
+            })
+        }
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof MainBase
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof MainBase
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+        if(this.appStateEvent){
+            this.appStateEvent.unsubscribe();
+        }
+    }
+
+    /**
+     * 获取选中行胡数据
+     *
+     * @returns {any[]}
+     * @memberof MainBase
+     */
+    public getSelection(): any[] {
+        return this.selections;
+    }
+
+    /**
+     * 行双击事件
+     *
+     * @param {*} $event
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public rowDBLClick($event: any): void {
+        // 分组行跳过
+        if($event && $event.children){
+            return;
+        }
+        if (!$event || this.actualIsOpenEdit || Object.is(this.gridRowActiveMode,0)) {
+            return;
+        }
+        this.selections = [];
+        this.selections.push(JSON.parse(JSON.stringify($event)));
+
+        const refs: any = this.$refs;
+        if (refs.multipleTable) {
+            refs.multipleTable.clearSelection();
+            refs.multipleTable.toggleRowSelection($event);
+        }
+
+        this.$emit('rowdblclick', this.selections);
+        this.$emit('selectionchange', this.selections);
+    }
+
+    /**
+    * 合并分组行
+    * 
+    * @memberof MainBase
+    */
+    public arraySpanMethod({row, column, rowIndex, columnIndex} : any) {
+        let allColumns:Array<any> = ['IBIZsample0002name','updateman','updatedate'];
+        if(row && row.children) {
+            if(columnIndex == (this.isSingleSelect ? 0:1)) {
+                return [1, allColumns.length+1];
+            } else if(columnIndex > (this.isSingleSelect ? 0:1)) {
+                return [0,0];
+            }
+        }
+    }
+
+	/**
+     * 分组方法
+     * 
+     * @memberof MainBase
+     */
+    public group(){
+        if(Object.is(this.groupMode,"AUTO")){
+            this.drawGroup();
+        }else if(Object.is(this.groupMode,"CODELIST")){
+            this.drawCodelistGroup();
+        }
+    }
+
+    /**
+     * 获取表格分组相关代码表
+     * 
+     * @param {string}  codelistType 代码表类型
+     * @param {string}  codelistTag 代码表标识
+     * @memberof MainBase
+     */
+    public getGroupCodelist(codelistType: string,codelistTag:string){
+        let codelist: Array<any> = [];
+        // 动态代码表
+        if (Object.is(codelistType, "DYNAMIC")) {
+            this.codeListService.getItems(codelistTag).then((res: any)=>{
+                codelist = res;
+            }).catch((error: any) => {
+                
+            });
+        // 静态代码表
+        } else if(Object.is(codelistType, "STATIC")){
+            codelist = this.$store.getters.getCodeListItems(codelistTag);
+        }
+        return codelist;
+    }
+    /**
+     * 根据分组代码表绘制分组列表
+     * 
+     * @memberof MainBase
+     */
+    public drawCodelistGroup(){
+        if(!this.isEnableGroup) return;
+        // 分组
+        let allGroup: Array<any> = [];
+        let allGroupField: Array<any> =[];
+        let groupTree:Array<any> = [];
+        allGroup = this.getGroupCodelist(this.codelistType,this.codelistTag);
+        allGroupField = this.getGroupCodelist(this.groupAppFieldCodelistType,this.groupAppFieldCodelistTag);
+        if(allGroup.length == 0){
+            console.warn("分组数据无效");
+        }
+        allGroup.forEach((group: any,i: number)=>{
+            let children:Array<any> = [];
+            this.items.forEach((item: any,j: number)=>{
+                if(allGroupField && allGroupField.length > 0){
+                    const arr:Array<any> = allGroupField.filter((field:any)=>{return field.value == item[this.groupAppField]});
+                    if(Object.is(group.label,arr[0].label)){
+                        item.groupById = Number((i+1) * 100 + (j+1) * 1);
+                        item.group = '';
+                        children.push(item);
+                    }
+                }else if(Object.is(group.label,item[this.groupAppField])){
+                    item.groupById = Number((i+1) * 100 + (j+1) * 1);
+                    item.group = '';
+                    children.push(item);
+                }
+            });
+            const tree: any ={
+                groupById: Number((i+1)*100),
+                group: group.label,
+                IBIZsample0002name:'',
+                updateman:'',
+                updatedate:'',
+                children: children
+            }
+            groupTree.push(tree);
+        });
+        let child:Array<any> = [];
+        this.items.forEach((item: any,index: number)=>{
+            let i: number = 0;
+            if(allGroupField && allGroupField.length > 0){
+                const arr:Array<any> = allGroupField.filter((field:any)=>{return field.value == item[this.groupAppField]});
+                i = allGroup.findIndex((group: any)=>Object.is(group.label,arr[0].label));
+            }else{
+                i = allGroup.findIndex((group: any)=>Object.is(group.label,item[this.groupAppField]));
+            }
+            if(i < 0){
+                item.groupById = Number((allGroup.length+1) * 100 + (index+1) * 1);
+                item.group = '';
+                child.push(item);
+            }
+            if(i < 0){
+                item.groupById = Number((allGroup.length+1) * 100 + (index+1) * 1);
+                item.group = '';
+                child.push(item);
+            }
+        })
+        const Tree: any = {
+            groupById: Number((allGroup.length+1)*100),
+            group: this.$t('app.gridpage.other'),
+            IBIZsample0002name:'',
+            updateman:'',
+            updatedate:'',
+            children: child
+        }
+        if(child && child.length > 0){
+            groupTree.push(Tree);
+        }
+        this.items = groupTree;
+        if(this.actualIsOpenEdit) {
+            for(let i = 0; i < this.items.length; i++) {
+                this.gridItemsModel.push(this.getGridRowModel());
+            }
+        }
+    }
+
+    /**
+     * 绘制分组
+     * 
+     * @memberof MainBase
+     */
+    public drawGroup(){
+        if(!this.isEnableGroup) return;
+        // 分组
+        let allGroup: Array<any> = [];
+        let allGroupField: Array<any> =[];
+        allGroupField = this.getGroupCodelist(this.groupAppFieldCodelistType,this.groupAppFieldCodelistTag);
+        this.items.forEach((item: any)=>{
+            if(item.hasOwnProperty(this.groupAppField)){
+                if(allGroupField && allGroupField.length > 0){
+                    const arr:Array<any> = allGroupField.filter((field:any)=>{return field.value == item[this.groupAppField]});
+                    allGroup.push(arr[0].label);
+                }else{
+                    allGroup.push(item[this.groupAppField]);
+                }
+            }
+        });
+        let groupTree:Array<any> = [];
+        allGroup = [...new Set(allGroup)];
+        if(allGroup.length == 0){
+            console.warn("分组数据无效");
+        }
+        // 组装数据
+        allGroup.forEach((group: any, groupIndex: number)=>{
+            let children:Array<any> = [];
+            this.items.forEach((item: any,itemIndex: number)=>{
+                if(allGroupField && allGroupField.length > 0){
+                    const arr:Array<any> = allGroupField.filter((field:any)=>{return field.value == item[this.groupAppField]});
+                    if(Object.is(group,arr[0].label)){
+                        item.groupById = Number((groupIndex+1) * 100 + (itemIndex+1) * 1);
+                        item.group = '';
+                        children.push(item);
+                    }
+                }else if(Object.is(group,item[this.groupAppField])){
+                    item.groupById = Number((groupIndex+1) * 100 + (itemIndex+1) * 1);
+                    item.group = '';
+                    children.push(item);
+                }
+            });
+            group = group ? group : this.$t('app.gridpage.other');
+            const tree: any ={
+                groupById: Number((groupIndex+1)*100),
+                group: group,
+                IBIZsample0002name:'',
+                updateman:'',
+                updatedate:'',
+                children: children,
+            }
+            groupTree.push(tree);
+        });
+        this.items = groupTree;
+        if(this.actualIsOpenEdit) {
+            for(let i = 0; i < this.items.length; i++) {
+                this.gridItemsModel.push(this.getGridRowModel());
+            }
+        }
+    }
+
+    /**
+     * 单个复选框选中
+     *
+     * @param {*} selection 所有选中行数据
+     * @param {*} row 当前选中行数据
+     * @memberof MainBase
+     */
+    public select(selection: any, row: any): void {
+        if(this.groupAppField) {
+            let isContain:boolean = selection.some((item:any) =>{
+                return  item == row;
+            }) 
+            // 是否选中当前行，选中为true，否则为false
+            if(isContain) {
+                // 当前行为分组行
+                if(row.children && row.children.length > 0) {
+                    this.toggleSelection(row.children, true);
+                    row.children.forEach((children: any) => {
+                        this.selections.push(children);
+                    });
+                } else {
+                    this.selections.push(row);
+                }
+            } else {
+                if(row.children && row.children.length > 0) {
+                    this.toggleSelection(row.children, false);
+                    this.selections = this.computeCheckedData(this.selections, row.children);
+                } else {
+                    this.selections = this.computeCheckedData(this.selections, row);
+                }
+            }
+            this.selections = [...new Set(this.selections)]
+        } else {
+            if(!selection) {
+                return;
+            }
+            this.selections = [...JSON.parse(JSON.stringify(selection))];
+        }
+        this.$emit('selectionchange', this.selections);
+    }
+
+    /**
+     * 计算当前选中数据
+     *
+     * @param {*} selectionArray 所有选中行数据
+     * @param {*} cancelData 被取消选中行数据，分组行为数组，非分组行为对象
+     * @memberof MainBase
+     */
+    public computeCheckedData(selectionArray: any[], cancelData: Array<any> | any) {
+        let targetArray: Array<any> = [];
+        //  分组行
+        if(Array.isArray(cancelData)) {
+            if(selectionArray && selectionArray.length > 0) {
+                selectionArray.forEach((selection:any) =>{
+                    let tempFlag:boolean = true;
+                    cancelData.forEach((child:any) =>{
+                        if(selection.groupById===child.groupById){
+                            tempFlag = false;
+                        }
+                    })
+                    if(tempFlag) targetArray.push(selection);
+                })
+            }
+        } else {
+        //  非分组行
+            if(selectionArray && selectionArray.length > 0) {
+                selectionArray.forEach((selection:any) =>{
+                    let tempFlag:boolean = true;
+                    if(selection.groupById===cancelData.groupById){
+                        tempFlag = false;
+                    }
+                    if(tempFlag) targetArray.push(selection);
+                })
+            }
+        }
+        return targetArray;
+    }
+
+    /**
+     * 设置非分组行checkbox选中状态
+     *
+     * @param {*} rows 选中数据数组
+     * @param {boolean} flag 是否选中
+     * @memberof MainBase
+     */
+    public toggleSelection(rows?: any, flag?: boolean) {
+        if(rows) {
+            rows.forEach((row:any) => {
+                (this.$refs.multipleTable as any).toggleRowSelection(row, flag);
+            });
+        } else {
+            (this.$refs.multipleTable as any).clearSelection();
+        }
+    }
+
+    /**
+     * 复选框数据全部选中
+     *
+     * @param {*} $event
+     * @memberof MainBase
+     */
+    public selectAll(selection: any): void {
+        this.selections = [];   
+        if(this.groupAppField) {
+            let flag: boolean = true;
+            if(selection && selection.length === this.items.length) {
+                selection.forEach((element: any) => {
+                    if(element.children) {
+                        this.toggleSelection(element.children, flag);
+                        element.children.forEach((children: any) => {
+                            this.selections.push(children);
+                        });
+                    } else {
+                        flag = false;
+                    }
+                });
+            } else {
+                flag = false;
+            }
+            if(!flag) {
+                this.toggleSelection();
+            }
+        } else {
+            if(!selection) {
+                return;
+            }
+            this.selections = [...JSON.parse(JSON.stringify(selection))];
+        }
+        this.$emit('selectionchange', this.selections);
+    }
+
+    
+    /**
+     * 行单击选中
+     *
+     * @param {*} $event
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public rowClick($event: any, ifAlways: boolean = false): void {
+        // 分组行跳过
+        if($event && $event.children){
+            return;
+        }
+        if (!ifAlways && (!$event || this.actualIsOpenEdit)) {
+            return;
+        }
+        if(this.stopRowClick) {
+            this.stopRowClick = false;
+            return;
+        }
+        if(this.isSingleSelect){
+            this.selections = [];
+        }
+        // 已选中则删除，没选中则添加
+        let selectIndex = this.selections.findIndex((item:any)=>{
+            return Object.is(item.ibizsample0002,$event.ibizsample0002);
+        });
+        if (Object.is(selectIndex,-1)){
+          this.selections.push(JSON.parse(JSON.stringify($event)));
+        } else {
+          this.selections.splice(selectIndex,1);
+        }
+
+        const refs: any = this.$refs;
+        if (refs.multipleTable) {
+            if(this.isSingleSelect){
+                refs.multipleTable.clearSelection();
+                refs.multipleTable.setCurrentRow($event);
+            }else{
+                refs.multipleTable.toggleRowSelection($event); 
+            }
+        }
+
+        this.$emit('selectionchange', this.selections);
+    }
+
+
+    /**
+     * 页面变化
+     *
+     * @param {*} $event
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public pageOnChange($event: any): void {
+        if (!$event) {
+            return;
+        }
+        if ($event === this.curPage) {
+            return;
+        }
+        this.curPage = $event;
+        this.load({});
+    }
+
+    /**
+     * 分页条数变化
+     *
+     * @param {*} $event
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public onPageSizeChange($event: any): void {
+        if (!$event) {
+            return;
+        }
+        if ($event === this.limit) {
+            return;
+        }
+        this.limit = $event;
+        if (this.curPage === 1) {
+            this.load({});
+        }
+    }
+
+    /**
+     * 分页刷新
+     *
+     * @memberof MainBase
+     */
+    public pageRefresh(): void {
+        this.load({});
+    }
+
+    /**
+     * 排序变化
+     *
+     * @param {{ column: any, prop: any, order: any }} { column, prop, order }
+     * @memberof MainBase
+     */
+    public onSortChange({ column, prop, order }: { column: any, prop: any, order: any }): void {
+        const dir = Object.is(order, 'ascending') ? 'asc' : Object.is(order, 'descending') ? 'desc' : '';
+        if (Object.is(dir, this.minorSortDir) && Object.is(this.minorSortPSDEF, prop)) {
+            return;
+        }
+        this.minorSortDir = dir;
+        this.minorSortPSDEF = prop ? prop : '';
+        this.load({});
+    }
+
+    /**
+     * 表格行选中样式
+     *
+     * @param {{ row: any, rowIndex: any }} { row, rowIndex }
+     * @returns {string}
+     * @memberof MainBase
+     */
+    public onRowClassName({ row, rowIndex }: { row: any, rowIndex: any }): string {
+        const index = this.selections.findIndex((select: any) => Object.is(select.srfkey, row.srfkey));
+        return index !== -1 ? 'grid-row-select' : '';
+    }
+
+
+
+    /**
+     * 界面行为
+     *
+     * @param {*} row
+     * @param {*} tag
+     * @param {*} $event
+     * @memberof MainBase
+     */
+	public uiAction(row: any, tag: any, $event: any) {
+        // this.rowClick(row, true);
+        $event.stopPropagation();
+    }
+
+    /**
+     * 设置列状态
+     *
+     * @memberof MainBase
+     */
+    public setColState() {
+		const _data: any = localStorage.getItem('ibizsample0002_main_grid');
+		if (_data) {
+			let columns = JSON.parse(_data);
+			columns.forEach((col: any) => {
+				let column = this.allColumns.find((item) => Object.is(col.name, item.name));
+				if (column) {
+					Object.assign(column, col);
+				}
+			});
+		}
+    }
+
+    /**
+     * 列变化
+     *
+     * @memberof MainBase
+     */
+    public onColChange() {
+        localStorage.setItem('ibizsample0002_main_grid', JSON.stringify(this.allColumns));
+    }
+
+    /**
+     * 获取列状态
+     *
+     * @param {string} name
+     * @returns {boolean}
+     * @memberof MainBase
+     */
+    public getColumnState(name: string): boolean {
+        let column = this.allColumns.find((col: any) =>
+            Object.is(name, col.name)
+        );
+        return column.show ? true : false;
+    }
+
+    /**
+     * 表格列是否自适应布局
+     *
+     * @readonly
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    get adaptiveState(): boolean {
+        return !this.allColumns.find((column: any) => column.show && Object.is(column.unit, 'STAR'));
+    }
+
+    /**
+     * 保存
+     *
+     * @param {*} $event
+     * @returns {Promise<any>}
+     * @memberof MainBase
+     */
+    public async save(args: any[], params?: any, $event?: any, xData?: any){
+        let _this = this;
+        // 拷贝模式
+        if(_this.viewparams && _this.viewparams.copymode && Object.is(_this.viewparams.copymode,'true') && _this.items && _this.items.length >0){
+            for (const item of _this.items) {
+                item.rowDataState = 'create';
+            }
+        }
+        if(_this.items && _this.items.length >0){
+            for (const item of _this.items) {
+                if(Object.is(item.rowDataState, 'update')){
+                    _this.updateDefault(item);
+                }
+            }
+        }
+        if (!await this.validateAll()) {
+            if(this.errorMessages && this.errorMessages.length > 0) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: this.errorMessages[0] });
+            } else {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.rulesException') as string) });
+            }
+            return [];
+        }
+        let successItems:any = [];
+        let errorItems:any = [];
+        let errorMessage:any = [];
+        for (const item of _this.items) {
+            try {
+                if(Object.is(item.rowDataState, 'create')){
+                    if(!this.createAction){
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0002PickupGridView'+(this.$t('app.gridpage.notConfig.createAction') as string) });
+                    }else{
+                      Object.assign(item,{viewparams:this.viewparams});
+                      let response = await this.service.add(this.createAction, JSON.parse(JSON.stringify(this.context)),item, this.showBusyIndicator);
+                      successItems.push(JSON.parse(JSON.stringify(response.data)));
+                    }
+                }else if(Object.is(item.rowDataState, 'update')){
+                    if(!this.updateAction){
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0002PickupGridView'+(this.$t('app.gridpage.notConfig.updateAction') as string) });
+                    }else{
+                        Object.assign(item,{viewparams:this.viewparams});
+                        if(item.ibizsample0002){
+                            Object.assign(this.context,{ibizsample0002:item.ibizsample0002});
+                        }
+                        let response = await this.service.update(this.updateAction,JSON.parse(JSON.stringify(this.context)),item, this.showBusyIndicator);
+                        successItems.push(JSON.parse(JSON.stringify(response.data)));
+                    }
+                }
+            } catch (error) {
+                errorItems.push(JSON.parse(JSON.stringify(item)));
+                errorMessage.push(error);
+            }
+        }
+        this.$emit('save', successItems);
+        this.refresh([]);
+        if(errorItems.length === 0 && successItems.length > 0){
+            this.$Notice.success({ title: '', desc: (this.$t('app.commonWords.saveSuccess') as string) });
+        }else{
+            errorItems.forEach((item: any, index: number) => {
+                if(errorMessage[index] && errorMessage[index].data) {
+                    if(Object.is(errorMessage[index].data.errorKey, 'DupCheck')) {
+                        let errorProp: string = errorMessage[index].data.message.match(/\[[a-zA-Z]*\]/)[0];
+                        let name: string = errorProp ? this.service.getNameByProp(errorProp.substr(1, errorProp.length-2)) : '';
+                        if(name) {
+                            let desc: any = this.allColumns.find((column: any) =>{
+                                return Object.is(column.name, name);
+                            });
+                            this.$Notice.error({
+                                title: (this.$t('app.commonWords.createFailed') as string),
+                                desc: (desc ? desc.label : '') + " : " + item[name] + (this.$t('app.commonWords.isExist') as string) + '!',
+                            });
+                        } else {
+                            this.$Notice.error({
+                                title: (this.$t('app.commonWords.createFailed') as string),
+                                desc: errorMessage[index].data.message?errorMessage[index].data.message:(this.$t('app.commonWords.sysException') as string),
+                            });
+                        }
+                    } else if(Object.is(errorMessage[index].data.errorKey, 'DuplicateKeyException')){
+                        this.$Notice.error({
+                            title: (this.$t('app.commonWords.saveFailed') as string),
+                            desc: errorMessage[index].data.message?errorMessage[index].data.message:(this.$t('app.commonWords.sysException') as string),
+                        });
+                    }else {
+                        this.$Notice.error({
+                            title: (this.$t('app.commonWords.saveFailed') as string),
+                            desc: errorMessage[index].data.message?errorMessage[index].data.message:(this.$t('app.commonWords.sysException') as string),
+                        });
+                    }
+                } else {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.saveFailed') as string), desc: (item[this.majorInfoColName]?item[this.majorInfoColName]:"") + (this.$t('app.commonWords.saveFailed') as string) + '!' });
+                }
+            });
+        }
+        return successItems;
+    }
+
+    /**
+     * 新建行
+     *
+     * @param {*} $event
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public newRow(args: any[], params?: any, $event?: any, xData?: any): void {
+        if(!this.loaddraftAction){
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0002PickupGridView'+(this.$t('app.gridpage.notConfig.loaddraftAction') as string) });
+            return;
+        }
+        let _this = this;
+        Object.assign(args[0],{viewparams:this.viewparams});
+        let post: Promise<any> = this.service.loadDraft(this.loaddraftAction, JSON.parse(JSON.stringify(this.context)), args[0], this.showBusyIndicator);
+        post.then((response: any) => {
+            if (!response.status || response.status !== 200) {
+                if (response.errorMessage) {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.errorMessage });
+                }
+                return;
+            }
+            const data = response.data;
+            this.createDefault(data);
+            data.rowDataState = "create";
+            let tempItems: any[] = [];
+            tempItems.push(data);
+            _this.items = tempItems.concat(_this.items);
+            _this.gridItemsModel.push(_this.getGridRowModel());
+        }).catch((response: any) => {
+            if (response && response.status === 401) {
+                return;
+            }
+            if (!response || !response.status || !response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                return;
+            }
+        });
+    }
+
+    /**
+     * 表格编辑项值变更
+     *  
+     * @param row 行数据
+     * @param {{ name: string, value: any }} $event
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public onGridItemValueChange(row: any,$event: { name: string, value: any },rowIndex: number): void {
+        if (!$event) {
+            return;
+        }
+        if (!$event.name || Object.is($event.name, '') || !row.hasOwnProperty($event.name)) {
+            return;
+        }
+        row[$event.name] = $event.value;
+        this.gridEditItemChange(row, $event.name, $event.value, rowIndex);
+    }
+
+    /**
+     * 表格编辑项值变化
+     *
+     * @public
+     * @param row 行数据
+     * @param property 列编辑项名
+     * @param row 列编辑项值
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public gridEditItemChange(row: any, property: string, value: any, rowIndex: number){
+        row.rowDataState = row.rowDataState ? row.rowDataState : "update" ;
+        if(Object.is(row.rowDataState,"update")){
+            if(this.defaultUpdateItems.includes(property)){
+                row.hasUpdated = true;
+            }
+        }
+        this.curEditRowData = row;
+        this.validate(property,row,rowIndex);
+    }
+
+    /**
+     * 表格编辑项更新
+     *
+     * @param {string} mode 界面行为名称
+     * @param {*} [data={}] 请求数据
+     * @param {string[]} updateDetails 更新项
+     * @param {boolean} [showloading] 是否显示加载状态
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public updateGridEditItem(mode: string, data: any = {}, updateDetails: string[], showloading?: boolean): void {
+        if (!mode || (mode && Object.is(mode, ''))) {
+            return;
+        }
+        let tempContext: any = this.$util.deepCopy(this.context);
+        const arg: any = JSON.parse(JSON.stringify(data));
+        Object.assign(arg,{viewparams:this.viewparams});
+        const post: Promise<any> = this.service.frontLogic(mode,JSON.parse(JSON.stringify(tempContext)),arg, showloading);
+        post.then((response: any) => {
+            if (!response || response.status !== 200) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.gridpage.formitemFailed') as string) });
+                return;
+            }
+            const _data: any = response.data;
+            if(!_data){
+                return;
+            }
+            updateDetails.forEach((name: string) => {
+                if (!_data.hasOwnProperty(name)) {
+                    return;
+                }
+                data[name] = _data[name];
+            });
+        }).catch((response: any) => {
+            if (response && response.status === 401) {
+                return;
+            }
+            if (!response || !response.status || !response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                return;
+            }
+        });
+    }
+
+    /**
+     * 获取对应行class
+     *
+     * @param {*} $args row 行数据，rowIndex 行索引
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public getRowClassName(args:{row: any,rowIndex: number}){
+        let isSelected = this.selections.some((item:any)=>{
+            return Object.is(item.ibizsample0002,args.row.ibizsample0002);
+        });
+        return isSelected ? "grid-selected-row" : "";
+    }
+
+    /**
+     * 获取对应单元格class
+     *
+     * @param {*} $args row 行数据，column 列数据，rowIndex 行索引，columnIndex 列索引
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public getCellClassName(args:{row: any, column: any, rowIndex: number, columnIndex:number}){
+        let className: string = '';
+        if(args.column.property){
+          let col = this.allColumns.find((item:any)=>{
+              return Object.is(args.column.property,item.name);
+          })
+          if(col !== undefined){
+              if(col.isEnableRowEdit && this.actualIsOpenEdit ){
+                className += 'edit-cell ';
+              }
+          } else {
+              className += 'info-cell';
+          }
+        }
+        if(this.groupAppField && args.columnIndex === 0 && !this.isSingleSelect) {
+            if(args.row.children && args.row.children.length > 0) {
+                className += this.computeGroupRow(args.row.children, args.row);
+            }
+        }
+        return className;
+    }
+
+    /**
+     * 计算分组行checkbox选中样式
+     *
+     * @param {*} rows 当前分组行下的所有数据
+     * @returns {*} currentRow 当前分组行
+     * @memberof MainBase
+     */
+    public computeGroupRow(rows: any[], currentRow: any) {
+        let count: number = 0;
+        this.selections.forEach((select: any) => {
+            rows.forEach((row: any) => {
+                if(row.groupById === select.groupById) {
+                    count++;
+                }
+            })
+        })
+        if(count === rows.length) {
+            (this.$refs.multipleTable as any).toggleRowSelection(currentRow, true);
+            return 'cell-select-all ';
+        } else if(count !== 0 && count < rows.length) {
+            return 'cell-indeterminate '
+        } else if(count === 0) {
+            (this.$refs.multipleTable as any).toggleRowSelection(currentRow, false);
+            return '';
+        }
+    }
+
+    /**
+     * 新建默认值
+     * @param {*}  row 行数据
+     * @memberof MainBase
+     */
+    public createDefault(row: any){                    
+    }
+
+    /**
+     * 更新默认值
+     * @param {*}  row 行数据
+     * @memberof MainBase
+     */
+    public updateDefault(row: any){                    
+    }
+
+    /**
+     * 计算数据对象类型的默认值
+     * @param {string}  action 行为
+     * @param {string}  param 默认值参数
+     * @param {*}  data 当前行数据
+     * @memberof MainBase
+     */
+    public computeDefaultValueWithParam(action:string,param:string,data:any){
+        if(Object.is(action,"UPDATE")){
+            const nativeData:any = this.service.getCopynativeData();
+            if(nativeData && (nativeData instanceof Array) && nativeData.length >0){
+                let targetData:any = nativeData.find((item:any) =>{
+                    return item.ibizsample0002id === data.srfkey;
+                })
+                if(targetData){
+                    return targetData[param]?targetData[param]:null;
+                }else{
+                    return null;
+                }
+            }else{
+                return null;
+            }
+        }else{
+           return this.service.getRemoteCopyData()[param]?this.service.getRemoteCopyData()[param]:null;
+        }
+    }
+
+    /**
+     * 校验属性值规则
+     *
+     * @public
+     * @param {{ name: string }} { name }
+     * @memberof MainBase
+     */
+    public verifyDeRules(name:string,rule:any = this.deRules,op:string = "AND",value:any) :{isPast:boolean}{
+        let falg:any = {};
+        if(!rule || !rule[name]){
+            return falg;
+        }
+        let opValue = op == 'AND'? true :false;
+        let startOp = (val:boolean)=>{
+            if(falg.isPast){
+                if(opValue){
+                    falg.isPast = falg.isPast && val;
+                }else{
+                    falg.isPast = falg.isPast || val;
+                }
+            }else{
+                falg.isPast = val;
+            }
+        }
+        for(let i=0; i < rule[name].length; i++) {
+            let item: any = rule[name][i];
+            if((value === null || value === undefined || value === "") && (item.type != 'GROUP')){
+                startOp(true);
+                return falg;
+            }
+            try {
+                // 常规规则
+               if(item.type == 'SIMPLE'){
+                    startOp(!this.$verify.checkFieldSimpleRule(value,item.condOP,item.paramValue,item.ruleInfo,item.paramType,this.curEditRowData,item.isKeyCond));
+                    falg.infoMessage = item.ruleInfo;
+                    if(!falg.isPast) return falg;
+                }
+                // 数值范围
+                if(item.type == 'VALUERANGE2'){
+                    startOp( !this.$verify.checkFieldValueRangeRule(value,item.minValue,item.isIncludeMinValue,item.maxValue,item.isIncludeMaxValue,item.ruleInfo,item.isKeyCond));
+                    falg.infoMessage = item.ruleInfo;
+                    if(!falg.isPast) return falg;
+                }
+                // 正则式
+                if (item.type == "REGEX") {
+                    startOp(!this.$verify.checkFieldRegExRule(value,item.regExCode,item.ruleInfo,item.isKeyCond));
+                    falg.infoMessage = item.ruleInfo;
+                    if(!falg.isPast) return falg;
+                }
+                // 长度
+                if (item.type == "STRINGLENGTH") {
+                    startOp(!this.$verify.checkFieldStringLengthRule(value,item.minValue,item.isIncludeMinValue,item.maxValue,item.isIncludeMaxValue,item.ruleInfo,item.isKeyCond)); 
+                    falg.infoMessage = item.ruleInfo;
+                    if(!falg.isPast) return falg;
+                }
+                // 系统值规则
+                if(item.type == "SYSVALUERULE") {
+                    startOp(!this.$verify.checkFieldSysValueRule(value,item.sysRule.regExCode,item.ruleInfo,item.isKeyCond));
+                    falg.infoMessage = item.ruleInfo;
+                    if(!falg.isPast) return falg;
+                }
+            } catch(error) {
+                falg.infoMessage = item.ruleInfo;
+                startOp(false);
+                if(!falg.isPast) return falg;
+            }
+            // 分组
+            if(item.type == 'GROUP'){
+                falg = this.verifyDeRules('group',item,item.condOP?item.condOP:"AND",value)
+                if(item.isNotMode){
+                   falg.isPast = !falg.isPast;
+                }
+            }
+            
+        };
+        if(!falg.hasOwnProperty("isPast")){
+            falg.isPast = true;
+        }
+        if(!value && value != 0){
+           falg.isPast = true;
+        }
+        return falg;
+    }
+
+    /**
+     * 工作流提交
+     *
+     * @param {*} [data={}]
+     * @param {*} [localdata={}]
+     * @returns {Promise<any>}
+     * @memberof MainBase
+     */
+    public async submitbatch(data: any,localdata:any): Promise<any> {
+        return new Promise((resolve: any, reject: any) => {
+        const _this: any = this;
+        const arg: any = data;
+        const result: Promise<any> = this.service.submitbatch(_this.WFSubmitAction, JSON.parse(JSON.stringify(this.context)),arg,localdata,this.showBusyIndicator);
+        result.then((response: any) => {
+            if (!response || response.status !== 200) {
+                if(response.data){
+                    this.$Notice.error({ title: '', desc: (this.$t('app.formpage.workflow.submiterror') as string) + ', ' + response.data.message });
+                }
+                return;
+            }
+            this.$Notice.info({ title: '', desc: (this.$t('app.formpage.workflow.submitsuccess') as string) });
+            resolve(response);
+        }).catch((response: any) => {
+            if (response && response.status && response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                reject(response);
+                return;
+            }
+            if (!response || !response.status || !response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                reject(response);
+                return;
+            }
+            reject(response);
+        });
+        })
+    }
+
+    /**
+     * 获取表格列禁用状态
+     *
+     * @memberof MainBase
+     */
+    public  getColumnDisabled(data:any,name:string){
+        if(this.allColumns || Array.isArray(this.allColumns)){
+            const curColumn:any = this.allColumns.find((item:any) =>{
+                return item.name === name;
+            })
+            if(curColumn.hasOwnProperty('enableCond')){
+                return data.srfuf == 1 ? (curColumn.enableCond & 2) !== 2 : (curColumn.enableCond & 1) !== 1
+            }else{
+                return false;
+            }
+        }
+    }
+
+}
+</script>
+
+<style lang='less'>
+@import './main-grid.less';
+</style>
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/main-grid/main-grid-model.ts

+/**
+ * Main 部件模型
+ *
+ * @export
+ * @class MainModel
+ */
+export default class MainModel {
+
+	/**
+	 * 是否是实体数据导出
+	 *
+	 * @returns {any[]}
+	 * @memberof MainGridMode
+	 */
+	public isDEExport: boolean = false;
+
+	/**
+	 * 获取数据项集合
+	 *
+	 * @returns {any[]}
+	 * @memberof MainGridMode
+	 */
+	public getDataItems(): any[] {
+    if(this.isDEExport){
+		  return [
+      ]
+    }else{
+		  return [
+        {
+          name: 'ibizsample0002id',
+          prop: 'ibizsample0002id',
+          dataType: 'GUID',
+        },
+        {
+          name: 'ibizsample0002name',
+          prop: 'ibizsample0002name',
+          dataType: 'TEXT',
+        },
+        {
+          name: 'updateman',
+          prop: 'updateman',
+          dataType: 'TEXT',
+        },
+        {
+          name: 'updatedate',
+          prop: 'updatedate',
+          dataType: 'DATETIME',
+        },
+        {
+          name: 'srfmajortext',
+          prop: 'ibizsample0002name',
+          dataType: 'TEXT',
+        },
+        {
+          name: 'srfdataaccaction',
+          prop: 'ibizsample0002id',
+          dataType: 'GUID',
+        },
+        {
+          name: 'srfkey',
+          prop: 'ibizsample0002id',
+          dataType: 'GUID',
+          isEditable:true
+        },
+        {
+          name: 'ibizsample0002',
+          prop: 'ibizsample0002id',
+        },
+
+        {
+          name:'size',
+          prop:'size',
+          dataType: 'QUERYPARAM'
+        },
+        {
+          name:'query',
+          prop:'query',
+          dataType: 'QUERYPARAM'
+        },
+        {
+          name:'filter',
+          prop:'filter',
+          dataType: 'QUERYPARAM'
+        },
+        {
+          name:'page',
+          prop:'page',
+          dataType: 'QUERYPARAM'
+        },
+        {
+          name:'sort',
+          prop:'sort',
+          dataType: 'QUERYPARAM'
+        },
+        {
+          name:'srfparentdata',
+          prop:'srfparentdata',
+          dataType: 'QUERYPARAM'
+        },
+        // 前端新增修改标识，新增为"0",修改为"1"或未设值
+        {
+          name: 'srffrontuf',
+          prop: 'srffrontuf',
+          dataType: 'TEXT',
+        },
+      ]
+    }
+  }
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/main-grid/main-grid-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import IBIZSample0002Service from '@/service/ibizsample0002/ibizsample0002-service';
+import MainModel from './main-grid-model';
+
+
+/**
+ * Main 部件服务对象
+ *
+ * @export
+ * @class MainService
+ */
+export default class MainService extends ControlService {
+
+    /**
+     * 示例实体02服务对象
+     *
+     * @type {IBIZSample0002Service}
+     * @memberof MainService
+     */
+    public appEntityService: IBIZSample0002Service = new IBIZSample0002Service({ $store: this.getStore() });
+
+    /**
+     * 设置从数据模式
+     *
+     * @type {boolean}
+     * @memberof MainService
+     */
+    public setTempMode(){
+        this.isTempMode = false;
+    }
+
+    /**
+     * Creates an instance of MainService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof MainService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+        this.model = new MainModel();
+    }
+
+    /**
+     * 备份原生数据
+     *
+     * @type {*}
+     * @memberof MainService
+     */
+    private copynativeData:any;
+
+    /**
+     * 远端数据
+     *
+     * @type {*}
+     * @memberof MainService
+     */
+    private remoteCopyData:any = {};
+
+
+    /**
+     * 处理数据
+     *
+     * @public
+     * @param {Promise<any>} promise
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    public doItems(promise: Promise<any>, deKeyField: string, deName: string): Promise<any> {
+        return new Promise((resolve, reject) => {
+            promise.then((response: any) => {
+                if (response && response.status === 200) {
+                    const data = response.data;
+                    data.forEach((item:any,index:number) =>{
+                        item[deName] = item[deKeyField];
+                        data[index] = item;
+                    });
+                    resolve(data);
+                } else {
+                    reject([])
+                }
+            }).catch((response: any) => {
+                reject([])
+            });
+        });
+    }
+
+    /**
+     * 获取跨实体数据集合
+     *
+     * @param {string} serviceName 服务名称
+     * @param {string} interfaceName 接口名称
+     * @param {*} data
+     * @param {boolean} [isloading]
+     * @returns {Promise<any[]>}
+     * @memberof  MainService
+     */
+    @Errorlog
+    public getItems(serviceName: string, interfaceName: string, context: any = {}, data: any, isloading?: boolean): Promise<any[]> {
+        data.page = data.page ? data.page : 0;
+        data.size = data.size ? data.size : 1000;
+
+        return Promise.reject([])
+    }
+
+    /**
+     * 添加数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public add(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestDataWithUpdate(action,context,data,true);
+        return new Promise((resolve: any, reject: any) => {
+            const _appEntityService: any = this.appEntityService;
+            let result: Promise<any>;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            }else{
+                result =_appEntityService.Create(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });      
+        });
+    }
+
+    /**
+     * 删除数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public delete(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
+        return new Promise((resolve: any, reject: any) => {
+            const _appEntityService: any = this.appEntityService;
+            let result: Promise<any>;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            }else{
+                result =_appEntityService.Remove(Context,Data, isloading);
+            }
+            result.then((response) => {
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });      
+        });
+    }
+
+    /**
+     * 修改数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public update(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestDataWithUpdate(action,context,data,true);
+        return new Promise((resolve: any, reject: any) => {
+            const _appEntityService: any = this.appEntityService;
+            let result: Promise<any>;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data,isloading);
+            }else{
+                result =_appEntityService.Update(Context,Data,isloading);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });      
+        });
+    }
+
+    /**
+     * 获取数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public get(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.Get(Context,Data, isloading);
+            }
+            result.then((response) => {
+                //处理返回数据，补充判断标识
+                if(response.data){
+                    Object.assign(response.data,{srfuf:'0'});
+                }
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 查询数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public search(action: string,context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
+        return new Promise((resolve: any, reject: any) => {
+            const _appEntityService: any = this.appEntityService;
+            let result: Promise<any>;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            }else{
+                result =_appEntityService.FetchDefault(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.setCopynativeData(response.data);
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });      
+        });
+    }
+
+
+    /**
+     * 加载草稿
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public loadDraft(action: string, context: any = {}, data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.GetDraft(Context,Data, isloading);
+            }
+            result.then((response) => {
+                //处理返回数据，补充判断标识
+                if(response.data){
+                    Object.assign(response.data,{srfuf:'0'});
+                    //仿真主键数据
+                    response.data.ibizsample0002id = Util.createUUID();
+                }
+                this.setRemoteCopyData(response);
+                this.handleResponse(action, response, true);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+
+    /**
+     * 前台逻辑
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public frontLogic(action:string,context: any = {}, data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
+        return new Promise((resolve: any, reject: any)=>{
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                return Promise.reject({ status: 500, data: { title: '失败', message: '系统异常' } });
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        })
+    }
+
+    /**
+     * 处理请求数据(修改或增加数据)
+     * 
+     * @param action 行为 
+     * @param data 数据
+     * @memberof MainService
+     */
+    public handleRequestDataWithUpdate(action: string,context:any ={},data: any = {},isMerge:boolean = false){
+        let model: any = this.getMode();
+        if (!model && model.getDataItems instanceof Function) {
+            return data;
+        }
+        let dataItems: any[] = model.getDataItems();
+        let requestData:any = {};
+        if(isMerge && (data && data.viewparams)){
+            Object.assign(requestData,data.viewparams);
+        }
+        dataItems.forEach((item:any) =>{
+            if(item && item.dataType && Object.is(item.dataType,'FONTKEY')){
+                if(item && item.prop && item.name ){
+                    requestData[item.prop] = context[item.name];
+                }
+            }else{
+                if(item && item.isEditable && item.prop && item.name && data.hasOwnProperty(item.name)){
+                    requestData[item.prop] = data[item.name];
+                }
+            }
+        });
+        let tempContext:any = JSON.parse(JSON.stringify(context));
+        if(tempContext && tempContext.srfsessionid){
+            tempContext.srfsessionkey = tempContext.srfsessionid;
+            delete tempContext.srfsessionid;
+        }
+        return {context:tempContext,data:requestData};
+    }
+
+    /**
+     * 处理工作流数据
+     * 
+     * @param data 传入数据
+     *  @memberof MainService
+     */
+    public handleWFData(data:any, isMerge:boolean = false){
+        let model: any = this.getMode();
+        if (!model && model.getDataItems instanceof Function) {
+            return data;
+        }
+        let dataItems: any[] = model.getDataItems();
+        let requestData:any = {};
+        dataItems.forEach((item:any) =>{
+            if(item && item.prop){
+                if(item.dataType){
+                    if(!Object.is(item.dataType,'QUERYPARAM')){
+                        requestData[item.prop] = data[item.name];
+                    }
+                }else{
+                    requestData[item.prop] = data[item.name];
+                }  
+            }
+        });
+        if(isMerge && (data.viewparams && Object.keys(data.viewparams).length > 0)){
+            Object.assign(requestData,data.viewparams);
+        }
+        // 删除前端srffrontuf标识
+        if(requestData.hasOwnProperty('srffrontuf')){
+            delete requestData.srffrontuf;
+        }
+        //补充工作流所需主键
+        requestData.srfkey = data.ibizsample0002;
+        //补充全量数据
+        requestData = this.fillNativeData(requestData);
+        return requestData;
+    }
+
+    /**
+     * 补充全量数据
+     *
+     * @param {*} [data]
+     * @memberof MainService
+     */
+    public fillNativeData(data:any){
+        if(this.copynativeData && this.copynativeData.length >0){
+            let targetData:any = this.copynativeData.find((item:any) =>{
+                return item.ibizsample0002id === data.srfkey;
+            })
+            data = Object.assign(targetData,data);
+            return data;
+        }
+    }
+
+    /**
+     * 提交工作流
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @param {*} [localdata]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public submitbatch(action: string,context: any = {}, data: any,localdata:any,isloading?: boolean): Promise<any> {
+        let tempData:any = [];
+        if(data && data.length > 0){
+            data.forEach((item:any) => {
+                let data:any = this.handleWFData(item,true);
+                tempData.push(data);
+            });
+        }
+        context = this.handleRequestData(action,context,data,true).context;
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](context,tempData, localdata,isloading);
+            } else {
+                result = this.appEntityService.wfSubmitBatch(context,tempData,localdata,isloading);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 设置远端数据
+     * 
+     * @param result 远端请求结果 
+     * @memberof MainService
+     */
+    public setRemoteCopyData(result:any){
+        if (result && result.status === 200) {
+            this.remoteCopyData = Util.deepCopy(result.data);
+        }
+    }
+
+    /**
+     * 获取远端数据
+     * 
+     * @memberof MainService
+     */
+    public getRemoteCopyData(){
+        return this.remoteCopyData;
+    }
+
+    /**
+     * 设置备份原生数据
+     * 
+     * @param data 远端请求结果 
+     * @memberof MainService
+     */
+    public setCopynativeData(data:any){
+        this.copynativeData = Util.deepCopy(data);
+    }
+
+    /**
+     * 获取备份原生数据
+     * 
+     * @memberof MainService
+     */
+    public getCopynativeData(){
+        return this.copynativeData;
+    }    
+}
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/main-grid/main-grid.less

+.grid {
+    flex-grow: 1;
+    height: 100%;
+    overflow: auto;
+    .el-table__body-wrapper::-webkit-scrollbar {
+      /*滚动条整体样式*/
+      width : 10px !important;  /*高宽分别对应横竖滚动条的尺寸*/
+      height: 10px !important;
+    }
+    .el-table__body-wrapper::-webkit-scrollbar-thumb {
+      /*滚动条颜色*/
+      border-radius   : 10px !important;
+      background-color: #cecece !important;
+    }
+    .el-table__body-wrapper::-webkit-scrollbar-track {
+      /*滚动条里面轨道*/
+      box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
+      background   : #ededed !important;
+      border-radius: 10px !important;
+    }
+    /*表格文字过长省略*/
+    .el-table th>.cell, .el-table td>.cell{
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      word-break: break-all;
+    }
+    .el-table-column--selection .cell {
+        padding-left: 0px;
+        padding-right: 0px;
+    }
+    .app-column-link, .app-format-data{
+      display: inline;
+    }
+    .el-table {
+      height: 100%;
+      display:flex;
+      flex-direction: column;
+      justify-content: flex-start;
+      .el-table__row{
+        .grid-uiaction-divider {
+          padding:0 10px 0 10px;
+          border-left: 1px #b3b3b3 solid;
+        }
+        .grid-first-uiaction {
+          padding:0 10px 0 10px;
+        }
+      }
+      .quick-toolbar{
+          display: inline-block;
+          button{
+            background: #ebf3fb;
+            color: #2575ca;
+            border: 0;
+        }
+      }
+      .el-tooltip{
+        .ivu-form-item{
+          margin-bottom: unset !important;
+        }
+      }
+      .el-table__body .edit-cell{
+        padding:0;
+        .app-form-item{
+          margin-top: 20px;
+          margin-bottom: 20px;
+        }
+      }
+      .el-table__header-wrapper{
+        min-height: 45px;
+        max-height: 100px;
+        height: auto;
+      }
+      .el-table__footer-wrapper{
+        min-height: 45px;
+        max-height: 100px;
+        height: auto;
+      }
+    }
+    .grid-pagination {
+        height: 50px;
+        padding: 6px 0px;
+        .page-button {
+            button  {
+                padding: 0;
+                font-size: 16px;
+                min-width: 32px;
+                height: 32px;
+                margin-right: 4px;
+            }
+        }
+        .page-column {
+            position: absolute;
+            left: 0;
+        }
+        .batch-toolbar{
+            position: absolute;
+            left: 105px;
+          >.toolbar-container{
+              button  {
+                  font-size: 16px;
+                  min-width: 32px;
+                  height: 32px;
+                  margin-right: 4px;
+                  margin-top: 0;
+                  margin-bottom: 0;
+              }
+          }
+        }
+    }
+}
+.ivu-modal-content{
+    .footer{
+        .ivu-row{
+            text-align: right;
+        }
+    }
+}
+.cell-indeterminate {
+  >div>label {
+    >span {
+      .el-checkbox__inner {
+        background-color: #409eff;
+        border-color: #409eff;
+      }
+      .el-checkbox__inner:before {
+        content: "";
+        position: absolute;
+        display: block;
+        background-color: #fff;
+        height: 2px;
+        transform: scale(.5);
+        left: 0;
+        right: 0;
+        top: 5px;
+      }
+    }
+    >span.is-checked {
+      .el-checkbox__inner {
+        background-color: #409eff;
+        border-color: #409eff;
+      }
+      .el-checkbox__inner:after {
+        border: 0px;
+      }
+    }
+  }
+}
+
+.cell-select-all {
+  >div>label {
+    >span {
+      .el-checkbox__inner {
+        background-color: #409eff;
+        border-color: #409eff;
+      }
+      .el-checkbox__inner:after {
+        box-sizing: content-box;
+        content: "";
+        border: 1px solid #fff;
+        border-left: 0;
+        border-top: 0;
+        height: 7px;
+        left: 4px;
+        position: absolute;
+        top: 1px;
+        transform: rotate(45deg) scaleY(1);
+        width: 3px;
+        transition: transform .15s ease-in .05s;
+        transform-origin: center;
+      }
+    }
+  }
+}
+
+// this is less

app_Web/src/widgets/ibizsample0002/main-grid/main-grid.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import MainBase from './main-grid-base.vue';
+
+ 
+@Component({
+    components: {
+         
+    }
+})
+export default class Main extends MainBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/pickup-viewpickupviewpanel-pickupviewpanel/pickup-viewpickupviewpanel-pickupviewpanel-base.vue

+<template>
+    <div class='pickupviewpanel'>
+        <component 
+          v-if="inited && view.viewname && !Object.is(view.viewname, '')" 
+          :is="view.viewname"
+          class="viewcontainer3"
+          :viewdata="viewdata"
+          :viewparam="viewparam"
+          :viewDefaultUsage="false"
+          :isSingleSelect="isSingleSelect"
+          :selectedData="selectedData"
+          :isShowButton="isShowButton"
+          @viewdataschange="onViewDatasChange"
+          @viewdatasactivated="viewDatasActivated"
+          @viewload="onViewLoad">
+        </component>
+    </div>
+</template>
+
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch, Model,Inject } from 'vue-property-decorator';
+import { CreateElement } from 'vue';
+import { Subject, Subscription } from 'rxjs';
+import { ControlInterface } from '@/interface/control';
+import { UIActionTool,Util,ViewTool } from '@/utils';
+import NavDataService from '@/service/app/navdata-service';
+import AppCenterService from "@service/app/app-center-service";
+import IBIZSample0002Service from '@/service/ibizsample0002/ibizsample0002-service';
+import PickupViewpickupviewpanelService from './pickup-viewpickupviewpanel-pickupviewpanel-service';
+import IBIZSample0002UIService from '@/uiservice/ibizsample0002/ibizsample0002-ui-service';
+import PickupViewpickupviewpanelModel from './pickup-viewpickupviewpanel-pickupviewpanel-model';
+
+
+@Component({
+    components: {
+      
+    }
+})
+export default class PickupViewpickupviewpanelBase extends Vue implements ControlInterface {
+
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    @Prop() public name?: string;
+
+    /**
+     * 视图通讯对象
+     *
+     * @type {Subject<ViewState>}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    @Prop() public viewState!: Subject<ViewState>;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    @Prop() public context: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    @Prop() public viewparams: any;
+
+    /**
+     * 视图状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public viewStateEvent: Subscription | undefined;
+
+    /**
+     * 获取部件类型
+     *
+     * @returns {string}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public getControlType(): string {
+        return 'PICKUPVIEWPANEL'
+    }
+
+
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {PickupViewpickupviewpanelService}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public service: PickupViewpickupviewpanelService = new PickupViewpickupviewpanelService({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {IBIZSample0002Service}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public appEntityService: IBIZSample0002Service = new IBIZSample0002Service({ $store: this.$store });
+    
+
+
+    /**
+     * 转化数据
+     *
+     * @param {any} args
+     * @memberof  PickupViewpickupviewpanelBase
+     */
+    public transformData(args: any) {
+        let _this: any = this;
+        if(_this.service && _this.service.handleRequestData instanceof Function && _this.service.handleRequestData('transform',_this.context,args)){
+            return _this.service.handleRequestData('transform',_this.context,args)['data'];
+        }
+    }
+
+    /**
+     * 关闭视图
+     *
+     * @param {any} args
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public closeView(args: any): void {
+        let _this: any = this;
+        _this.$emit('closeview', [args]);
+    }
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+
+
+
+    /**
+     * 选中数据字符串
+     *
+     * @type {string}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    @Prop() public selectedData?: string;
+
+    /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public getDatas(): any[] {
+        return [];
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public getData(): any {
+        return {};
+    }
+
+    /**
+     * 视图名称
+     *
+     * @type {*}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public view: any = {
+        viewname: 'ibizsample0002-pickup-grid-view',
+        data: {},
+    }
+
+    /**
+     * 局部上下文
+     *
+     * @type {*}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public localContext: any = null;
+
+    /**
+     * 局部视图参数
+     *
+     * @type {*}
+     * @memberof PickupViewpickupviewpanel
+     */
+    public localViewParam: any = null;
+
+    /**
+     * 视图数据
+     *
+     * @type {*}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public viewdata: string  = JSON.stringify(this.context);
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof PickupViewpickupviewpanel
+     */
+    public viewparam: string  = JSON.stringify(this.viewparams);
+
+    /**
+     * 是否显示按钮
+     *
+     * @type {boolean}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    @Prop({default: true}) public isShowButton!: boolean;
+
+    /**
+     * 是否单选
+     *
+     * @type {boolean}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    @Prop() public isSingleSelect?: boolean;
+
+    /**
+     * 初始化完成
+     *
+     * @type {boolean}
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public inited: boolean = false;
+
+    /**
+     * 视图数据变化
+     *
+     * @param {*} $event
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public onViewDatasChange($event: any): void {
+        if($event.length>0){
+          $event.forEach((item:any,index:any) => {
+              let srfmajortext = item.srfmajortext?item.srfmajortext:item['ibizsample0002name'];
+              if(srfmajortext){
+                Object.assign($event[index],{srfmajortext: srfmajortext});
+              }
+          });
+        }
+        this.$emit('selectionchange', $event);
+    }
+
+    /**
+     * 视图数据被激活
+     *
+     * @param {*} $event
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public viewDatasActivated($event: any): void {
+        this.$emit('activated', $event);
+    }
+
+    /**
+     * 视图加载完成
+     *
+     * @param {*} $event
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public onViewLoad($event: any): void {
+        this.$emit('load', $event);
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof PickupViewpickupviewpanelBase
+     */    
+    public afterCreated(){
+        this.initNavParam();
+        if (this.viewState) {
+            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+                if (!Object.is(tag, this.name)) {
+                    return;
+                }
+                if (Object.is('load', action)) {
+                    this.viewdata = JSON.stringify(this.context);
+                    this.viewparam = JSON.stringify(Object.assign(data, this.viewparams));
+                    this.inited = true;
+                }
+            });
+        }
+    }
+
+    /**
+     * 初始化导航参数
+     *
+     *  @memberof PickupViewpickupviewpanelBase
+     */  
+    public initNavParam(){
+        if(this.localContext && Object.keys(this.localContext).length >0){
+            let _context:any = this.$util.computedNavData({},this.context,this.viewparams,this.localContext);
+            Object.assign(this.context,_context);
+        }
+        if(this.localViewParam && Object.keys(this.localViewParam).length >0){
+            let _param:any = this.$util.computedNavData({},this.context,this.viewparams,this.localViewParam);
+            Object.assign(this.viewparams,_param);
+        }
+        this.viewdata = JSON.stringify(this.context);
+        this.viewparam = JSON.stringify(this.viewparams);
+    }
+
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof PickupViewpickupviewpanelBase
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+    }
+
+}
+</script>
+
+<style lang='less'>
+@import './pickup-viewpickupviewpanel-pickupviewpanel.less';
+</style>
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/pickup-viewpickupviewpanel-pickupviewpanel/pickup-viewpickupviewpanel-pickupviewpanel-model.ts

+/**
+ * PickupViewpickupviewpanel 部件模型
+ *
+ * @export
+ * @class PickupViewpickupviewpanelModel
+ */
+export default class PickupViewpickupviewpanelModel {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof PickupViewpickupviewpanelModel
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'de',
+      },
+      {
+        name: 'denum',
+      },
+      {
+        name: 'updatedate',
+      },
+      {
+        name: 'updateman',
+      },
+      {
+        name: 'ibizsample0002name',
+      },
+      {
+        name: 'createman',
+      },
+      {
+        name: 'ibizsample0002',
+        prop: 'ibizsample0002id',
+      },
+      {
+        name: 'createdate',
+      },
+    ]
+  }
+
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/pickup-viewpickupviewpanel-pickupviewpanel/pickup-viewpickupviewpanel-pickupviewpanel-service.ts

+import { Http } from '@/utils';
+import ControlService from '@/widgets/control-service';
+
+/**
+ * PickupViewpickupviewpanel 部件服务对象
+ *
+ * @export
+ * @class PickupViewpickupviewpanelService
+ */
+export default class PickupViewpickupviewpanelService extends ControlService {
+}
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/pickup-viewpickupviewpanel-pickupviewpanel/pickup-viewpickupviewpanel-pickupviewpanel.less

+// this is less
+.pickupviewpanel{
+  width: 100%;
+}
\ No newline at end of file

app_Web/src/widgets/ibizsample0002/pickup-viewpickupviewpanel-pickupviewpanel/pickup-viewpickupviewpanel-pickupviewpanel.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import PickupViewpickupviewpanelBase from './pickup-viewpickupviewpanel-pickupviewpanel-base.vue';
+
+ 
+@Component({
+    components: {
+         
+    }
+})
+export default class PickupViewpickupviewpanel extends PickupViewpickupviewpanelBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/widgets/ibizsample0017/default-searchform/default-searchform-base.vue

@@ -590,7 +590,7 @@ export default class DefaultBase extends Vue implements ControlInterface {
      */
     public load(opt: any = {}): void {
         if(!this.loadAction){
-            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017PickupGridView' + (this.$t('app.searchForm.notConfig.loadAction') as string) });
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017GridView' + (this.$t('app.searchForm.notConfig.loadAction') as string) });
             return;
         }
         const arg: any = { ...opt };
@@ -626,7 +626,7 @@ export default class DefaultBase extends Vue implements ControlInterface {
      */
     public loadDraft(opt: any = {},mode?:string): void {
         if(!this.loaddraftAction){
-            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017PickupGridView' + (this.$t('app.searchForm.notConfig.loaddraftAction') as string) });
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017GridView' + (this.$t('app.searchForm.notConfig.loaddraftAction') as string) });
             return;
         }
         const arg: any = { ...opt } ;

app_Web/src/widgets/ibizsample0017/main-grid/main-grid-base.vue

@@ -305,6 +305,20 @@ export default class MainBase extends Vue implements ControlInterface {
         return this.selections[0];
     }
 
+    /**
+     * 打开新建数据视图
+     *
+     * @type {any}
+     * @memberof MainBase
+     */
+    @Prop() public newdata: any;
+    /**
+     * 打开编辑数据视图
+     *
+     * @type {any}
+     * @memberof MainBase
+     */
+    @Prop() public opendata: any;
     
     /**
     * 是否嵌入关系界面
@@ -797,7 +811,7 @@ export default class MainBase extends Vue implements ControlInterface {
      */
     public load(opt: any = {}, pageReset: boolean = false): void {
         if(!this.fetchAction){
-            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017PickupGridView'+(this.$t('app.gridpage.notConfig.fetchAction') as string) });
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017GridView'+(this.$t('app.gridpage.notConfig.fetchAction') as string) });
             return;
         }
         if(pageReset){
@@ -887,7 +901,7 @@ export default class MainBase extends Vue implements ControlInterface {
      */
     public async remove(datas: any[]): Promise<any> {
         if(!this.removeAction){
-            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017PickupGridView'+(this.$t('app.gridpage.notConfig.removeAction') as string) });
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017GridView'+(this.$t('app.gridpage.notConfig.removeAction') as string) });
             return;
         }
         let _datas:any[] = [];
@@ -992,7 +1006,7 @@ export default class MainBase extends Vue implements ControlInterface {
      */
     public addBatch(arg: any = {}): void {
         if(!this.fetchAction){
-            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017PickupGridView'+(this.$t('app.gridpage.notConfig.fetchAction') as string) });
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017GridView'+(this.$t('app.gridpage.notConfig.fetchAction') as string) });
             return;
         }
         if(!arg){
@@ -1868,7 +1882,7 @@ export default class MainBase extends Vue implements ControlInterface {
             try {
                 if(Object.is(item.rowDataState, 'create')){
                     if(!this.createAction){
-                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017PickupGridView'+(this.$t('app.gridpage.notConfig.createAction') as string) });
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017GridView'+(this.$t('app.gridpage.notConfig.createAction') as string) });
                     }else{
                       Object.assign(item,{viewparams:this.viewparams});
                       let response = await this.service.add(this.createAction, JSON.parse(JSON.stringify(this.context)),item, this.showBusyIndicator);
@@ -1876,7 +1890,7 @@ export default class MainBase extends Vue implements ControlInterface {
                     }
                 }else if(Object.is(item.rowDataState, 'update')){
                     if(!this.updateAction){
-                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017PickupGridView'+(this.$t('app.gridpage.notConfig.updateAction') as string) });
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017GridView'+(this.$t('app.gridpage.notConfig.updateAction') as string) });
                     }else{
                         Object.assign(item,{viewparams:this.viewparams});
                         if(item.ibizsample0017){
@@ -1943,7 +1957,7 @@ export default class MainBase extends Vue implements ControlInterface {
      */
     public newRow(args: any[], params?: any, $event?: any, xData?: any): void {
         if(!this.loaddraftAction){
-            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017PickupGridView'+(this.$t('app.gridpage.notConfig.loaddraftAction') as string) });
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0017GridView'+(this.$t('app.gridpage.notConfig.loaddraftAction') as string) });
             return;
         }
         let _this = this;