ibiz4j 部署微服务应用

app_web/public/assets/json/data-dictionary.json

@@ -25,5 +25,13 @@
                 "disabled": false
             }
         ]
+    }, 
+    {
+        "srfkey": "WFSystemList",
+        "emptytext": "未定义",
+        "codelisttype":"dynamic",
+        "appdataentity":"WFSystem",
+        "appdedataset":"FetchDefault",
+        "items": []
     } 
 ]
\ No newline at end of file

app_web/public/assets/json/view-config.json

@@ -39,6 +39,14 @@
         "viewname": "WFGroupMPickupView",
         "viewtag": "5db49698557288612b9247b259ffbcd7"
     },
+    "wftaskgridview": {
+        "title": "我的待办",
+        "caption": "我的待办",
+        "viewtype": "DEGRIDVIEW",
+        "viewmodule": "workflow",
+        "viewname": "WFTaskGridView",
+        "viewtag": "67f605f39e4d0d7cfa524ea97bc29ced"
+    },
     "wfusereditview": {
         "title": "用户编辑视图",
         "caption": "用户",
@@ -47,6 +55,14 @@
         "viewname": "WFUserEditView",
         "viewtag": "77dd35badedcc0f6b98e83ee1ff82bda"
     },
+    "wftaskeditview": {
+        "title": "工作流任务编辑视图",
+        "caption": "工作流任务",
+        "viewtype": "DEEDITVIEW",
+        "viewmodule": "workflow",
+        "viewname": "WFTaskEditView",
+        "viewtag": "84f38898137b7bd1f9f135ac74b4b850"
+    },
     "wfprocessdefinitioneditview": {
         "title": "流程定义查看",
         "caption": "流程定义查看",

app_web/src/codelist/codelist-register.ts

@@ -39,6 +39,7 @@ export class CodeListRegister {
      * @memberof CodeListRegister
      */
     protected init(): void {
+            this.allCodeList.set('WFSystemList', () => import('@/codelist/wfsystem-list'));
     }
 
     /**

app_web/src/codelist/wfsystem-list.ts

+import WFSystemService from '@service/wfsystem/wfsystem-service';
+/**
+ * 代码表--系统
+ *
+ * @export
+ * @class WFSystemList
+ */
+export default class WFSystemList {
+
+    /**
+     * 是否启用缓存
+     *
+     * @type boolean
+     * @memberof WFSystemList
+     */
+    public isEnableCache:boolean = true;
+
+    /**
+     * 过期时间
+     *
+     * @type any
+     * @memberof WFSystemList
+     */
+    public expirationTime:any;
+
+    /**
+     * 预定义类型
+     *
+     * @type string
+     * @memberof WFSystemList
+     */
+    public predefinedType:string ='';
+
+    /**
+     * 缓存超长时长
+     *
+     * @type any
+     * @memberof WFSystemList
+     */
+    public cacheTimeout:any = -1;
+
+    /**
+     * 代码表模型对象
+     *
+     * @type any
+     * @memberof WFSystemList
+     */
+    public codelistModel:any = {
+        codelistid:"WFSystemList"
+    };
+
+    /**
+     * 自定义参数集合
+     *
+     * @type any
+     * @memberof WFSystemList
+     */
+    public userParamNames:any ={
+    }
+
+    /**
+     * 查询参数集合
+     *
+     * @type any
+     * @memberof WFSystemList
+     */
+    public queryParamNames:any ={
+    }
+
+    /**
+     * 系统应用实体服务对象
+     *
+     * @type {WFSystemService}
+     * @memberof WFSystemList
+     */
+    public wfsystemService: WFSystemService = new WFSystemService();
+
+
+    /**
+     * 处理数据
+     *
+     * @public
+     * @param {any[]} items
+     * @returns {any[]}
+     * @memberof WFSystemList
+     */
+    public doItems(items: any[]): any[] {
+        let _items: any[] = [];
+        items.forEach((item: any) => {
+            let itemdata:any = {};
+            Object.assign(itemdata,{id:item.pssystemid});
+            Object.assign(itemdata,{value:item.pssystemid});
+            Object.assign(itemdata,{text:item.pssystemname});
+            Object.assign(itemdata,{label:item.pssystemname});
+            
+            _items.push(itemdata);
+        });
+        return _items;
+    }
+
+    /**
+     * 获取数据项
+     *
+     * @param {*} context
+     * @param {*} data
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof WFSystemList
+     */
+    public getItems(context: any={}, data: any={}, isloading?: boolean): Promise<any> {
+        return new Promise((resolve, reject) => {
+            data = this.handleQueryParam(data);
+            const promise: Promise<any> = this.wfsystemService.FetchDefault(context, data, isloading);
+            promise.then((response: any) => {
+                if (response && response.status === 200) {
+                    const data =  response.data;
+                    resolve(this.doItems(data));
+                } else {
+                    resolve([]);
+                }
+            }).catch((response: any) => {
+                console.error(response);
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 处理查询参数
+     * @param data 传入data
+     * @memberof WFSystemList
+     */
+    public handleQueryParam(data:any){
+        let tempData:any = data?JSON.parse(JSON.stringify(data)):{};
+        if(this.userParamNames && Object.keys(this.userParamNames).length >0){
+            Object.keys(this.userParamNames).forEach((name: string) => {
+                if (!name) {
+                    return;
+                }
+                let value: string | null = this.userParamNames[name];
+                if (value && value.startsWith('%') && value.endsWith('%')) {
+                    const key = value.substring(1, value.length - 1);
+                    if (this.codelistModel && this.codelistModel.hasOwnProperty(key)) {
+                        value = (this.codelistModel[key] !== null && this.codelistModel[key] !== undefined) ? this.codelistModel[key] : null;
+                    } else {
+                        value = null;
+                    }
+                }
+                Object.assign(tempData, { [name]: value });
+            });
+        }
+        Object.assign(tempData,{page: 0, size: 1000});
+        if(this.queryParamNames && Object.keys(this.queryParamNames).length > 0){
+            Object.assign(tempData,this.queryParamNames);
+        }
+        return tempData;
+    }
+}

app_web/src/locale/lang/en-US.ts

@@ -129,6 +129,7 @@ export default {
                 menuitem1: "流程定义",
                 menuitem3: "发布新流程",
                 menuitem2: "用户组",
+                menuitem4: "我的待办",
             },
         },
         formpage:{

app_web/src/locale/lang/zh-CN.ts

@@ -129,6 +129,7 @@ export default {
                 menuitem1: "流程定义",
                 menuitem3: "发布新流程",
                 menuitem2: "用户组",
+                menuitem4: "我的待办",
             },
         },
         formpage:{

app_web/src/locale/lanres/codelist/codelist_en_US.ts

@@ -4,4 +4,7 @@ export default {
         "0": "否",
         "empty": ""
     },
+    WFSystemList: {
+        "empty": "",
+    },
 };
\ No newline at end of file

app_web/src/locale/lanres/codelist/codelist_zh_CN.ts

@@ -4,4 +4,7 @@ export default {
         "0": "否",
         "empty": "",
     },
+    WFSystemList: {
+        "empty": "",
+    },
 };
\ No newline at end of file

app_web/src/locale/lanres/entities/wftask/wftask_en_US.ts

@@ -12,4 +12,167 @@ export default {
     processinstanceid: "实例标识",
     processinstancebusinesskey: "业务键值",
   },
+	views: {
+		gridview: {
+			caption: "我的待办",
+      		title: "我的待办",
+		},
+		editview: {
+			caption: "工作流任务",
+      		title: "工作流任务编辑视图",
+		},
+	},
+	main_form: {
+		details: {
+			group1: "工作流任务基本信息", 
+			formpage1: "基本信息", 
+			group2: "操作信息", 
+			formpage2: "其它", 
+			srforikey: "", 
+			srfkey: "任务标识", 
+			srfmajortext: "状态", 
+			srftempmode: "", 
+			srfuf: "", 
+			srfdeid: "", 
+			srfsourcekey: "", 
+			taskid: "任务标识", 
+		},
+		uiactions: {
+		},
+	},
+	main_grid: {
+		columns: {
+			definitionname: "流程",
+			taskname: "状态",
+			description: "事项",
+			createtime: "时间",
+			businesskey: "业务键值",
+			definitionid: "DefinitionId",
+			definitionkey: "DefinitionKey",
+			instanceid: "实例标识",
+			taskdefinitionkey: "TaskDefinitionKey",
+			taskid: "任务标识",
+		},
+		uiactions: {
+		},
+	},
+	default_searchform: {
+		details: {
+			formpage1: "常规条件", 
+			n_description_like: "事项", 
+			n_definitionkey_leftlike: "系统", 
+			n_definitionname_like: "流程", 
+			n_taskname_like: "状态", 
+		},
+		uiactions: {
+		},
+	},
+	gridviewtoolbar_toolbar: {
+		tbitem5: {
+			caption: "View",
+			tip: "View {0}",
+		},
+		tbitem7: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem13: {
+			caption: "Export",
+			tip: "Export {0} Data To Excel",
+		},
+		tbitem10: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem16: {
+			caption: "其它",
+			tip: "其它",
+		},
+		tbitem21: {
+			caption: "Export Data Model",
+			tip: "导出数据模型",
+		},
+		tbitem23: {
+			caption: "数据导入",
+			tip: "数据导入",
+		},
+		tbitem17: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem19: {
+			caption: "Filter",
+			tip: "Filter",
+		},
+		tbitem18: {
+			caption: "Help",
+			tip: "Help",
+		},
+	},
+	editviewtoolbar_toolbar: {
+		tbitem3: {
+			caption: "Save",
+			tip: "Save",
+		},
+		tbitem4: {
+			caption: "Save And New",
+			tip: "Save And New",
+		},
+		tbitem5: {
+			caption: "Save And Close",
+			tip: "Save And Close Window",
+		},
+		tbitem6: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem7: {
+			caption: "Remove And Close",
+			tip: "Remove And Close Window",
+		},
+		tbitem8: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem12: {
+			caption: "New",
+			tip: "New",
+		},
+		tbitem13: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem14: {
+			caption: "Copy",
+			tip: "Copy {0}",
+		},
+		tbitem16: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem23: {
+			caption: "第一个记录",
+			tip: "第一个记录",
+		},
+		tbitem24: {
+			caption: "上一个记录",
+			tip: "上一个记录",
+		},
+		tbitem25: {
+			caption: "下一个记录",
+			tip: "下一个记录",
+		},
+		tbitem26: {
+			caption: "最后一个记录",
+			tip: "最后一个记录",
+		},
+		tbitem21: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem22: {
+			caption: "Help",
+			tip: "Help",
+		},
+	},
 };
\ No newline at end of file

app_web/src/locale/lanres/entities/wftask/wftask_zh_CN.ts

@@ -11,4 +11,167 @@ export default {
     processinstanceid: "实例标识",
     processinstancebusinesskey: "业务键值",
   },
+	views: {
+		gridview: {
+			caption: "我的待办",
+      		title: "我的待办",
+		},
+		editview: {
+			caption: "工作流任务",
+      		title: "工作流任务编辑视图",
+		},
+	},
+	main_form: {
+		details: {
+			group1: "工作流任务基本信息", 
+			formpage1: "基本信息", 
+			group2: "操作信息", 
+			formpage2: "其它", 
+			srforikey: "", 
+			srfkey: "任务标识", 
+			srfmajortext: "状态", 
+			srftempmode: "", 
+			srfuf: "", 
+			srfdeid: "", 
+			srfsourcekey: "", 
+			taskid: "任务标识", 
+		},
+		uiactions: {
+		},
+	},
+	main_grid: {
+		columns: {
+			definitionname: "流程",
+			taskname: "状态",
+			description: "事项",
+			createtime: "时间",
+			businesskey: "业务键值",
+			definitionid: "DefinitionId",
+			definitionkey: "DefinitionKey",
+			instanceid: "实例标识",
+			taskdefinitionkey: "TaskDefinitionKey",
+			taskid: "任务标识",
+		},
+		uiactions: {
+		},
+	},
+	default_searchform: {
+		details: {
+			formpage1: "常规条件", 
+			n_description_like: "事项", 
+			n_definitionkey_leftlike: "系统", 
+			n_definitionname_like: "流程", 
+			n_taskname_like: "状态", 
+		},
+		uiactions: {
+		},
+	},
+	gridviewtoolbar_toolbar: {
+		tbitem5: {
+			caption: "查看",
+			tip: "查看",
+		},
+		tbitem7: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem13: {
+			caption: "导出",
+			tip: "导出",
+		},
+		tbitem10: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem16: {
+			caption: "其它",
+			tip: "其它",
+		},
+		tbitem21: {
+			caption: "导出数据模型",
+			tip: "导出数据模型",
+		},
+		tbitem23: {
+			caption: "数据导入",
+			tip: "数据导入",
+		},
+		tbitem17: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem19: {
+			caption: "过滤",
+			tip: "过滤",
+		},
+		tbitem18: {
+			caption: "帮助",
+			tip: "帮助",
+		},
+	},
+	editviewtoolbar_toolbar: {
+		tbitem3: {
+			caption: "保存",
+			tip: "保存",
+		},
+		tbitem4: {
+			caption: "保存并新建",
+			tip: "保存并新建",
+		},
+		tbitem5: {
+			caption: "保存并关闭",
+			tip: "保存并关闭",
+		},
+		tbitem6: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem7: {
+			caption: "删除并关闭",
+			tip: "删除并关闭",
+		},
+		tbitem8: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem12: {
+			caption: "新建",
+			tip: "新建",
+		},
+		tbitem13: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem14: {
+			caption: "拷贝",
+			tip: "拷贝",
+		},
+		tbitem16: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem23: {
+			caption: "第一个记录",
+			tip: "第一个记录",
+		},
+		tbitem24: {
+			caption: "上一个记录",
+			tip: "上一个记录",
+		},
+		tbitem25: {
+			caption: "下一个记录",
+			tip: "下一个记录",
+		},
+		tbitem26: {
+			caption: "最后一个记录",
+			tip: "最后一个记录",
+		},
+		tbitem21: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem22: {
+			caption: "帮助",
+			tip: "帮助",
+		},
+	},
 };
\ No newline at end of file

app_web/src/mock/app/wfindex-view-appmenu/wfindex-view-appmenu.ts

@@ -63,6 +63,24 @@ mock.onGet('v7/wfindex-viewappmenu').reply((config: any) => {
 	textcls: '',
 	appfunctag: 'Auto2',
 	resourcetag: '',
+},
+            {
+	id: '0F72A458-D47D-4305-AF77-4D643124741D',
+	name: 'menuitem4',
+	text: '我的待办',
+	type: 'MENUITEM',
+	counterid: '',
+	tooltip: '我的待办',
+	expanded: false,
+	separator: false,
+	hidden: false,
+	hidesidebar: false,
+	opendefault: false,
+	iconcls: 'fa fa-list-alt',
+	icon: '',
+	textcls: '',
+	appfunctag: '_2',
+	resourcetag: '',
 },
         ],
     }];

app_web/src/mock/codelist/codelist.ts

@@ -33,6 +33,14 @@ mock.onGet('./assets/json/data-dictionary.json').reply((config: any) => {
                 disabled: false,
             },
         ]
+    },
+    {
+        "srfkey": "WFSystemList",
+        "emptytext": "未定义",
+        "codelisttype":"dynamic",
+        "appdataentity":"WFSystem",
+        "appdedataset":"FetchDefault",
+        "items": []
     }
     ]];
 });

app_web/src/mock/viewconfig/viewconfig.ts

@@ -47,6 +47,14 @@ mock.onGet('./assets/json/view-config.json').reply((config: any) => {
             "viewname": "WFGroupMPickupView",
             "viewtag": "5db49698557288612b9247b259ffbcd7"
         },
+        "wftaskgridview": {
+            "title": "我的待办",
+            "caption": "我的待办",
+            "viewtype": "DEGRIDVIEW",
+            "viewmodule": "workflow",
+            "viewname": "WFTaskGridView",
+            "viewtag": "67f605f39e4d0d7cfa524ea97bc29ced"
+        },
         "wfusereditview": {
             "title": "用户编辑视图",
             "caption": "用户",
@@ -55,6 +63,14 @@ mock.onGet('./assets/json/view-config.json').reply((config: any) => {
             "viewname": "WFUserEditView",
             "viewtag": "77dd35badedcc0f6b98e83ee1ff82bda"
         },
+        "wftaskeditview": {
+            "title": "工作流任务编辑视图",
+            "caption": "工作流任务",
+            "viewtype": "DEEDITVIEW",
+            "viewmodule": "workflow",
+            "viewname": "WFTaskEditView",
+            "viewtag": "84f38898137b7bd1f9f135ac74b4b850"
+        },
         "wfprocessdefinitioneditview": {
             "title": "流程定义查看",
             "caption": "流程定义查看",

app_web/src/pages/workflow/wfindex-view/page-register.ts

@@ -4,14 +4,16 @@ export const PageComponents = {
         Vue.component('wfuser-pickup-grid-view', () => import('@pages/workflow/wfuser-pickup-grid-view/wfuser-pickup-grid-view.vue'));
         Vue.component('wfprocess-definition-grid-view', () => import('@pages/workflow/wfprocess-definition-grid-view/wfprocess-definition-grid-view.vue'));
         Vue.component('wfuser-pickup-view', () => import('@pages/workflow/wfuser-pickup-view/wfuser-pickup-view.vue'));
-        Vue.component('wfremodel-edit-view', () => import('@pages/workflow/wfremodel-edit-view/wfremodel-edit-view.vue'));
-        Vue.component('wfmember-edit-view', () => import('@pages/workflow/wfmember-edit-view/wfmember-edit-view.vue'));
-        Vue.component('wfgroup-grid-view', () => import('@pages/workflow/wfgroup-grid-view/wfgroup-grid-view.vue'));
-        Vue.component('wfuser-mpickup-view', () => import('@pages/workflow/wfuser-mpickup-view/wfuser-mpickup-view.vue'));
         Vue.component('wfgroup-mpickup-view', () => import('@pages/workflow/wfgroup-mpickup-view/wfgroup-mpickup-view.vue'));
-        Vue.component('wfmember-grid-view', () => import('@pages/workflow/wfmember-grid-view/wfmember-grid-view.vue'));
         Vue.component('wfgroup-pickup-view', () => import('@pages/workflow/wfgroup-pickup-view/wfgroup-pickup-view.vue'));
+        Vue.component('wftask-grid-view', () => import('@pages/workflow/wftask-grid-view/wftask-grid-view.vue'));
         Vue.component('wfgroup-edit-view', () => import('@pages/workflow/wfgroup-edit-view/wfgroup-edit-view.vue'));
+        Vue.component('wftask-edit-view', () => import('@pages/workflow/wftask-edit-view/wftask-edit-view.vue'));
+        Vue.component('wfremodel-edit-view', () => import('@pages/workflow/wfremodel-edit-view/wfremodel-edit-view.vue'));
+        Vue.component('wfgroup-grid-view', () => import('@pages/workflow/wfgroup-grid-view/wfgroup-grid-view.vue'));
+        Vue.component('wfmember-edit-view', () => import('@pages/workflow/wfmember-edit-view/wfmember-edit-view.vue'));
+        Vue.component('wfmember-grid-view', () => import('@pages/workflow/wfmember-grid-view/wfmember-grid-view.vue'));
+        Vue.component('wfuser-mpickup-view', () => import('@pages/workflow/wfuser-mpickup-view/wfuser-mpickup-view.vue'));
         Vue.component('wfprocess-definition-edit-view', () => import('@pages/workflow/wfprocess-definition-edit-view/wfprocess-definition-edit-view.vue'));
     }
 };
\ No newline at end of file

app_web/src/pages/workflow/wfindex-view/router.ts

@@ -92,62 +92,88 @@ const router = new Router({
                     component: () => import('@pages/workflow/wfuser-pickup-view/wfuser-pickup-view.vue'),
                 },
                 {
-                    path: 'wfremodels/:wfremodel?/editview/:editview?',
+                    path: 'wfgroups/:wfgroup?/mpickupview/:mpickupview?',
                     meta: {
-                        caption: 'entities.wfremodel.views.editview.caption',
+                        caption: 'entities.wfgroup.views.mpickupview.caption',
                         info:'',
                         parameters: [
                             { pathName: 'wfindexview', parameterName: 'wfindexview' },
-                            { pathName: 'wfremodels', parameterName: 'wfremodel' },
-                            { pathName: 'editview', parameterName: 'editview' },
+                            { pathName: 'wfgroups', parameterName: 'wfgroup' },
+                            { pathName: 'mpickupview', parameterName: 'mpickupview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/workflow/wfremodel-edit-view/wfremodel-edit-view.vue'),
+                    component: () => import('@pages/workflow/wfgroup-mpickup-view/wfgroup-mpickup-view.vue'),
                 },
                 {
-                    path: 'wfusers/:wfuser?/wfmembers/:wfmember?/editview/:editview?',
+                    path: 'wfgroups/:wfgroup?/pickupview/:pickupview?',
                     meta: {
-                        caption: 'entities.wfmember.views.editview.caption',
+                        caption: 'entities.wfgroup.views.pickupview.caption',
                         info:'',
                         parameters: [
                             { pathName: 'wfindexview', parameterName: 'wfindexview' },
-                            { pathName: 'wfusers', parameterName: 'wfuser' },
-                            { pathName: 'wfmembers', parameterName: 'wfmember' },
-                            { pathName: 'editview', parameterName: 'editview' },
+                            { pathName: 'wfgroups', parameterName: 'wfgroup' },
+                            { pathName: 'pickupview', parameterName: 'pickupview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/workflow/wfmember-edit-view/wfmember-edit-view.vue'),
+                    component: () => import('@pages/workflow/wfgroup-pickup-view/wfgroup-pickup-view.vue'),
                 },
                 {
-                    path: 'wfgroups/:wfgroup?/wfmembers/:wfmember?/editview/:editview?',
+                    path: 'wftasks/:wftask?/gridview/:gridview?',
                     meta: {
-                        caption: 'entities.wfmember.views.editview.caption',
+                        caption: 'entities.wftask.views.gridview.caption',
+                        info:'',
+                        parameters: [
+                            { pathName: 'wfindexview', parameterName: 'wfindexview' },
+                            { pathName: 'wftasks', parameterName: 'wftask' },
+                            { pathName: 'gridview', parameterName: 'gridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/workflow/wftask-grid-view/wftask-grid-view.vue'),
+                },
+                {
+                    path: 'wfgroups/:wfgroup?/editview/:editview?',
+                    meta: {
+                        caption: 'entities.wfgroup.views.editview.caption',
                         info:'',
                         parameters: [
                             { pathName: 'wfindexview', parameterName: 'wfindexview' },
                             { pathName: 'wfgroups', parameterName: 'wfgroup' },
-                            { pathName: 'wfmembers', parameterName: 'wfmember' },
                             { pathName: 'editview', parameterName: 'editview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/workflow/wfmember-edit-view/wfmember-edit-view.vue'),
+                    component: () => import('@pages/workflow/wfgroup-edit-view/wfgroup-edit-view.vue'),
                 },
                 {
-                    path: 'wfmembers/:wfmember?/editview/:editview?',
+                    path: 'wftasks/:wftask?/editview/:editview?',
                     meta: {
-                        caption: 'entities.wfmember.views.editview.caption',
+                        caption: 'entities.wftask.views.editview.caption',
                         info:'',
                         parameters: [
                             { pathName: 'wfindexview', parameterName: 'wfindexview' },
-                            { pathName: 'wfmembers', parameterName: 'wfmember' },
+                            { pathName: 'wftasks', parameterName: 'wftask' },
                             { pathName: 'editview', parameterName: 'editview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/workflow/wfmember-edit-view/wfmember-edit-view.vue'),
+                    component: () => import('@pages/workflow/wftask-edit-view/wftask-edit-view.vue'),
+                },
+                {
+                    path: 'wfremodels/:wfremodel?/editview/:editview?',
+                    meta: {
+                        caption: 'entities.wfremodel.views.editview.caption',
+                        info:'',
+                        parameters: [
+                            { pathName: 'wfindexview', parameterName: 'wfindexview' },
+                            { pathName: 'wfremodels', parameterName: 'wfremodel' },
+                            { pathName: 'editview', parameterName: 'editview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/workflow/wfremodel-edit-view/wfremodel-edit-view.vue'),
                 },
                 {
                     path: 'wfgroups/:wfgroup?/gridview/:gridview?',
@@ -164,56 +190,57 @@ const router = new Router({
                     component: () => import('@pages/workflow/wfgroup-grid-view/wfgroup-grid-view.vue'),
                 },
                 {
-                    path: 'wfusers/:wfuser?/mpickupview/:mpickupview?',
+                    path: 'wfusers/:wfuser?/wfmembers/:wfmember?/editview/:editview?',
                     meta: {
-                        caption: 'entities.wfuser.views.mpickupview.caption',
+                        caption: 'entities.wfmember.views.editview.caption',
                         info:'',
                         parameters: [
                             { pathName: 'wfindexview', parameterName: 'wfindexview' },
                             { pathName: 'wfusers', parameterName: 'wfuser' },
-                            { pathName: 'mpickupview', parameterName: 'mpickupview' },
+                            { pathName: 'wfmembers', parameterName: 'wfmember' },
+                            { pathName: 'editview', parameterName: 'editview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/workflow/wfuser-mpickup-view/wfuser-mpickup-view.vue'),
+                    component: () => import('@pages/workflow/wfmember-edit-view/wfmember-edit-view.vue'),
                 },
                 {
-                    path: 'wfgroups/:wfgroup?/mpickupview/:mpickupview?',
+                    path: 'wfgroups/:wfgroup?/wfmembers/:wfmember?/editview/:editview?',
                     meta: {
-                        caption: 'entities.wfgroup.views.mpickupview.caption',
+                        caption: 'entities.wfmember.views.editview.caption',
                         info:'',
                         parameters: [
                             { pathName: 'wfindexview', parameterName: 'wfindexview' },
                             { pathName: 'wfgroups', parameterName: 'wfgroup' },
-                            { pathName: 'mpickupview', parameterName: 'mpickupview' },
+                            { pathName: 'wfmembers', parameterName: 'wfmember' },
+                            { pathName: 'editview', parameterName: 'editview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/workflow/wfgroup-mpickup-view/wfgroup-mpickup-view.vue'),
+                    component: () => import('@pages/workflow/wfmember-edit-view/wfmember-edit-view.vue'),
                 },
                 {
-                    path: 'wfusers/:wfuser?/wfmembers/:wfmember?/gridview/:gridview?',
+                    path: 'wfmembers/:wfmember?/editview/:editview?',
                     meta: {
-                        caption: 'entities.wfmember.views.gridview.caption',
+                        caption: 'entities.wfmember.views.editview.caption',
                         info:'',
                         parameters: [
                             { pathName: 'wfindexview', parameterName: 'wfindexview' },
-                            { pathName: 'wfusers', parameterName: 'wfuser' },
                             { pathName: 'wfmembers', parameterName: 'wfmember' },
-                            { pathName: 'gridview', parameterName: 'gridview' },
+                            { pathName: 'editview', parameterName: 'editview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/workflow/wfmember-grid-view/wfmember-grid-view.vue'),
+                    component: () => import('@pages/workflow/wfmember-edit-view/wfmember-edit-view.vue'),
                 },
                 {
-                    path: 'wfgroups/:wfgroup?/wfmembers/:wfmember?/gridview/:gridview?',
+                    path: 'wfusers/:wfuser?/wfmembers/:wfmember?/gridview/:gridview?',
                     meta: {
                         caption: 'entities.wfmember.views.gridview.caption',
                         info:'',
                         parameters: [
                             { pathName: 'wfindexview', parameterName: 'wfindexview' },
-                            { pathName: 'wfgroups', parameterName: 'wfgroup' },
+                            { pathName: 'wfusers', parameterName: 'wfuser' },
                             { pathName: 'wfmembers', parameterName: 'wfmember' },
                             { pathName: 'gridview', parameterName: 'gridview' },
                         ],
@@ -222,12 +249,13 @@ const router = new Router({
                     component: () => import('@pages/workflow/wfmember-grid-view/wfmember-grid-view.vue'),
                 },
                 {
-                    path: 'wfmembers/:wfmember?/gridview/:gridview?',
+                    path: 'wfgroups/:wfgroup?/wfmembers/:wfmember?/gridview/:gridview?',
                     meta: {
                         caption: 'entities.wfmember.views.gridview.caption',
                         info:'',
                         parameters: [
                             { pathName: 'wfindexview', parameterName: 'wfindexview' },
+                            { pathName: 'wfgroups', parameterName: 'wfgroup' },
                             { pathName: 'wfmembers', parameterName: 'wfmember' },
                             { pathName: 'gridview', parameterName: 'gridview' },
                         ],
@@ -236,32 +264,32 @@ const router = new Router({
                     component: () => import('@pages/workflow/wfmember-grid-view/wfmember-grid-view.vue'),
                 },
                 {
-                    path: 'wfgroups/:wfgroup?/pickupview/:pickupview?',
+                    path: 'wfmembers/:wfmember?/gridview/:gridview?',
                     meta: {
-                        caption: 'entities.wfgroup.views.pickupview.caption',
+                        caption: 'entities.wfmember.views.gridview.caption',
                         info:'',
                         parameters: [
                             { pathName: 'wfindexview', parameterName: 'wfindexview' },
-                            { pathName: 'wfgroups', parameterName: 'wfgroup' },
-                            { pathName: 'pickupview', parameterName: 'pickupview' },
+                            { pathName: 'wfmembers', parameterName: 'wfmember' },
+                            { pathName: 'gridview', parameterName: 'gridview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/workflow/wfgroup-pickup-view/wfgroup-pickup-view.vue'),
+                    component: () => import('@pages/workflow/wfmember-grid-view/wfmember-grid-view.vue'),
                 },
                 {
-                    path: 'wfgroups/:wfgroup?/editview/:editview?',
+                    path: 'wfusers/:wfuser?/mpickupview/:mpickupview?',
                     meta: {
-                        caption: 'entities.wfgroup.views.editview.caption',
+                        caption: 'entities.wfuser.views.mpickupview.caption',
                         info:'',
                         parameters: [
                             { pathName: 'wfindexview', parameterName: 'wfindexview' },
-                            { pathName: 'wfgroups', parameterName: 'wfgroup' },
-                            { pathName: 'editview', parameterName: 'editview' },
+                            { pathName: 'wfusers', parameterName: 'wfuser' },
+                            { pathName: 'mpickupview', parameterName: 'mpickupview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/workflow/wfgroup-edit-view/wfgroup-edit-view.vue'),
+                    component: () => import('@pages/workflow/wfuser-mpickup-view/wfuser-mpickup-view.vue'),
                 },
                 {
                     path: 'wfprocessdefinitions/:wfprocessdefinition?/editview/:editview?',
@@ -360,6 +388,32 @@ const router = new Router({
         },
         component: () => import('@pages/workflow/wfgroup-mpickup-view/wfgroup-mpickup-view.vue'),
     },
+    {
+        path: '/wftasks/:wftask?/gridview/:gridview?',
+        meta: {
+            caption: 'entities.wftask.views.gridview.caption',
+            info:'',
+            parameters: [
+                { pathName: 'wftasks', parameterName: 'wftask' },
+                { pathName: 'gridview', parameterName: 'gridview' },
+            ],
+            requireAuth: true,
+        },
+        component: () => import('@pages/workflow/wftask-grid-view/wftask-grid-view.vue'),
+    },
+    {
+        path: '/wftasks/:wftask?/editview/:editview?',
+        meta: {
+            caption: 'entities.wftask.views.editview.caption',
+            info:'',
+            parameters: [
+                { pathName: 'wftasks', parameterName: 'wftask' },
+                { pathName: 'editview', parameterName: 'editview' },
+            ],
+            requireAuth: true,
+        },
+        component: () => import('@pages/workflow/wftask-edit-view/wftask-edit-view.vue'),
+    },
     {
         path: '/wfprocessdefinitions/:wfprocessdefinition?/editview/:editview?',
         meta: {

app_web/src/pages/workflow/wftask-edit-view/wftask-edit-view-base.vue

+<template>
+<div class="view-container deeditview wftask-edit-view">
+    <app-studioaction :viewTitle="$t(model.srfCaption)" viewName="wftaskeditview"></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='' @click="toolbar_click({ tag: 'tbitem3' }, $event)">
+                    <i class='fa fa-save'></i>
+                    <span class='caption'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem3.caption')}}</span>
+                </i-button>
+            <div slot='content'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem3.tip')}}</div>
+        </tooltip>
+        <tooltip :transfer="true" :max-width="600">
+                <i-button v-show="toolBarModels.tbitem4.visabled" :disabled="toolBarModels.tbitem4.disabled" class='' @click="toolbar_click({ tag: 'tbitem4' }, $event)">
+                    <i class='sx-tb-saveandnew'></i>
+                    <span class='caption'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem4.caption')}}</span>
+                </i-button>
+            <div slot='content'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem4.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.wftask.editviewtoolbar_toolbar.tbitem5.caption')}}</span>
+                </i-button>
+            <div slot='content'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem5.tip')}}</div>
+        </tooltip>
+        <span class='seperator'>|</span>    <tooltip :transfer="true" :max-width="600">
+                <i-button v-show="toolBarModels.tbitem7.visabled" :disabled="toolBarModels.tbitem7.disabled" class='' @click="toolbar_click({ tag: 'tbitem7' }, $event)">
+                    <i class='fa fa-remove'></i>
+                    <span class='caption'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem7.caption')}}</span>
+                </i-button>
+            <div slot='content'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem7.tip')}}</div>
+        </tooltip>
+        <span class='seperator'>|</span>    <tooltip :transfer="true" :max-width="600">
+                <i-button v-show="toolBarModels.tbitem12.visabled" :disabled="toolBarModels.tbitem12.disabled" class='' @click="toolbar_click({ tag: 'tbitem12' }, $event)">
+                    <i class='fa fa-file-text-o'></i>
+                    <span class='caption'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem12.caption')}}</span>
+                </i-button>
+            <div slot='content'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem12.tip')}}</div>
+        </tooltip>
+        <span class='seperator'>|</span>    <tooltip :transfer="true" :max-width="600">
+                <i-button v-show="toolBarModels.tbitem14.visabled" :disabled="toolBarModels.tbitem14.disabled" class='' @click="toolbar_click({ tag: 'tbitem14' }, $event)">
+                    <i class='fa fa-copy'></i>
+                    <span class='caption'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem14.caption')}}</span>
+                </i-button>
+            <div slot='content'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem14.tip')}}</div>
+        </tooltip>
+        <span class='seperator'>|</span>    <tooltip :transfer="true" :max-width="600">
+                <i-button v-show="toolBarModels.tbitem23.visabled" :disabled="toolBarModels.tbitem23.disabled" class='' @click="toolbar_click({ tag: 'tbitem23' }, $event)">
+                    <i class='fa fa-fast-backward'></i>
+                    
+                </i-button>
+            <div slot='content'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem23.tip')}}</div>
+        </tooltip>
+        <tooltip :transfer="true" :max-width="600">
+                <i-button v-show="toolBarModels.tbitem24.visabled" :disabled="toolBarModels.tbitem24.disabled" class='' @click="toolbar_click({ tag: 'tbitem24' }, $event)">
+                    <i class='fa fa-step-backward'></i>
+                    
+                </i-button>
+            <div slot='content'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem24.tip')}}</div>
+        </tooltip>
+        <tooltip :transfer="true" :max-width="600">
+                <i-button v-show="toolBarModels.tbitem25.visabled" :disabled="toolBarModels.tbitem25.disabled" class='' @click="toolbar_click({ tag: 'tbitem25' }, $event)">
+                    <i class='fa fa-step-forward'></i>
+                    
+                </i-button>
+            <div slot='content'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem25.tip')}}</div>
+        </tooltip>
+        <tooltip :transfer="true" :max-width="600">
+                <i-button v-show="toolBarModels.tbitem26.visabled" :disabled="toolBarModels.tbitem26.disabled" class='' @click="toolbar_click({ tag: 'tbitem26' }, $event)">
+                    <i class='fa fa-fast-forward'></i>
+                    
+                </i-button>
+            <div slot='content'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem26.tip')}}</div>
+        </tooltip>
+        <span class='seperator'>|</span>    <tooltip :transfer="true" :max-width="600">
+                <i-button v-show="toolBarModels.tbitem22.visabled" :disabled="toolBarModels.tbitem22.disabled" class='' @click="toolbar_click({ tag: 'tbitem22' }, $event)">
+                    <i class='fa fa-question'></i>
+                    <span class='caption'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem22.caption')}}</span>
+                </i-button>
+            <div slot='content'>{{$t('entities.wftask.editviewtoolbar_toolbar.tbitem22.tip')}}</div>
+        </tooltip>
+    </div>
+</div>
+
+        <div class="content-container">
+        <div class='view-top-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 class='view-bottom-messages'>
+        </div>
+        </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 WFTaskService from '@/service/wftask/wftask-service';
+import WFTaskAuthService from '@/authservice/wftask/wftask-auth-service';
+
+import EditViewEngine from '@engine/view/edit-view-engine';
+
+
+import WFTaskUIService from '@/uiservice/wftask/wftask-ui-service';
+
+@Component({
+    components: {
+    },
+})
+export default class WFTaskEditViewBase extends Vue {
+
+    /**
+     * 实体服务对象
+     *
+     * @type {WFTaskService}
+     * @memberof WFTaskEditViewBase
+     */
+    public appEntityService: WFTaskService = new WFTaskService;
+
+    /**
+     * 实体UI服务对象
+     *
+     * @type WFTaskUIService
+     * @memberof WFTaskEditViewBase
+     */
+    public appUIService: WFTaskUIService = new WFTaskUIService(this.$store);
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @type {Array<*>}
+     * @memberof WFTaskEditViewBase
+     */    
+    public counterServiceArray:Array<any> = [];
+    
+    /**
+     * 数据变化
+     *
+     * @param {*} val
+     * @returns {*}
+     * @memberof WFTaskEditViewBase
+     */
+    @Emit() 
+    public viewDatasChange(val: any):any {
+        return val;
+    }
+
+    /**
+     * 传入视图上下文
+     *
+     * @type {string}
+     * @memberof WFTaskEditViewBase
+     */
+    @Prop() public viewdata!: string;
+
+    /**
+     * 传入视图参数
+     *
+     * @type {string}
+     * @memberof WFTaskEditViewBase
+     */
+    @Prop() public viewparam!: string;
+
+    /**
+     * 视图默认使用
+     *
+     * @type {boolean}
+     * @memberof WFTaskEditViewBase
+     */
+    @Prop({ default: true }) public viewDefaultUsage!: boolean;
+
+    /**
+     * 视图默认使用
+     *
+     * @type {string}
+     * @memberof WFTaskEditViewBase
+     */
+    @Inject({from:'navModel',default: 'tab'})
+    public navModel!:string;
+
+	/**
+	 * 视图标识
+	 *
+	 * @type {string}
+	 * @memberof WFTaskEditViewBase
+	 */
+	public viewtag: string = '84f38898137b7bd1f9f135ac74b4b850';
+
+	/**
+	 * 自定义视图导航上下文集合
+	 *
+	 * @type {*}
+	 * @memberof WFTaskEditViewBase
+	 */
+    public customViewNavContexts:any ={
+    };
+
+	/**
+	 * 自定义视图导航参数集合
+	 *
+	 * @type {*}
+	 * @memberof WFTaskEditViewBase
+	 */
+    public customViewParams:any ={
+    };
+
+    /**
+     * 视图模型数据
+     *
+     * @type {*}
+     * @memberof WFTaskEditViewBase
+     */
+    public model: any = {
+        srfCaption: 'entities.wftask.views.editview.caption',
+        srfTitle: 'entities.wftask.views.editview.title',
+        srfSubTitle: 'entities.wftask.views.editview.subtitle',
+        dataInfo: ''
+    }
+
+    /**
+     * 视图参数变化
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof WFTaskEditViewBase
+     */
+    @Watch('viewparam',{immediate: true, deep: true})
+    onParamData(newVal: any, oldVal: any) {
+        if(newVal){
+            for(let key in this.viewparams){
+                delete this.viewparams[key];
+            }
+            Object.assign(this.viewparams, JSON.parse(this.viewparam));
+            
+        } 
+    }
+
+    /**
+     * 处理应用上下文变化
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof WFTaskEditViewBase
+     */
+    @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();
+              
+            });
+        }
+    }
+
+    /**
+     * 容器模型
+     *
+     * @type {*}
+     * @memberof WFTaskEditViewBase
+     */
+    public containerModel: any = {
+        view_toolbar: { name: 'toolbar', type: 'TOOLBAR' },
+        view_form: { name: 'form', type: 'FORM' },
+    };
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof WFTaskEditViewBase
+     */
+    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 WFTaskEditViewBase
+     */
+    public viewState: Subject<ViewState> = new Subject();
+    /**
+     * 工具栏模型
+     *
+     * @type {*}
+     * @memberof WFTaskEditView
+     */
+    public toolBarModels: any = {
+        tbitem3: { name: 'tbitem3', caption: '保存', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'Save', target: '' } },
+
+        tbitem4: { name: 'tbitem4', caption: '保存并新建', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'SaveAndNew', target: '' } },
+
+        tbitem5: { name: 'tbitem5', caption: '保存并关闭', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'SaveAndExit', target: '' } },
+
+        tbitem6: {  name: 'tbitem6', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem7: { name: 'tbitem7', caption: '删除并关闭', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'RemoveAndExit', target: 'SINGLEKEY' } },
+
+        tbitem8: {  name: 'tbitem8', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem12: { name: 'tbitem12', caption: '新建', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'New', target: '' } },
+
+        tbitem13: {  name: 'tbitem13', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem14: { name: 'tbitem14', caption: '拷贝', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'Copy', target: 'SINGLEKEY' } },
+
+        tbitem16: {  name: 'tbitem16', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem23: { name: 'tbitem23', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'FirstRecord', target: 'SINGLEKEY' } },
+
+        tbitem24: { name: 'tbitem24', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'PrevRecord', target: 'SINGLEKEY' } },
+
+        tbitem25: { name: 'tbitem25', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'NextRecord', target: 'SINGLEKEY' } },
+
+        tbitem26: { name: 'tbitem26', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'LastRecord', target: 'SINGLEKEY' } },
+
+        tbitem21: {  name: 'tbitem21', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem22: { name: 'tbitem22', caption: '帮助', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'Help', target: '' } },
+
+    };
+
+
+
+
+    /**
+     * 视图引擎
+     *
+     * @public
+     * @type {Engine}
+     * @memberof WFTaskEditViewBase
+     */
+    public engine: EditViewEngine = new EditViewEngine();
+
+    /**
+     * 引擎初始化
+     *
+     * @public
+     * @memberof WFTaskEditViewBase
+     */
+    public engineInit(): void {
+        this.engine.init({
+            view: this,
+            form: this.$refs.form,
+            p2k: '0',
+            keyPSDEField: 'wftask',
+            majorPSDEField: 'name',
+            isLoadDefault: true,
+        });
+    }
+
+    /**
+     * 应用导航服务
+     *
+     * @type {*}
+     * @memberof WFTaskEditViewBase
+     */
+    public  navDataService = NavDataService.getInstance(this.$store);
+
+    /**
+    * 导航服务事件
+    *
+    * @public
+    * @type {(Subscription | undefined)}
+    * @memberof WFTaskEditViewBase
+    */
+    public serviceStateEvent: Subscription | undefined;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof WFTaskEditViewBase
+     */
+    public context:any = {};
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof WFTaskEditViewBase
+     */
+    public viewparams:any = {};
+
+    /**
+     * 视图缓存数据
+     *
+     * @type {*}
+     * @memberof WFTaskEditViewBase
+     */
+    public viewCacheData:any;
+
+    /**
+     * 解析视图参数
+     *
+     * @public
+     * @memberof WFTaskEditViewBase
+     */
+    public parseViewParam(inputvalue:any = null): void {
+        for(let key in this.context){
+            delete this.context[key];
+        }
+        if (!this.viewDefaultUsage && this.viewdata && !Object.is(this.viewdata, '')) {
+            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});
+            }
+            if(this.$store.getters.getAppData() && this.$store.getters.getAppData().context){
+                Object.assign(this.context,this.$store.getters.getAppData().context);
+            }
+            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,{'wftask':inputvalue});
+        }
+        if(this.$store.getters.getAppData() && this.$store.getters.getAppData().context){
+            Object.assign(this.context,this.$store.getters.getAppData().context);
+        }
+        //初始化视图唯一标识
+        Object.assign(this.context,{srfsessionid:this.$util.createUUID()});
+        this.handleCustomViewData();
+        //初始化导航数据
+        this.initNavDataWithRoute();
+    }
+
+    /**
+     * 处理自定义视图数据
+     *
+     * @memberof WFTaskEditViewBase
+     */
+	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 WFTaskEditViewBase
+     */
+	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 WFTaskEditViewBase
+     */
+    public initNavDataWithRoute(data:any = null, isNew:boolean = false,  isAlways:boolean = false){
+        if( isAlways || (this.viewDefaultUsage && Object.is(this.navModel,"route")) ){
+            this.navDataService.addNavData({id:'wftask-edit-view',tag:this.viewtag,srfkey:isNew ? null : this.context.wftask,title:this.$t(this.model.srfCaption),data:data,context:this.context,viewparams:this.viewparams,path:this.$route.fullPath});
+        }
+    }
+
+    /**
+     * 初始化导航数据(分页模式)
+     *
+     * @memberof WFTaskEditViewBase
+     */
+    public initNavDataWithTab(data:any = null,isOnlyAdd:boolean = true, isAlways:boolean = false){
+        if( isAlways || (this.viewDefaultUsage && !Object.is(this.navModel,"route")) ){
+            this.navDataService.addNavDataByOnly({id:'wftask-edit-view',tag:this.viewtag,srfkey:this.context.wftask,title:this.$t(this.model.srfCaption),data:data,context:this.context,viewparams:this.viewparams,path:this.$route.fullPath},isOnlyAdd);
+        }
+    }
+	
+
+    /**
+     * Vue声明周期
+     *
+     * @memberof WFTaskEditViewBase
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     * @memberof WFTaskEditViewBase
+     */    
+    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,'wftask-edit-view')){
+                return;
+            }
+            if (Object.is(action, 'viewrefresh')) {
+                _this.$nextTick(()=>{
+                    _this.parseViewParam(data);
+                    if(_this.engine){
+                        _this.engine.load();
+                    }
+                }); 
+            }
+        });
+        
+    }
+
+    /**
+     * 销毁之前
+     *
+     * @memberof WFTaskEditViewBase
+     */
+    public beforeDestroy() {
+        this.$store.commit('viewaction/removeView', this.viewtag);
+    }
+
+    /**
+     * Vue声明周期(组件初始化完毕)
+     *
+     * @memberof WFTaskEditViewBase
+     */
+    public mounted() {
+        this.afterMounted();
+    }
+
+    /**
+     * 执行mounted后的逻辑
+     * 
+     * @memberof WFTaskEditViewBase
+     */
+    public afterMounted(){
+        const _this: any = this;
+        _this.engineInit();
+        if (_this.loadModel && _this.loadModel instanceof Function) {
+            _this.loadModel();
+        }
+        
+    }
+
+
+    /**
+     * toolbar 部件 click 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof WFTaskEditViewBase
+     */
+    public toolbar_click($event: any, $event2?: any) {
+        if (Object.is($event.tag, 'tbitem3')) {
+            this.toolbar_tbitem3_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem4')) {
+            this.toolbar_tbitem4_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem5')) {
+            this.toolbar_tbitem5_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem7')) {
+            this.toolbar_tbitem7_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem9')) {
+            this.toolbar_tbitem9_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem10')) {
+            this.toolbar_tbitem10_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem12')) {
+            this.toolbar_tbitem12_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem14')) {
+            this.toolbar_tbitem14_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem15')) {
+            this.toolbar_tbitem15_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem23')) {
+            this.toolbar_tbitem23_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem24')) {
+            this.toolbar_tbitem24_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem25')) {
+            this.toolbar_tbitem25_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem26')) {
+            this.toolbar_tbitem26_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem22')) {
+            this.toolbar_tbitem22_click(null, '', $event2);
+        }
+    }
+
+
+    /**
+     * form 部件 save 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof WFTaskEditViewBase
+     */
+    public form_save($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('form', 'save', $event);
+    }
+
+
+    /**
+     * form 部件 remove 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof WFTaskEditViewBase
+     */
+    public form_remove($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('form', 'remove', $event);
+    }
+
+
+    /**
+     * form 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof WFTaskEditViewBase
+     */
+    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,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem4_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.SaveAndNew(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @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,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem7_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.RemoveAndExit(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @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,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem10_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.ViewWFStep(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem12_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.New(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem14_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.Copy(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @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,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem23_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.FirstRecord(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem24_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.PrevRecord(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem25_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.NextRecord(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem26_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.LastRecord(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem22_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.Help(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 保存
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskEditViewBase
+     */
+    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 WFTaskEditViewBase
+     */
+    public SaveAndNew(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (!xData || !(xData.saveAndNew instanceof Function)) {
+            return;
+        }
+        xData.saveAndNew().then((response: any) => {
+            if (!response || response.status !== 200) {
+                _this.$emit('viewdataschange', JSON.stringify({status:'error',action:'saveAndNew'}));
+                return;
+            }
+            _this.$emit('viewdataschange', JSON.stringify({status:'success',action:'saveAndNew',data:response.data}));
+            if (xData.autoLoad instanceof Function) {
+                xData.autoLoad();
+            }
+        });
+    }
+    /**
+     * 保存并关闭
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskEditViewBase
+     */
+    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 WFTaskEditViewBase
+     */
+    public RemoveAndExit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (xData && xData.removeAndExit instanceof Function) {
+            xData.removeAndExit().then((response: any) => {
+                if (!response || response.status !== 200) {
+                    return;
+                }
+                if(window.parent){
+                    window.parent.postMessage([{ ...response.data }],'*');
+                }
+            });
+        } else if (_this.removeAndExit && _this.removeAndExit instanceof Function) {
+            _this.removeAndExit().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 WFTaskEditViewBase
+     */
+    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 WFTaskEditViewBase
+     */
+    public ViewWFStep(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        let _this:any = this;
+        if (!xData || !(xData.wfsubmit instanceof Function)) {
+            return;
+        }
+        xData.wfsubmit(args).then((response: any) => {
+            if (!response || response.status !== 200) {
+                return;
+            }
+            const { data: _data } = response;
+
+            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 WFTaskEditViewBase
+     */
+    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 WFTaskEditViewBase
+     */
+    public Copy(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, { wftask: args[0].wftask });
+            }
+            if(!params) params = {};
+            Object.assign(params,{copymode:true});
+            _this.opendata([{ ...data }], params, $event, xData);
+        } else {
+            Object.assign(this.viewparams,{copymode:true});
+        }
+    }
+    /**
+     * 打印
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskEditViewBase
+     */
+    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 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskEditViewBase
+     */
+    public FirstRecord(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        let _this:any = this;
+        let navDataService:any = new NavDataService(this.$store);
+        let allNavData:any = Object.is(this.navModel,"route")?navDataService.getPreNavDataById('wftask-edit-view'):navDataService.getPreNavDataByTag(_this.viewtag);
+        if(allNavData && allNavData.data && allNavData.data.length >0){
+            if(_this.parseViewParam && _this.engine){
+                _this.parseViewParam(allNavData.data[0].srfkey);
+                _this.engine.load();
+            }  
+        }else{
+            this.$Notice.warning({ title: '警告', desc: '请确认操作路径是否正确' });
+        }
+    }
+    /**
+     * 上一个记录
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskEditViewBase
+     */
+    public PrevRecord(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        if(args.length === 0 || !args[0].srfkey){
+            return;
+        }
+        let _this:any = this;
+        let navDataService:any = new NavDataService(this.$store);
+        let allNavData:any = Object.is(this.navModel,"route")?navDataService.getPreNavDataById('wftask-edit-view'):navDataService.getPreNavDataByTag(_this.viewtag);
+        if(allNavData && allNavData.data && allNavData.data.length >0){
+            let computedIndex:any;
+            for(let i=0;i<allNavData.data.length;i++){
+                if(allNavData.data[i].srfkey === args[0].srfkey){
+                    computedIndex = i-1;
+                    break;
+                }
+            }
+            if(computedIndex >= 0){
+                if(_this.parseViewParam && _this.engine){
+                    _this.parseViewParam(allNavData.data[computedIndex].srfkey);
+                    _this.engine.load();
+                } 
+            }else{
+                this.$Notice.warning({ title: '警告', desc: '当前数据已经是第一条数据' });
+            }
+        }else{
+            this.$Notice.warning({ title: '警告', desc: '请确认操作路径是否正确' });
+        }
+    }
+
+    /**
+     * 下一个记录
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskEditViewBase
+     */
+    public NextRecord(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        if(args.length === 0 || !args[0].srfkey){
+            return;
+        }
+        let _this:any = this;
+        let navDataService:any = new NavDataService(this.$store);
+        let allNavData:any = Object.is(this.navModel,"route")?navDataService.getPreNavDataById('wftask-edit-view'):navDataService.getPreNavDataByTag(_this.viewtag);
+        if(allNavData && allNavData.data && allNavData.data.length >0){
+            let computedIndex:any;
+            for(let i=0;i<allNavData.data.length;i++){
+                if(allNavData.data[i].srfkey === args[0].srfkey){
+                    computedIndex = i+1;
+                    break;
+                }
+            }
+            if(computedIndex < allNavData.data.length){
+                if(_this.parseViewParam && _this.engine){
+                    _this.parseViewParam(allNavData.data[computedIndex].srfkey);
+                    _this.engine.load();
+                } 
+            }else{
+                this.$Notice.warning({ title: '警告', desc: '当前数据已经是最后一条数据' });
+            }
+        }else{
+            this.$Notice.warning({ title: '警告', desc: '请确认操作路径是否正确' });
+        }
+    }
+
+    /**
+     * 最后一个记录
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskEditViewBase
+     */
+    public LastRecord(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        let _this:any = this;
+        let navDataService:any = new NavDataService(this.$store);
+        let allNavData:any = Object.is(this.navModel,"route")?navDataService.getPreNavDataById('wftask-edit-view'):navDataService.getPreNavDataByTag(_this.viewtag);
+        if(allNavData && allNavData.data && allNavData.data.length >0){
+            if(_this.parseViewParam && _this.engine){
+                _this.parseViewParam(allNavData.data[allNavData.data.length - 1].srfkey);
+                _this.engine.load();
+            }   
+        }else{
+            this.$Notice.warning({ title: '警告', desc: '请确认操作路径是否正确' });
+        }
+    }
+    /**
+     * 帮助
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskEditViewBase
+     */
+    public Help(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        this.$Notice.error({ title: '错误', desc: '帮助未支持' });
+    }
+
+    /**
+     * 关闭视图
+     *
+     * @param {any[]} args
+     * @memberof WFTaskEditViewBase
+     */
+    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 WFTaskEditViewBase
+     */
+    public destroyed(){
+        this.afterDestroyed();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     * 
+     * @memberof WFTaskEditViewBase
+     */
+    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();
+            }
+        }
+    }
+
+
+}
+</script>
+
+<style lang='less'>
+@import './wftask-edit-view.less';
+</style>
\ No newline at end of file

app_web/src/pages/workflow/wftask-edit-view/wftask-edit-view.less

+.view-card {
+    >.ivu-card-extra {
+        top: 5px;
+        right: 0px;
+    }
+}
+
+.wftask-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
+
+

app_web/src/pages/workflow/wftask-edit-view/wftask-edit-view.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import WFTaskEditViewBase from './wftask-edit-view-base.vue';
+
+import view_form from '@widgets/wftask/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 WFTaskEditView extends WFTaskEditViewBase {
+
+}
+</script>
\ No newline at end of file

app_web/src/pages/workflow/wftask-grid-view/wftask-grid-view-base.vue

+<template>
+<div class='view-container degridview wftask-grid-view'>
+    <app-studioaction :viewTitle="$t(model.srfCaption)" viewName="wftaskgridview"></app-studioaction>
+    <card class='view-card '  :dis-hover="true" :bordered="false">
+        <div slot='title' class="header-container">
+        <span class='caption-info'>{{$t(model.srfCaption)}}</span>
+        </div>
+        <div class='content-container'>
+            <div class='view-top-messages'>
+            </div>
+            <div style='margin-bottom: 6px;'>
+                <i-input v-show="!isExpandSearchForm" v-model="query" search enter-button @on-search="onSearch($event)" class='quick-search-input' style='max-width: 400px;' placeholder="状态" />
+                <div class='pull-right'>
+                    <div class='toolbar-container'>
+                        <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='fa fa-edit'></i>
+                                    <span class='caption'>{{$t('entities.wftask.gridviewtoolbar_toolbar.tbitem5.caption')}}</span>
+                                </i-button>
+                            <div slot='content'>{{$t('entities.wftask.gridviewtoolbar_toolbar.tbitem5.tip')}}</div>
+                        </tooltip>
+                        <span class='seperator'>|</span>    <tooltip :transfer="true" :max-width="600">
+                            <app-export-excel :item="toolBarModels.tbitem13" :caption="$t('entities.wftask.gridviewtoolbar_toolbar.tbitem13.caption')" @exportexcel="toolbar_click({ tag: 'tbitem13' }, $event)"></app-export-excel>
+                            <div slot='content'>{{$t('entities.wftask.gridviewtoolbar_toolbar.tbitem13.tip')}}</div>
+                        </tooltip>
+                        <span class='seperator'>|</span>    <dropdown v-show="toolBarModels.tbitem16.visabled" trigger='click'>
+                            <tooltip :transfer="true" :max-width="600">
+                                    <i-button class=''>
+                                        <i class=''></i>
+                                        <span class='caption'>{{$t('entities.wftask.gridviewtoolbar_toolbar.tbitem16.caption')}}</span>
+                                        <icon type="ios-arrow-down"></icon>
+                                    </i-button>
+                                <div slot='content'>{{$t('entities.wftask.gridviewtoolbar_toolbar.tbitem16.tip')}}</div>
+                            </tooltip>
+                            <dropdown-menu slot='list'>
+                                <dropdown-item>
+                                    <tooltip :transfer="true" :max-width="600">
+                                <i-button v-show="toolBarModels.tbitem21.visabled" :disabled="toolBarModels.tbitem21.disabled" class='' @click="toolbar_click({ tag: 'tbitem21' }, $event)">
+                                    <i class='fa fa-download'></i>
+                                    <span class='caption'>{{$t('entities.wftask.gridviewtoolbar_toolbar.tbitem21.caption')}}</span>
+                                </i-button>
+                            <div slot='content'>{{$t('entities.wftask.gridviewtoolbar_toolbar.tbitem21.tip')}}</div>
+                        </tooltip>
+                        
+                        
+                                </dropdown-item>
+                                <dropdown-item>
+                                    <tooltip :transfer="true" :max-width="600">
+                                <i-button v-show="toolBarModels.tbitem23.visabled" :disabled="toolBarModels.tbitem23.disabled" class='' @click="toolbar_click({ tag: 'tbitem23' }, $event)">
+                                    <i class='fa fa-upload'></i>
+                                    <span class='caption'>{{$t('entities.wftask.gridviewtoolbar_toolbar.tbitem23.caption')}}</span>
+                                </i-button>
+                            <div slot='content'>{{$t('entities.wftask.gridviewtoolbar_toolbar.tbitem23.tip')}}</div>
+                        </tooltip>
+                        
+                        
+                                </dropdown-item>
+                            </dropdown-menu>
+                        </dropdown>
+                        <span class='seperator'>|</span>    <tooltip :transfer="true" :max-width="600">
+                                <i-button v-show="toolBarModels.tbitem19.visabled" :disabled="toolBarModels.tbitem19.disabled" class='' @click="toolbar_click({ tag: 'tbitem19' }, $event)">
+                                    <i class='fa fa-filter'></i>
+                                    <span class='caption'>{{$t('entities.wftask.gridviewtoolbar_toolbar.tbitem19.caption')}}</span>
+                                </i-button>
+                            <div slot='content'>{{$t('entities.wftask.gridviewtoolbar_toolbar.tbitem19.tip')}}</div>
+                        </tooltip>
+                        <tooltip :transfer="true" :max-width="600">
+                                <i-button v-show="toolBarModels.tbitem18.visabled" :disabled="toolBarModels.tbitem18.disabled" class='' @click="toolbar_click({ tag: 'tbitem18' }, $event)">
+                                    <i class='fa fa-question'></i>
+                                    <span class='caption'>{{$t('entities.wftask.gridviewtoolbar_toolbar.tbitem18.caption')}}</span>
+                                </i-button>
+                            <div slot='content'>{{$t('entities.wftask.gridviewtoolbar_toolbar.tbitem18.tip')}}</div>
+                        </tooltip>
+                    </div>
+                </div>
+            </div>
+            <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>
+            <view_grid 
+                :viewState="viewState"  
+                :viewparams="viewparams" 
+                :context="context" 
+                :isSingleSelect="isSingleSelect"
+                :showBusyIndicator="true"
+                :isOpenEdit="false"
+                :gridRowActiveMode="gridRowActiveMode"
+                @save="onSave"
+                updateAction=""
+                removeAction="Remove"
+                loaddraftAction=""
+                loadAction=""
+                createAction=""
+                fetchAction="FetchDefault"
+                :opendata="opendata"
+                name="grid"  
+                ref='grid' 
+                @selectionchange="grid_selectionchange($event)"  
+                @beforeload="grid_beforeload($event)"  
+                @rowdblclick="grid_rowdblclick($event)"  
+                @remove="grid_remove($event)"  
+                @load="grid_load($event)"  
+                @closeview="closeView($event)">
+            </view_grid>
+            <div class='view-bottom-messages'>
+            </div>
+        </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 WFTaskService from '@/service/wftask/wftask-service';
+import WFTaskAuthService from '@/authservice/wftask/wftask-auth-service';
+
+import GridViewEngine from '@engine/view/grid-view-engine';
+
+
+import WFTaskUIService from '@/uiservice/wftask/wftask-ui-service';
+import CodeListService from "@service/app/codelist-service";
+
+
+@Component({
+    components: {
+    },
+})
+export default class WFTaskGridViewBase extends Vue {
+
+    /**
+     * 实体服务对象
+     *
+     * @type {WFTaskService}
+     * @memberof WFTaskGridViewBase
+     */
+    public appEntityService: WFTaskService = new WFTaskService;
+
+    /**
+     * 实体UI服务对象
+     *
+     * @type WFTaskUIService
+     * @memberof WFTaskGridViewBase
+     */
+    public appUIService: WFTaskUIService = new WFTaskUIService(this.$store);
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @type {Array<*>}
+     * @memberof WFTaskGridViewBase
+     */    
+    public counterServiceArray:Array<any> = [];
+    
+    /**
+     * 数据变化
+     *
+     * @param {*} val
+     * @returns {*}
+     * @memberof WFTaskGridViewBase
+     */
+    @Emit() 
+    public viewDatasChange(val: any):any {
+        return val;
+    }
+
+    /**
+     * 传入视图上下文
+     *
+     * @type {string}
+     * @memberof WFTaskGridViewBase
+     */
+    @Prop() public viewdata!: string;
+
+    /**
+     * 传入视图参数
+     *
+     * @type {string}
+     * @memberof WFTaskGridViewBase
+     */
+    @Prop() public viewparam!: string;
+
+    /**
+     * 视图默认使用
+     *
+     * @type {boolean}
+     * @memberof WFTaskGridViewBase
+     */
+    @Prop({ default: true }) public viewDefaultUsage!: boolean;
+
+    /**
+     * 视图默认使用
+     *
+     * @type {string}
+     * @memberof WFTaskGridViewBase
+     */
+    @Inject({from:'navModel',default: 'tab'})
+    public navModel!:string;
+
+	/**
+	 * 视图标识
+	 *
+	 * @type {string}
+	 * @memberof WFTaskGridViewBase
+	 */
+	public viewtag: string = '67f605f39e4d0d7cfa524ea97bc29ced';
+
+	/**
+	 * 自定义视图导航上下文集合
+	 *
+	 * @type {*}
+	 * @memberof WFTaskGridViewBase
+	 */
+    public customViewNavContexts:any ={
+    };
+
+	/**
+	 * 自定义视图导航参数集合
+	 *
+	 * @type {*}
+	 * @memberof WFTaskGridViewBase
+	 */
+    public customViewParams:any ={
+    };
+
+    /**
+     * 视图模型数据
+     *
+     * @type {*}
+     * @memberof WFTaskGridViewBase
+     */
+    public model: any = {
+        srfCaption: 'entities.wftask.views.gridview.caption',
+        srfTitle: 'entities.wftask.views.gridview.title',
+        srfSubTitle: 'entities.wftask.views.gridview.subtitle',
+        dataInfo: ''
+    }
+
+    /**
+     * 视图参数变化
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof WFTaskGridViewBase
+     */
+    @Watch('viewparam',{immediate: true, deep: true})
+    onParamData(newVal: any, oldVal: any) {
+        if(newVal){
+            for(let key in this.viewparams){
+                delete this.viewparams[key];
+            }
+            Object.assign(this.viewparams, JSON.parse(this.viewparam));
+            
+        } 
+    }
+
+    /**
+     * 处理应用上下文变化
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof WFTaskGridViewBase
+     */
+    @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();
+              
+            });
+        }
+    }
+
+    /**
+     * 容器模型
+     *
+     * @type {*}
+     * @memberof WFTaskGridViewBase
+     */
+    public containerModel: any = {
+        view_toolbar: { name: 'toolbar', type: 'TOOLBAR' },
+        view_grid: { name: 'grid', type: 'GRID' },
+        view_searchform: { name: 'searchform', type: 'SEARCHFORM' },
+    };
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof WFTaskGridViewBase
+     */
+    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 WFTaskGridViewBase
+     */
+    public viewState: Subject<ViewState> = new Subject();
+    /**
+     * 工具栏模型
+     *
+     * @type {*}
+     * @memberof WFTaskGridView
+     */
+    public toolBarModels: any = {
+        tbitem5: { name: 'tbitem5', caption: '查看', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'View', target: 'SINGLEKEY' } },
+
+        tbitem7: {  name: 'tbitem7', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem13: { name: 'tbitem13', caption: '导出', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'ExportExcel', target: '' }, MaxRowCount: 1000  },
+
+        tbitem10: {  name: 'tbitem10', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem16: { name: 'tbitem16', caption: '其它', disabled: false, type: 'ITEMS', visabled: true, dataaccaction: '', uiaction: { } }, 
+ tbitem21: { name: 'tbitem21', caption: '导出数据模型', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'ExportModel', target: '' } },
+
+ tbitem23: { name: 'tbitem23', caption: '数据导入', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'Import', target: '' } },
+
+
+        tbitem17: {  name: 'tbitem17', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem19: { name: 'tbitem19', caption: '过滤', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'ToggleFilter', target: '' } },
+
+        tbitem18: { name: 'tbitem18', caption: '帮助', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'Help', target: '' } },
+
+    };
+
+
+
+
+
+    /**
+     * 视图引擎
+     *
+     * @public
+     * @type {Engine}
+     * @memberof WFTaskGridViewBase
+     */
+    public engine: GridViewEngine = new GridViewEngine();
+
+    /**
+     * 引擎初始化
+     *
+     * @public
+     * @memberof WFTaskGridViewBase
+     */
+    public engineInit(): void {
+        this.engine.init({
+            view: this,
+            opendata: (args: any[],fullargs?:any[],params?: any, $event?: any, xData?: any) => {
+                this.opendata(args,fullargs, params, $event, xData);
+            },
+            grid: this.$refs.grid,
+            searchform: this.$refs.searchform,
+            keyPSDEField: 'wftask',
+            majorPSDEField: 'name',
+            isLoadDefault: true,
+        });
+    }
+
+    /**
+     * 应用导航服务
+     *
+     * @type {*}
+     * @memberof WFTaskGridViewBase
+     */
+    public  navDataService = NavDataService.getInstance(this.$store);
+
+    /**
+    * 导航服务事件
+    *
+    * @public
+    * @type {(Subscription | undefined)}
+    * @memberof WFTaskGridViewBase
+    */
+    public serviceStateEvent: Subscription | undefined;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof WFTaskGridViewBase
+     */
+    public context:any = {};
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof WFTaskGridViewBase
+     */
+    public viewparams:any = {};
+
+    /**
+     * 视图缓存数据
+     *
+     * @type {*}
+     * @memberof WFTaskGridViewBase
+     */
+    public viewCacheData:any;
+
+    /**
+     * 解析视图参数
+     *
+     * @public
+     * @memberof WFTaskGridViewBase
+     */
+    public parseViewParam(inputvalue:any = null): void {
+        for(let key in this.context){
+            delete this.context[key];
+        }
+        if (!this.viewDefaultUsage && this.viewdata && !Object.is(this.viewdata, '')) {
+            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});
+            }
+            if(this.$store.getters.getAppData() && this.$store.getters.getAppData().context){
+                Object.assign(this.context,this.$store.getters.getAppData().context);
+            }
+            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,{'wftask':inputvalue});
+        }
+        if(this.$store.getters.getAppData() && this.$store.getters.getAppData().context){
+            Object.assign(this.context,this.$store.getters.getAppData().context);
+        }
+        //初始化视图唯一标识
+        Object.assign(this.context,{srfsessionid:this.$util.createUUID()});
+        this.handleCustomViewData();
+        //初始化导航数据
+        this.initNavDataWithRoute();
+    }
+
+    /**
+     * 处理自定义视图数据
+     *
+     * @memberof WFTaskGridViewBase
+     */
+	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 WFTaskGridViewBase
+     */
+	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 WFTaskGridViewBase
+     */
+    public initNavDataWithRoute(data:any = null, isNew:boolean = false,  isAlways:boolean = false){
+        if( isAlways || (this.viewDefaultUsage && Object.is(this.navModel,"route")) ){
+            this.navDataService.addNavData({id:'wftask-grid-view',tag:this.viewtag,srfkey:isNew ? null : this.context.wftask,title:this.$t(this.model.srfCaption),data:data,context:this.context,viewparams:this.viewparams,path:this.$route.fullPath});
+        }
+    }
+
+    /**
+     * 初始化导航数据(分页模式)
+     *
+     * @memberof WFTaskGridViewBase
+     */
+    public initNavDataWithTab(data:any = null,isOnlyAdd:boolean = true, isAlways:boolean = false){
+        if( isAlways || (this.viewDefaultUsage && !Object.is(this.navModel,"route")) ){
+            this.navDataService.addNavDataByOnly({id:'wftask-grid-view',tag:this.viewtag,srfkey:this.context.wftask,title:this.$t(this.model.srfCaption),data:data,context:this.context,viewparams:this.viewparams,path:this.$route.fullPath},isOnlyAdd);
+        }
+    }
+	
+
+    /**
+     * Vue声明周期
+     *
+     * @memberof WFTaskGridViewBase
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     * @memberof WFTaskGridViewBase
+     */    
+    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,'wftask-grid-view')){
+                return;
+            }
+            if (Object.is(action, 'viewrefresh')) {
+                _this.$nextTick(()=>{
+                    _this.parseViewParam(data);
+                    if(_this.engine){
+                        _this.engine.load();
+                    }
+                }); 
+            }
+        });
+        if(this.formDruipart){
+            this.formDruipart.subscribe((res:any) =>{
+                if(Object.is(res.action,'save')){
+                    this.viewState.next({ tag:'grid', action: 'save', data: this.viewparams });
+                }
+                if(Object.is(res.action,'load')){
+                    const _this: any = this;
+                    _this.engine.load(res.data,true);
+                }
+            });
+        }
+
+    }
+
+    /**
+     * 销毁之前
+     *
+     * @memberof WFTaskGridViewBase
+     */
+    public beforeDestroy() {
+        this.$store.commit('viewaction/removeView', this.viewtag);
+    }
+
+    /**
+     * Vue声明周期(组件初始化完毕)
+     *
+     * @memberof WFTaskGridViewBase
+     */
+    public mounted() {
+        this.afterMounted();
+    }
+
+    /**
+     * 执行mounted后的逻辑
+     * 
+     * @memberof WFTaskGridViewBase
+     */
+    public afterMounted(){
+        const _this: any = this;
+        _this.engineInit();
+        if (_this.loadModel && _this.loadModel instanceof Function) {
+            _this.loadModel();
+        }
+        
+
+    }
+
+
+    /**
+     * toolbar 部件 click 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof WFTaskGridViewBase
+     */
+    public toolbar_click($event: any, $event2?: any) {
+        if (Object.is($event.tag, 'tbitem3')) {
+            this.toolbar_tbitem3_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem4')) {
+            this.toolbar_tbitem4_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem5')) {
+            this.toolbar_tbitem5_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem6')) {
+            this.toolbar_tbitem6_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem24')) {
+            this.toolbar_tbitem24_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem25')) {
+            this.toolbar_tbitem25_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem8')) {
+            this.toolbar_tbitem8_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem13')) {
+            this.toolbar_tbitem13_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem11')) {
+            this.toolbar_tbitem11_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem21')) {
+            this.toolbar_tbitem21_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem23')) {
+            this.toolbar_tbitem23_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem19')) {
+            this.toolbar_tbitem19_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem18')) {
+            this.toolbar_tbitem18_click(null, '', $event2);
+        }
+    }
+
+
+    /**
+     * grid 部件 selectionchange 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof WFTaskGridViewBase
+     */
+    public grid_selectionchange($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('grid', 'selectionchange', $event);
+    }
+
+
+    /**
+     * grid 部件 beforeload 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof WFTaskGridViewBase
+     */
+    public grid_beforeload($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('grid', 'beforeload', $event);
+    }
+
+
+    /**
+     * grid 部件 rowdblclick 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof WFTaskGridViewBase
+     */
+    public grid_rowdblclick($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('grid', 'rowdblclick', $event);
+    }
+
+
+    /**
+     * grid 部件 remove 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof WFTaskGridViewBase
+     */
+    public grid_remove($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('grid', 'remove', $event);
+    }
+
+
+    /**
+     * grid 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof WFTaskGridViewBase
+     */
+    public grid_load($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('grid', 'load', $event);
+    }
+
+
+    /**
+     * searchform 部件 save 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof WFTaskGridViewBase
+     */
+    public searchform_save($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('searchform', 'save', $event);
+    }
+
+
+    /**
+     * searchform 部件 search 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof WFTaskGridViewBase
+     */
+    public searchform_search($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('searchform', 'search', $event);
+    }
+
+
+    /**
+     * searchform 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof WFTaskGridViewBase
+     */
+    public searchform_load($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('searchform', '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.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.New(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem4_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.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Edit(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @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.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.View(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem6_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.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Copy(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem24_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.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.ToggleRowEdit(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem25_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.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.NewRow(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem8_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.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Remove(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem13_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.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.ExportExcel(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem11_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.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Print(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem21_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.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.ExportModel(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem23_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.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Import(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem19_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.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.ToggleFilter(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem18_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.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Help(datas, contextJO,paramJO,  $event, xData,this,"WFTask");
+    }
+
+    /**
+     * 打开编辑数据视图
+     *
+     * @param {any[]} args
+     * @param {*} [params]
+     * @param {*} [fullargs]
+     * @param {*} [$event]
+     * @param {*} [xData]
+     * @memberof WFTaskGridView
+     */
+    public opendata(args: any[],fullargs?:any,params?: any, $event?: any, xData?: any) {
+        if(!this.viewDefaultUsage){
+            if(Object.is(this.navModel,"route")){
+                this.initNavDataWithRoute(this.viewCacheData, false, true);
+            }else{
+                this.initNavDataWithTab(this.viewCacheData, false, true);
+            }
+        }
+        let localContext:any = null;
+        let localViewParam:any =null;
+        const data: any = {};
+        let tempContext = JSON.parse(JSON.stringify(this.context));
+        if(args.length >0){
+            Object.assign(tempContext,args[0]);
+        }
+        const deResParameters: any[] = [];
+        const parameters: any[] = [
+            { pathName: 'wftasks', parameterName: 'wftask' },
+            { pathName: 'editview', parameterName: 'editview' },
+        ];
+        const _this: any = this;
+        if(fullargs && fullargs.copymode){
+            Object.assign(data,{copymode:true});
+        }
+        const openIndexViewTab = (data: any) => {
+            const routePath = this.$viewTool.buildUpRoutePath(this.$route, tempContext, deResParameters, parameters, args, data);
+            this.$router.push(routePath);
+        }
+        openIndexViewTab(data);
+    }
+
+
+    /**
+     * 新建
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskGridViewBase
+     */
+    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 WFTaskGridViewBase
+     */
+    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, { wftask: args[0].wftask })
+            }
+            _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 WFTaskGridViewBase
+     */
+    public View(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, { wftask: args[0].wftask })
+            }
+            _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 WFTaskGridViewBase
+     */
+    public Copy(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, { wftask: args[0].wftask });
+            }
+            if(!params) params = {};
+            Object.assign(params,{copymode:true});
+            _this.opendata([{ ...data }], params, $event, xData);
+        } else {
+            Object.assign(this.viewparams,{copymode:true});
+        }
+    }
+    /**
+     * 行编辑
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskGridViewBase
+     */
+    public ToggleRowEdit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        xData.actualIsOpenEdit = !xData.actualIsOpenEdit;
+    }
+    /**
+     * 新建行
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskGridViewBase
+     */
+    public NewRow(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        const data: any = {};
+        if (_this.hasOwnProperty('newRow') && _this.newRow instanceof Function) {
+            _this.newRow([{ ...data }], params, $event, xData);
+        } else if(xData.newRow && xData.newRow instanceof Function) {
+            xData.newRow([{ ...data }], params, $event, xData);
+        }else{
+            _this.$Notice.error({ title: '错误', desc: 'newRow 视图处理逻辑不存在，请添加!' });
+        }
+    }
+    /**
+     * 删除
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskGridViewBase
+     */
+    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 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskGridViewBase
+     */
+    public ExportExcel(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (!xData || !(xData.exportExcel instanceof Function) || !$event) {
+            return ;
+        }
+        xData.exportExcel($event.exportparms);
+    }
+    /**
+     * 打印
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskGridViewBase
+     */
+    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 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskGridViewBase
+     */
+    public ExportModel(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        this.$Notice.error({ title: '错误', desc: '导出数据模型未支持' });
+    }
+    /**
+     * 数据导入
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskGridViewBase
+     */
+    public Import(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (!xData || !(xData.importExcel instanceof Function) || !$event) {
+            return ;
+        }
+        xData.importExcel(params);
+    }
+    /**
+     * 过滤
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskGridViewBase
+     */
+    public ToggleFilter(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (_this.hasOwnProperty('isExpandSearchForm')) {
+            _this.isExpandSearchForm = !_this.isExpandSearchForm;
+        }
+    }
+    /**
+     * 帮助
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof WFTaskGridViewBase
+     */
+    public Help(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        this.$Notice.error({ title: '错误', desc: '帮助未支持' });
+    }
+
+    /**
+     * 关闭视图
+     *
+     * @param {any[]} args
+     * @memberof WFTaskGridViewBase
+     */
+    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 WFTaskGridViewBase
+     */
+    public destroyed(){
+        this.afterDestroyed();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     * 
+     * @memberof WFTaskGridViewBase
+     */
+    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();
+            }
+        }
+    }
+
+    /**
+     * 是否单选
+     *
+     * @type {boolean}
+     * @memberof WFTaskGridViewBase
+     */
+    public isSingleSelect: boolean = false;
+
+
+    /**
+    * 是否嵌入关系界面
+    *
+    * @type {boolean}
+    * @memberof WFTaskGridViewBase
+    */
+    @Prop({default:false}) public isformDruipart?: boolean;
+
+    /**
+    * 界面关系通讯对象
+    *
+    * @type {Subject<ViewState>}
+    * @memberof WFTaskGridViewBase
+    */
+    @Prop() public formDruipart?: Subject<ViewState>;
+
+    /**
+     * 搜索值
+     *
+     * @type {string}
+     * @memberof WFTaskGridViewBase
+     */
+    public query: string = '';
+
+    /**
+     * 是否展开搜索表单
+     *
+     * @type {boolean}
+     * @memberof WFTaskGridViewBase
+     */
+    public isExpandSearchForm: boolean = false;
+
+    /**
+     * 表格行数据默认激活模式
+     * 0 不激活
+     * 1 单击激活
+     * 2 双击激活
+     *
+     * @type {(number | 0 | 1 | 2)}
+     * @memberof WFTaskGridViewBase
+     */
+    public gridRowActiveMode: number | 0 | 1 | 2 = 2;
+
+    /**
+     * 快速搜索
+     *
+     * @param {*} $event
+     * @memberof WFTaskGridViewBase
+     */
+    public onSearch($event: any): void {
+        const grid: any = this.$refs.grid;
+        if (grid) {
+            grid.load(this.context, true);
+        }
+    }
+
+    /**
+     * grid 部件 save 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof ENTITYTEST1Usr2GridViewBase
+     */
+    public onSave($event: any) {
+        this.$emit('drdatasaved', $event);
+    }
+
+    /**
+     * 刷新数据
+     *
+     * @readonly
+     * @type {(number | null)}
+     * @memberof WFTaskGridViewBase
+     */
+    get refreshdata(): number | null {
+        return this.$store.getters['viewaction/getRefreshData'](this.viewtag);
+    }
+
+    /**
+     * 监控数据变化
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @returns
+     * @memberof WFTaskGridViewBase
+     */
+    @Watch('refreshdata')
+    onRefreshData(newVal: any, oldVal: any) {
+        if (newVal === null || newVal === undefined) {
+            return;
+        }
+        if (newVal === 0) {
+            return;
+        }
+        const grid: any = this.$refs.grid;
+        if (grid) {
+            grid.load({});
+        }
+    }
+
+}
+</script>
+
+<style lang='less'>
+@import './wftask-grid-view.less';
+</style>
\ No newline at end of file

app_web/src/pages/workflow/wftask-grid-view/wftask-grid-view.less

+.wftask-grid-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
+
+

app_web/src/pages/workflow/wftask-grid-view/wftask-grid-view.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import WFTaskGridViewBase from './wftask-grid-view-base.vue';
+
+import view_grid from '@widgets/wftask/main-grid/main-grid.vue';
+import view_searchform from '@widgets/wftask/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 WFTaskGridView extends WFTaskGridViewBase {
+
+}
+</script>
\ No newline at end of file

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

@@ -25,6 +25,7 @@ export const viewstate: any = {
                 'a06aed382ebc28e6521b4398880388cd',
                 'c0e7fb60c35f15d4f23800acae7afbd1',
                 'f11ad9a3b9260fb68a2a2e870419bffa',
+                '67f605f39e4d0d7cfa524ea97bc29ced',
             ],
         },
         {
@@ -57,6 +58,16 @@ export const viewstate: any = {
                 'c539c8d177b0401b79fa0808de6f13dd',
             ],
         },
+        {
+            viewtag: '67f605f39e4d0d7cfa524ea97bc29ced',
+            viewmodule: 'workflow',
+            viewname: 'WFTaskGridView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+                '84f38898137b7bd1f9f135ac74b4b850',
+            ],
+        },
         {
             viewtag: '77dd35badedcc0f6b98e83ee1ff82bda',
             viewmodule: 'workflow',
@@ -66,6 +77,15 @@ export const viewstate: any = {
             refviews: [
             ],
         },
+        {
+            viewtag: '84f38898137b7bd1f9f135ac74b4b850',
+            viewmodule: 'workflow',
+            viewname: 'WFTaskEditView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+            ],
+        },
         {
             viewtag: '9aad4530afb58f5c348a5b21d9c7ae72',
             viewmodule: 'workflow',

app_web/src/uiservice/wftask/wftask-ui-service-base.ts

@@ -89,6 +89,8 @@ export default class WFTaskUIServiceBase extends UIService {
      * @memberof  WFTaskUIServiceBase
      */  
     public initViewMap(){
+        this.allViewMap.set('MDATAVIEW:',{viewname:'gridview',srfappde:'wftasks'});
+        this.allViewMap.set('EDITVIEW:',{viewname:'editview',srfappde:'wftasks'});
     }
 
     /**

app_web/src/widgets/app/wfindex-view-appmenu/wfindex-view-appmenu-base.vue

@@ -582,6 +582,9 @@ export default class WFIndexViewBase extends Vue implements ControlInterface {
                 navDataService.removeNavData(this.viewtag);
             }
             switch (item.appfunctag) {
+                case '_2': 
+                    this.click_2(item);
+                    return;
                 case 'Auto3': 
                     this.clickAuto3(item);
                     return;
@@ -598,6 +601,29 @@ export default class WFIndexViewBase extends Vue implements ControlInterface {
     }
 
     
+    /**
+     * 我的待办
+     *
+     * @param {*} [item={}]
+     * @memberof WFIndexView
+     */
+    public click_2(item: any = {}) {
+        const viewparam: any = {};
+        Object.assign(viewparam, {});
+        const deResParameters: any[] = [];
+        const parameters: any[] = [
+            { pathName: 'wftasks', parameterName: 'wftask' },
+            { pathName: 'gridview', parameterName: 'gridview' },
+        ];
+        const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
+        if(Object.is(this.$route.fullPath,path)){
+            return;
+        }
+        this.$nextTick(function(){
+            this.$router.push(path);
+        })
+    }
+    
     /**
      * 发布流程
      *

app_web/src/widgets/app/wfindex-view-appmenu/wfindex-view-appmenu-model.ts

@@ -70,6 +70,25 @@ export default class WFIndexViewModel {
 	appfunctag: 'Auto2',
 	resourcetag: '',
 	authtag:'web-WFIndexView-menuitem2',
+},
+        {
+	id: '0F72A458-D47D-4305-AF77-4D643124741D',
+	name: 'menuitem4',
+	text: '我的待办',
+	type: 'MENUITEM',
+	counterid: '',
+	tooltip: '我的待办',
+	expanded: false,
+	separator: false,
+	hidden: false,
+	hidesidebar: false,
+	opendefault: false,
+	iconcls: 'fa fa-list-alt',
+	icon: '',
+	textcls: '',
+	appfunctag: '_2',
+	resourcetag: '',
+	authtag:'web-WFIndexView-menuitem4',
 },
     ];
 
@@ -81,6 +100,18 @@ export default class WFIndexViewModel {
 	 * @memberof WFIndexViewModel
 	 */
 	public funcs: any[] = [
+        {
+            appfunctag: '_2',
+            appfuncyype: 'APPVIEW',
+            openmode: '',
+            codename: 'wftaskgridview',
+            deResParameters: [],
+            routepath: '/wfindexview/:wfindexview?/wftasks/:wftask?/gridview/:gridview?',
+            parameters: [
+                { pathName: 'wftasks', parameterName: 'wftask' },
+                { pathName: 'gridview', parameterName: 'gridview' },
+            ],
+        },
         {
             appfunctag: 'Auto3',
             appfuncyype: 'APPVIEW',

app_web/src/widgets/wftask/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>
+                    <i-col v-show="detailsModel.n_description_like.visible" :style="{}"  :sm="{ span: 24, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
+              <app-form-item name='n_description_like' :itemRules="this.rules.n_description_like" class='' :caption="$t('entities.wftask.default_searchform.details.n_description_like')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.n_description_like.error" :isEmptyCaption="false" labelPos="LEFT"> 
+              <input-box v-model="data.n_description_like" :textareaId="this.$util.createUUID()"  :disabled="detailsModel.n_description_like.disabled" type='textarea' textareaStyle="width:100px;" ></input-box>
+          
+          </app-form-item>
+          
+          </i-col>
+          <i-col v-show="detailsModel.n_definitionkey_leftlike.visible" :style="{}"  :sm="{ span: 24, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
+              <app-form-item name='n_definitionkey_leftlike' :itemRules="this.rules.n_definitionkey_leftlike" class='' :caption="$t('entities.wftask.default_searchform.details.n_definitionkey_leftlike')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.n_definitionkey_leftlike.error" :isEmptyCaption="false" labelPos="LEFT"> 
+              
+           <dropdown-list 
+              v-model="data.n_definitionkey_leftlike" 
+              :data="data" 
+              :context="context"
+              :viewparams="viewparams"
+              :localContext ='{ }' 
+              :localParam ='{ }' 
+              :disabled="detailsModel.n_definitionkey_leftlike.disabled" 
+              valueType="string"
+              tag='WFSystemList' 
+              codelistType='DYNAMIC'
+              placeholder='请选择...' style="">
+           </dropdown-list>
+          
+          </app-form-item>
+          
+          </i-col>
+          <i-col v-show="detailsModel.n_definitionname_like.visible" :style="{}"  :sm="{ span: 24, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
+              <app-form-item name='n_definitionname_like' :itemRules="this.rules.n_definitionname_like" class='' :caption="$t('entities.wftask.default_searchform.details.n_definitionname_like')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.n_definitionname_like.error" :isEmptyCaption="false" labelPos="LEFT"> 
+              <input-box 
+              v-model="data.n_definitionname_like"  
+              @enter="onEnter($event)"  
+                
+              :disabled="detailsModel.n_definitionname_like.disabled" 
+              type='text' 
+              style="width:100px;">
+          </input-box>
+          
+          </app-form-item>
+          
+          </i-col>
+          <i-col v-show="detailsModel.n_taskname_like.visible" :style="{}"  :sm="{ span: 24, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
+              <app-form-item name='n_taskname_like' :itemRules="this.rules.n_taskname_like" class='' :caption="$t('entities.wftask.default_searchform.details.n_taskname_like')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.n_taskname_like.error" :isEmptyCaption="false" labelPos="LEFT"> 
+              <input-box 
+              v-model="data.n_taskname_like"  
+              @enter="onEnter($event)"  
+                
+              :disabled="detailsModel.n_taskname_like.disabled" 
+              type='text' 
+              style="width:100px;">
+          </input-box>
+          
+          </app-form-item>
+          
+          </i-col>
+      </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 WFTaskService from '@/service/wftask/wftask-service';
+import DefaultService from './default-searchform-service';
+import WFTaskUIService from '@/uiservice/wftask/wftask-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 {WFTaskService}
+     * @memberof DefaultBase
+     */
+    public appEntityService: WFTaskService = new WFTaskService({ $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 = {
+        n_description_like: null,
+        n_definitionkey_leftlike: null,
+        n_definitionname_like: null,
+        n_taskname_like: null,
+    };
+
+    /**
+     * 属性值规则
+     *
+     * @type {*}
+     * @memberof DefaultBase
+     */
+    public rules: any = {
+        n_description_like: [
+            { type: 'string', message: '事项 值必须为字符串类型', trigger: 'change' },
+            { type: 'string', message: '事项 值必须为字符串类型', trigger: 'blur' },
+            { required: false, type: 'string', message: '事项 值不能为空', trigger: 'change' },
+            { required: false, type: 'string', message: '事项 值不能为空', trigger: 'blur' },
+        ],
+        n_definitionkey_leftlike: [
+            { type: 'string', message: '系统 值必须为字符串类型', trigger: 'change' },
+            { type: 'string', message: '系统 值必须为字符串类型', trigger: 'blur' },
+            { required: false, type: 'string', message: '系统 值不能为空', trigger: 'change' },
+            { required: false, type: 'string', message: '系统 值不能为空', trigger: 'blur' },
+        ],
+        n_definitionname_like: [
+            { type: 'string', message: '流程 值必须为字符串类型', trigger: 'change' },
+            { type: 'string', message: '流程 值必须为字符串类型', trigger: 'blur' },
+            { required: false, type: 'string', message: '流程 值不能为空', trigger: 'change' },
+            { required: false, type: 'string', message: '流程 值不能为空', trigger: 'blur' },
+        ],
+        n_taskname_like: [
+            { type: 'string', message: '状态 值必须为字符串类型', trigger: 'change' },
+            { type: 'string', message: '状态 值必须为字符串类型', trigger: 'blur' },
+            { required: false, type: 'string', message: '状态 值不能为空', trigger: 'change' },
+            { required: false, type: 'string', message: '状态 值不能为空', trigger: 'blur' },
+        ],
+    }
+
+    /**
+     * 详情模型集合
+     *
+     * @type {*}
+     * @memberof DefaultBase
+     */
+    public detailsModel: any = {
+        formpage1: new FormPageModel({ caption: '常规条件', detailType: 'FORMPAGE', name: 'formpage1', visible: true, isShowCaption: true, form: this })
+, 
+        n_description_like: new FormItemModel({ caption: '事项', detailType: 'FORMITEM', name: 'n_description_like', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
+, 
+        n_definitionkey_leftlike: new FormItemModel({ caption: '系统', detailType: 'FORMITEM', name: 'n_definitionkey_leftlike', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
+, 
+        n_definitionname_like: new FormItemModel({ caption: '流程', detailType: 'FORMITEM', name: 'n_definitionname_like', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
+, 
+        n_taskname_like: new FormItemModel({ caption: '状态', detailType: 'FORMITEM', name: 'n_taskname_like', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
+, 
+    };
+
+    /**
+     * 监控表单属性 n_description_like 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof DefaultBase
+     */
+    @Watch('data.n_description_like')
+    onN_description_likeChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'n_description_like', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 n_definitionkey_leftlike 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof DefaultBase
+     */
+    @Watch('data.n_definitionkey_leftlike')
+    onN_definitionkey_leftlikeChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'n_definitionkey_leftlike', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 n_definitionname_like 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof DefaultBase
+     */
+    @Watch('data.n_definitionname_like')
+    onN_definitionname_likeChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'n_definitionname_like', newVal: newVal, oldVal: oldVal });
+    }
+
+    /**
+     * 监控表单属性 n_taskname_like 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof DefaultBase
+     */
+    @Watch('data.n_taskname_like')
+    onN_taskname_likeChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'n_taskname_like', newVal: newVal, oldVal: oldVal });
+    }
+
+
+    /**
+     * 重置表单项值
+     *
+     * @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={}]
+     * @memberof DefaultBase
+     */
+    public onFormLoad(data: any = {}): void {
+        this.setFormEnableCond(data);
+        this.fillForm(data);
+        this.formLogic({ name: '', newVal: null, oldVal: null });
+    }
+
+    /**
+     * 值填充
+     *
+     * @param {*} [_datas={}]
+     * @memberof DefaultBase
+     */
+    public fillForm(_datas: any = {}): void {
+        this.ignorefieldvaluechange = true;
+        Object.keys(_datas).forEach((name: string) => {
+            if (this.data.hasOwnProperty(name)) {
+                this.data[name] = _datas[name];
+            }
+        });
+        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);
+        });
+    }
+
+    /**
+     * 重置草稿表单状态
+     *
+     * @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: 'WFTaskGridView' + (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.onFormLoad(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: 'WFTaskGridView' + (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);
+            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/wftask/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',
+      },
+      {
+        name: 'n_description_like',
+        prop: 'description',
+        dataType: 'LONGTEXT_1000',
+      },
+      {
+        name: 'n_definitionkey_leftlike',
+        prop: 'processdefinitionkey',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'n_definitionname_like',
+        prop: 'processdefinitionname',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'n_taskname_like',
+        prop: 'name',
+        dataType: 'TEXT',
+      },
+    ]
+  }
+
+}
\ No newline at end of file

app_web/src/widgets/wftask/default-searchform/default-searchform-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import WFTaskService from '@/service/wftask/wftask-service';
+import DefaultModel from './default-searchform-model';
+
+
+/**
+ * Default 部件服务对象
+ *
+ * @export
+ * @class DefaultService
+ */
+export default class DefaultService extends ControlService {
+
+    /**
+     * 工作流任务服务对象
+     *
+     * @type {WFTaskService}
+     * @memberof DefaultService
+     */
+    public appEntityService: WFTaskService = new WFTaskService({ $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();
+    }
+
+    /**
+     * 处理数据
+     *
+     * @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);
+        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]
+     * @returns {Promise<any>}
+     * @memberof DefaultService
+     */
+    @Errorlog
+    public add(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.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 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]
+     * @returns {Promise<any>}
+     * @memberof DefaultService
+     */
+    @Errorlog
+    public update(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.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 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.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.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];
+                }
+            }
+        });
+        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();
+    }
+
+}
\ No newline at end of file

app_web/src/widgets/wftask/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/wftask/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/wftask/main-form/main-form-base.vue

+<template>
+    <i-form :model="this.data" class='app-form' ref='form'  id='wftask_main' style="">
+    <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.wftask.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.wftask.main_form.details.group1')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
+    <row>
+            
+    </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.wftask.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.wftask.main_form.details.group2')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
+    <row>
+            
+    </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 WFTaskService from '@/service/wftask/wftask-service';
+import MainService from './main-form-service';
+import WFTaskUIService from '@/uiservice/wftask/wftask-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';
+
+
+@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 {WFTaskService}
+     * @memberof MainBase
+     */
+    public appEntityService: WFTaskService = new WFTaskService({ $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;
+
+    /**
+     * 界面UI服务对象
+     *
+     * @type {WFTaskUIService}
+     * @memberof MainBase
+     */  
+    public appUIService:WFTaskUIService = new WFTaskUIService(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 data: any = {
+        srforikey: null,
+        srfkey: null,
+        srfmajortext: null,
+        srftempmode: null,
+        srfuf: null,
+        srfdeid: null,
+        srfsourcekey: null,
+        taskid: null,
+        wftask: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 {*}
+     * @memberof MainBase
+     */
+    public rules() :any {
+    return {
+        srforikey: [
+            { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' },
+            { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' },
+            { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' },
+            { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' },
+        ],
+        srfkey: [
+            { type: 'string', message: '任务标识 值必须为字符串类型', trigger: 'change' },
+            { type: 'string', message: '任务标识 值必须为字符串类型', trigger: 'blur' },
+            { required: false, type: 'string', message: '任务标识 值不能为空', trigger: 'change' },
+            { required: false, type: 'string', message: '任务标识 值不能为空', trigger: 'blur' },
+        ],
+        srfmajortext: [
+            { type: 'string', message: '状态 值必须为字符串类型', trigger: 'change' },
+            { type: 'string', message: '状态 值必须为字符串类型', trigger: 'blur' },
+            { required: false, type: 'string', message: '状态 值不能为空', trigger: 'change' },
+            { required: false, type: 'string', message: '状态 值不能为空', trigger: 'blur' },
+        ],
+        srftempmode: [
+            { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' },
+            { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' },
+            { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' },
+            { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' },
+        ],
+        srfuf: [
+            { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' },
+            { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' },
+            { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' },
+            { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' },
+        ],
+        srfdeid: [
+            { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' },
+            { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' },
+            { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' },
+            { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' },
+        ],
+        srfsourcekey: [
+            { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' },
+            { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' },
+            { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' },
+            { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' },
+        ],
+        taskid: [
+            { type: 'string', message: '任务标识 值必须为字符串类型', trigger: 'change' },
+            { type: 'string', message: '任务标识 值必须为字符串类型', trigger: 'blur' },
+            { required: false, type: 'string', message: '任务标识 值不能为空', trigger: 'change' },
+            { required: false, 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 && val;
+                }else{
+                    falg.isPast = falg || val;
+                }
+            }else{
+                falg.isPast = val;
+            }
+        }
+        rule[name].forEach((item:any) => {
+            let dataValue = item.deName?this.data[this.service.getItemNameByDeName(item.deName)]:"";
+            // 常规规则
+            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(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 (item.type == "REGEX") {
+                startOp(!this.$verify.checkFieldRegExRule(dataValue,item.regExCode,item.ruleInfo,item.isKeyCond));
+                falg.infoMessage = item.ruleInfo;
+            }
+            // 长度
+            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(item.type == "SYSVALUERULE") {
+                startOp(!this.$verify.checkFieldSysValueRule(dataValue,item.sysRule.regExCode,item.ruleInfo,item.isKeyCond));
+                falg.infoMessage = item.ruleInfo;
+            }
+            // 分组
+            if(item.type == 'GROUP'){
+                falg = this.verifyDeRules('group',item)
+                if(item.isNotMode){
+                   falg.isPast = !falg.isPast;
+                }
+            }
+            
+        });
+        if(!falg.hasOwnProperty("isPast")){
+            falg.isPast = true;
+        }
+        if(!this.data[name]){
+           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.wftask.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.wftask.main_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
+, 
+        formpage2: new FormPageModel({ caption: '其它', detailType: 'FORMPAGE', name: 'formpage2', visible: true, isShowCaption: true, form: this, isControlledContent: false  })
+, 
+        srforikey: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srforikey', visible: true, isShowCaption: true, form: this, isControlledContent: false , disabled: false, enableCond: 3 })
+, 
+        srfkey: new FormItemModel({ caption: '任务标识', detailType: 'FORMITEM', name: 'srfkey', visible: true, isShowCaption: true, form: this, isControlledContent: false , disabled: false, enableCond: 3 })
+, 
+        srfmajortext: new FormItemModel({ caption: '状态', detailType: 'FORMITEM', name: 'srfmajortext', visible: true, isShowCaption: true, form: this, isControlledContent: false , disabled: false, enableCond: 3 })
+, 
+        srftempmode: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srftempmode', visible: true, isShowCaption: true, form: this, isControlledContent: false , disabled: false, enableCond: 3 })
+, 
+        srfuf: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfuf', visible: true, isShowCaption: true, form: this, isControlledContent: false , disabled: false, enableCond: 3 })
+, 
+        srfdeid: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfdeid', visible: true, isShowCaption: true, form: this, isControlledContent: false , disabled: false, enableCond: 3 })
+, 
+        srfsourcekey: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfsourcekey', visible: true, isShowCaption: true, form: this, isControlledContent: false , disabled: false, enableCond: 3 })
+, 
+        taskid: new FormItemModel({ caption: '任务标识', detailType: 'FORMITEM', name: 'taskid', visible: true, isShowCaption: true, form: this, isControlledContent: 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 }] }),
+    };
+
+    /**
+     * 监控表单属性 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 });
+    }
+
+    /**
+     * 监控表单属性 taskid 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof MainBase
+     */
+    @Watch('data.taskid')
+    onTaskidChange(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'taskid', 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.wftask){
+            Object.assign(this.context,{wftask:data.wftask})
+        }
+        this.setFormEnableCond(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.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 {*} $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.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);
+                }
+            });
+        }
+        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:'wftask_main',popTitle:'主编辑表单'});
+    }
+
+    /**
+     * 部件刷新
+     *
+     * @param {any[]} args
+     * @memberof MainBase
+     */
+    public refresh(args: any[]): void {
+        let arg: any = {};
+        Object.assign(arg,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: 'WFTaskEditView' + (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: 'WFTaskEditView' + (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.wftask = 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);
+        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: 'WFTaskEditView' + (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:"WFTask",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 && 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{
+                    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={}]
+     * @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()) {
+                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);
+            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: 'WFTaskEditView' + (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:"WFTask",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 && 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{
+                        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);
+            });
+        })
+    }
+
+    /**
+    * 删除
+    *
+    * @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: 'WFTaskEditView' + (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:"WFTask",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 post: Promise<any> = _this.save({},false);
+            post.then((response:any) =>{
+                const arg:any = response.data;
+                // 准备工作流数据,填充未存库数据
+                Object.assign(arg,this.getData());
+                if(this.viewparams){
+                    Object.assign(arg,{viewparams:this.viewparams});
+                }
+                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];
+        Object.assign(arg,{viewparams:this.viewparams});
+        if (!arg.wftask || Object.is(arg.wftask, '')) {
+            return;
+        }
+        const post: Promise<any> = Object.is(arg.srfuf, '1')?this.service.update(this.updateAction, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator):this.service.add(this.createAction,JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator);
+        post.then((response:any) =>{
+                const arg:any = response.data;
+                // 保存完成UI处理
+                this.onFormLoad(arg,'save');
+                this.$emit('save', arg);
+                AppCenterService.notifyMessage({name:"WFTask",action:'appRefresh',data:data});
+                this.$nextTick(() => {
+                    this.formState.next({ type: 'save', data: arg });
+                });
+                // 准备工作流数据,填充未存库数据
+                Object.assign(arg,this.getData());
+                // 准备提交参数
+                if(this.viewparams){
+                    Object.assign(arg,{viewparams:this.viewparams});
+                }
+                // 强制补充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:"WFTask",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(){                    
+    }
+
+    
+}
+</script>
+
+<style lang='less'>
+@import './main-form.less';
+</style>
\ No newline at end of file

app_web/src/widgets/wftask/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: 'srforikey',
+      },
+      {
+        name: 'srfkey',
+        prop: 'id',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'srfmajortext',
+        prop: 'name',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'srftempmode',
+      },
+      {
+        name: 'srfuf',
+      },
+      {
+        name: 'srfdeid',
+      },
+      {
+        name: 'srfsourcekey',
+      },
+      {
+        name: 'taskid',
+        prop: 'id',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'wftask',
+        prop: 'id',
+        dataType: 'FONTKEY',
+      },
+    ]
+  }
+
+}
\ No newline at end of file

app_web/src/widgets/wftask/main-form/main-form-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import WFTaskService from '@/service/wftask/wftask-service';
+import MainModel from './main-form-model';
+
+
+/**
+ * Main 部件服务对象
+ *
+ * @export
+ * @class MainService
+ */
+export default class MainService extends ControlService {
+
+    /**
+     * 工作流任务服务对象
+     *
+     * @type {WFTaskService}
+     * @memberof MainService
+     */
+    public appEntityService: WFTaskService = new WFTaskService({ $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();
+    }
+
+    /**
+     * 处理数据
+     *
+     * @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);
+        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]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public add(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.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);
+        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]
+     * @returns {Promise<any>}
+     * @memberof MainService
+     */
+    @Errorlog
+    public update(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.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);
+        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.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.id = PrimaryKey;
+        Data.wftask = 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) => {
+                response.data.id = 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];
+                }
+            }
+        });
+        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();
+    }
+
+}
\ No newline at end of file

app_web/src/widgets/wftask/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;
+  }
+}
+// this is less

app_web/src/widgets/wftask/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/wftask/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"
+        :height="isEnablePagingBar && items.length > 0 ? 'calc(100% - 50px)' : '100%'"
+        @row-click="rowClick($event)"  
+        @select-all="selectAll($event)"  
+        @select="select($event)"  
+        @row-class-name="onRowClassName($event)"  
+        @row-dblclick="rowDBLClick($event)"  
+        ref='multipleTable' :data="items" :show-header="!isHideHeader">
+            <template slot="empty">
+                {{$t('app.gridpage.noData')}} 
+            </template>
+            <template v-if="!isSingleSelect">
+                <el-table-column align="center" type='selection' :width="checkboxColWidth"></el-table-column>
+            </template>
+            <template v-if="getColumnState('definitionname')">
+                <el-table-column show-overflow-tooltip :prop="'definitionname'" :label="$t('entities.wftask.main_grid.columns.definitionname')" :width="250"  :align="'left'" :sortable="'custom'">
+                    <template v-slot:header="{column}">
+                      <span class="column-header ">
+                        {{$t('entities.wftask.main_grid.columns.definitionname')}}
+                      </span>
+                    </template>
+                    <template v-slot="{row,column,$index}">
+                        <span>{{row.definitionname}}</span>
+                    </template>
+                </el-table-column>
+            </template>
+            <template v-if="getColumnState('taskname')">
+                <el-table-column show-overflow-tooltip :prop="'taskname'" :label="$t('entities.wftask.main_grid.columns.taskname')" :width="200"  :align="'left'" :sortable="'custom'">
+                    <template v-slot:header="{column}">
+                      <span class="column-header ">
+                        {{$t('entities.wftask.main_grid.columns.taskname')}}
+                      </span>
+                    </template>
+                    <template v-slot="{row,column,$index}">
+                        <span>{{row.taskname}}</span>
+                    </template>
+                </el-table-column>
+            </template>
+            <template v-if="getColumnState('description')">
+                <el-table-column show-overflow-tooltip :prop="'description'" :label="$t('entities.wftask.main_grid.columns.description')" :width="350"  :align="'left'" :sortable="'custom'">
+                    <template v-slot:header="{column}">
+                      <span class="column-header ">
+                        {{$t('entities.wftask.main_grid.columns.description')}}
+                      </span>
+                    </template>
+                    <template v-slot="{row,column,$index}">
+                        <span>{{row.description}}</span>
+                    </template>
+                </el-table-column>
+            </template>
+            <template v-if="getColumnState('createtime')">
+                <el-table-column show-overflow-tooltip :prop="'createtime'" :label="$t('entities.wftask.main_grid.columns.createtime')" :width="200"  :align="'left'" :sortable="'custom'">
+                    <template v-slot:header="{column}">
+                      <span class="column-header ">
+                        {{$t('entities.wftask.main_grid.columns.createtime')}}
+                      </span>
+                    </template>
+                    <template v-slot="{row,column,$index}">
+                        <app-format-data format="YYYY-MM-DD HH:mm:ss" :data="row.createtime"></app-format-data>
+                    </template>
+                </el-table-column>
+            </template>
+            <template v-if="getColumnState('businesskey')">
+                <el-table-column show-overflow-tooltip :prop="'businesskey'" :label="$t('entities.wftask.main_grid.columns.businesskey')" :width="100"  :align="'left'" :sortable="'custom'">
+                    <template v-slot:header="{column}">
+                      <span class="column-header ">
+                        {{$t('entities.wftask.main_grid.columns.businesskey')}}
+                      </span>
+                    </template>
+                    <template v-slot="{row,column,$index}">
+                        <span>{{row.businesskey}}</span>
+                    </template>
+                </el-table-column>
+            </template>
+            <template v-if="getColumnState('definitionid')">
+                <el-table-column show-overflow-tooltip :prop="'definitionid'" :label="$t('entities.wftask.main_grid.columns.definitionid')" :width="100"  :align="'left'" :sortable="'custom'">
+                    <template v-slot:header="{column}">
+                      <span class="column-header ">
+                        {{$t('entities.wftask.main_grid.columns.definitionid')}}
+                      </span>
+                    </template>
+                    <template v-slot="{row,column,$index}">
+                        <span>{{row.definitionid}}</span>
+                    </template>
+                </el-table-column>
+            </template>
+            <template v-if="getColumnState('definitionkey')">
+                <el-table-column show-overflow-tooltip :prop="'definitionkey'" :label="$t('entities.wftask.main_grid.columns.definitionkey')" :width="100"  :align="'left'" :sortable="'custom'">
+                    <template v-slot:header="{column}">
+                      <span class="column-header ">
+                        {{$t('entities.wftask.main_grid.columns.definitionkey')}}
+                      </span>
+                    </template>
+                    <template v-slot="{row,column,$index}">
+                        <span>{{row.definitionkey}}</span>
+                    </template>
+                </el-table-column>
+            </template>
+            <template v-if="getColumnState('instanceid')">
+                <el-table-column show-overflow-tooltip :prop="'instanceid'" :label="$t('entities.wftask.main_grid.columns.instanceid')" :width="100"  :align="'left'" :sortable="'custom'">
+                    <template v-slot:header="{column}">
+                      <span class="column-header ">
+                        {{$t('entities.wftask.main_grid.columns.instanceid')}}
+                      </span>
+                    </template>
+                    <template v-slot="{row,column,$index}">
+                        <span>{{row.instanceid}}</span>
+                    </template>
+                </el-table-column>
+            </template>
+            <template v-if="getColumnState('taskdefinitionkey')">
+                <el-table-column show-overflow-tooltip :prop="'taskdefinitionkey'" :label="$t('entities.wftask.main_grid.columns.taskdefinitionkey')" :width="100"  :align="'left'" :sortable="'custom'">
+                    <template v-slot:header="{column}">
+                      <span class="column-header ">
+                        {{$t('entities.wftask.main_grid.columns.taskdefinitionkey')}}
+                      </span>
+                    </template>
+                    <template v-slot="{row,column,$index}">
+                        <span>{{row.taskdefinitionkey}}</span>
+                    </template>
+                </el-table-column>
+            </template>
+            <template v-if="getColumnState('taskid')">
+                <el-table-column show-overflow-tooltip :prop="'taskid'" :label="$t('entities.wftask.main_grid.columns.taskid')" :width="100"  :align="'left'" :sortable="'custom'">
+                    <template v-slot:header="{column}">
+                      <span class="column-header ">
+                        {{$t('entities.wftask.main_grid.columns.taskid')}}
+                      </span>
+                    </template>
+                    <template v-slot="{row,column,$index}">
+                        <span>{{row.taskid}}</span>
+                    </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 WFTaskService from '@/service/wftask/wftask-service';
+import MainService from './main-grid-service';
+import WFTaskUIService from '@/uiservice/wftask/wftask-ui-service';
+import CodeListService from "@service/app/codelist-service";
+import { FormItemModel } from '@/model/form-detail';
+
+
+@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 {WFTaskService}
+     * @memberof MainBase
+     */
+    public appEntityService: WFTaskService = new WFTaskService({ $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 });
+
+    /**
+     * 界面UI服务对象
+     *
+     * @type {WFTaskUIService}
+     * @memberof MainBase
+     */  
+    public appUIService:WFTaskUIService = new WFTaskUIService(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 {any}
+     * @memberof MainBase
+     */
+    @Prop() public opendata: any;
+
+    /**
+     * 显示处理提示
+     *
+     * @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 = 'DESC';
+
+    /**
+     * 排序字段
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    public minorSortPSDEF: string = 'createtime';
+
+    /**
+     * 分页条数
+     *
+     * @type {number}
+     * @memberof MainBase
+     */
+    public limit: number = 20;
+
+    /**
+     * 是否显示标题
+     *
+     * @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 Main
+     */
+    public selections: any[] = [];
+
+    /**
+     * 拦截行选中
+     *
+     * @type {boolean}
+     * @memberof Main
+     */
+    public stopRowClick: boolean = false;
+
+
+
+
+    /**
+     * 表格是否显示
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public isDisplay:boolean = true;
+
+    /**
+     * 部件刷新
+     *
+     * @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: 'definitionname',
+            label: '流程',
+            langtag: 'entities.wftask.main_grid.columns.definitionname',
+            show: true,
+            util: 'PX',
+            isEnableRowEdit: false,
+        },
+        {
+            name: 'taskname',
+            label: '状态',
+            langtag: 'entities.wftask.main_grid.columns.taskname',
+            show: true,
+            util: 'PX',
+            isEnableRowEdit: false,
+        },
+        {
+            name: 'description',
+            label: '事项',
+            langtag: 'entities.wftask.main_grid.columns.description',
+            show: true,
+            util: 'PX',
+            isEnableRowEdit: false,
+        },
+        {
+            name: 'createtime',
+            label: '时间',
+            langtag: 'entities.wftask.main_grid.columns.createtime',
+            show: true,
+            util: 'PX',
+            isEnableRowEdit: false,
+        },
+        {
+            name: 'businesskey',
+            label: '业务键值',
+            langtag: 'entities.wftask.main_grid.columns.businesskey',
+            show: false,
+            util: 'PX',
+            isEnableRowEdit: false,
+        },
+        {
+            name: 'definitionid',
+            label: 'DefinitionId',
+            langtag: 'entities.wftask.main_grid.columns.definitionid',
+            show: false,
+            util: 'PX',
+            isEnableRowEdit: false,
+        },
+        {
+            name: 'definitionkey',
+            label: 'DefinitionKey',
+            langtag: 'entities.wftask.main_grid.columns.definitionkey',
+            show: false,
+            util: 'PX',
+            isEnableRowEdit: false,
+        },
+        {
+            name: 'instanceid',
+            label: '实例标识',
+            langtag: 'entities.wftask.main_grid.columns.instanceid',
+            show: false,
+            util: 'PX',
+            isEnableRowEdit: false,
+        },
+        {
+            name: 'taskdefinitionkey',
+            label: 'TaskDefinitionKey',
+            langtag: 'entities.wftask.main_grid.columns.taskdefinitionkey',
+            show: false,
+            util: 'PX',
+            isEnableRowEdit: false,
+        },
+        {
+            name: 'taskid',
+            label: '任务标识',
+            langtag: 'entities.wftask.main_grid.columns.taskid',
+            show: false,
+            util: 'PX',
+            isEnableRowEdit: false,
+        },
+    ]
+
+    /**
+     * 表格模型集合
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    public gridItemsModel: any[] = [];
+
+    /**
+     * 获取界面行为权限状态
+     *
+     * @memberof MainBase
+     */
+    public getActionState(data:any){
+        let targetData:any = this.transformData(data);
+        let tempActionModel:any = JSON.parse(JSON.stringify(this.ActionModel));
+        ViewTool.calcActionItemAuthState(targetData,tempActionModel,this.appUIService);
+        return tempActionModel;
+    }
+
+    /**
+     * 获取表格行模型
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    public getGridRowModel(){
+        return {
+          srfkey: new FormItemModel(),
+        }
+    }
+
+    /**
+     * 属性值规则
+     *
+     * @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(){
+        let validateState = true;
+        let index = -1;
+        for(let item of this.items){
+          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;
+              }
+            }
+          }
+        }
+        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: 'WFTaskGridView'+(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){
+                  _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: 'WFTaskGridView'+(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.name;
+            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 = dataInfo + '...' + ' '+(this.$t('app.gridpage.totle') as string) + _datas.length + (this.$t('app.gridpage.desc2') 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,{ wftask: _keys }),Object.assign({ wftask: _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中已删除的项
+                    console.log(this.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: 'WFTaskGridView'+(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: "工作流任务"+(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> = [
+        ];
+        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){
+            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);
+                }
+                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,"WFTask")){
+                    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 || 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);
+    }
+
+    /**
+     * 复选框数据选中
+     *
+     * @param {*} $event
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public select($event: any): void {
+        if (!$event) {
+            return;
+        }
+        this.selections = [];
+        this.selections = [...JSON.parse(JSON.stringify($event))];
+        this.$emit('selectionchange', this.selections);
+    }
+
+    /**
+     * 复选框数据全部选中
+     *
+     * @param {*} $event
+     * @memberof MainBase
+     */
+    public selectAll($event: any): void {
+        if (!$event) {
+            return;
+        }
+        this.selections = [];
+        this.selections = [...JSON.parse(JSON.stringify($event))];
+        this.$emit('selectionchange', this.selections);
+    }
+
+    
+    /**
+     * 行单击选中
+     *
+     * @param {*} $event
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public rowClick($event: any, ifAlways: boolean = false): void {
+        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.wftask,$event.wftask);
+        });
+        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('wf_task_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('wf_task_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.util, '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()){
+            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: 'WFTaskGridView'+(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: 'WFTaskGridView'+(this.$t('app.gridpage.notConfig.updateAction') as string) });
+                    }else{
+                        Object.assign(item,{viewparams:this.viewparams});
+                        if(item.wftask){
+                            Object.assign(this.context,{wftask:item.wftask});
+                        }
+                        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){
+            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.wrong') as string), desc: errorMessage[index].data.message });
+            console.error(errorMessage[index]);
+          });
+        }
+        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: 'WFTaskGridView'+(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";
+            _this.items.push(data);
+            _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(!value && this.defaultUpdateItems.includes(property)){
+                row.hasUpdated = true;
+            }
+        }
+        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;
+        }
+        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(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.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.wftask,args.row.wftask);
+        });
+        return isSelected ? "grid-selected-row" : "";
+    }
+
+    /**
+     * 获取对应列class
+     *
+     * @param {*} $args row 行数据，column 列数据，rowIndex 行索引，列索引
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public getCellClassName(args:{row: any, column: any, rowIndex: number, columnIndex:number}){
+        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 ){
+                  return 'edit-cell';
+              }
+          }
+        }
+        return 'info-cell';
+    }
+
+    /**
+     * 新建默认值
+     * @param {*}  row 行数据
+     * @memberof MainBase
+     */
+    public createDefault(row: any){                    
+    }
+
+    /**
+     * 更新默认值
+     * @param {*}  row 行数据
+     * @memberof MainBase
+     */
+    public updateDefault(row: any){                    
+    }
+}
+</script>
+
+<style lang='less'>
+@import './main-grid.less';
+</style>
\ No newline at end of file

app_web/src/widgets/wftask/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: 'definitionid',
+          prop: 'processdefinitionid',
+          dataType: 'TEXT',
+        },
+        {
+          name: 'taskid',
+          prop: 'id',
+          dataType: 'TEXT',
+        },
+        {
+          name: 'srfmajortext',
+          prop: 'name',
+          dataType: 'TEXT',
+        },
+        {
+          name: 'srfkey',
+          prop: 'id',
+          dataType: 'TEXT',
+          isEditable:true
+        },
+        {
+          name: 'srfdataaccaction',
+          prop: 'id',
+          dataType: 'TEXT',
+        },
+        {
+          name: 'createtime',
+          prop: 'createtime',
+          dataType: 'DATETIME',
+        },
+        {
+          name: 'businesskey',
+          prop: 'processinstancebusinesskey',
+          dataType: 'TEXT',
+        },
+        {
+          name: 'definitionname',
+          prop: 'processdefinitionname',
+          dataType: 'TEXT',
+        },
+        {
+          name: 'description',
+          prop: 'description',
+          dataType: 'LONGTEXT_1000',
+        },
+        {
+          name: 'taskdefinitionkey',
+          prop: 'taskdefinitionkey',
+          dataType: 'TEXT',
+        },
+        {
+          name: 'definitionkey',
+          prop: 'processdefinitionkey',
+          dataType: 'TEXT',
+        },
+        {
+          name: 'taskname',
+          prop: 'name',
+          dataType: 'TEXT',
+        },
+        {
+          name: 'instanceid',
+          prop: 'processinstanceid',
+          dataType: 'TEXT',
+        },
+        {
+          name: 'wftask',
+          prop: 'id',
+        },
+      {
+        name: 'n_description_like',
+        prop: 'n_description_like',
+        dataType: 'LONGTEXT_1000',
+      },
+      {
+        name: 'n_definitionkey_leftlike',
+        prop: 'n_definitionkey_leftlike',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'n_definitionname_like',
+        prop: 'n_definitionname_like',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'n_taskname_like',
+        prop: 'n_taskname_like',
+        dataType: 'TEXT',
+      },
+
+        {
+          name:'size',
+          prop:'size'
+        },
+        {
+          name:'query',
+          prop:'query'
+        },
+        {
+          name:'filter',
+          prop:'filter'
+        },
+        {
+          name:'page',
+          prop:'page'
+        },
+        {
+          name:'sort',
+          prop:'sort'
+        },
+        {
+          name:'srfparentdata',
+          prop:'srfparentdata'
+        },
+        // 前端新增修改标识，新增为"0",修改为"1"或未设值
+        {
+          name: 'srffrontuf',
+          prop: 'srffrontuf',
+          dataType: 'TEXT',
+        },
+      ]
+    }
+  }
+
+}
\ No newline at end of file

app_web/src/widgets/wftask/main-grid/main-grid-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import WFTaskService from '@/service/wftask/wftask-service';
+import MainModel from './main-grid-model';
+
+
+/**
+ * Main 部件服务对象
+ *
+ * @export
+ * @class MainService
+ */
+export default class MainService extends ControlService {
+
+    /**
+     * 工作流任务服务对象
+     *
+     * @type {WFTaskService}
+     * @memberof MainService
+     */
+    public appEntityService: WFTaskService = new WFTaskService({ $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();
+    }
+
+
+    /**
+     * 处理数据
+     *
+     * @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.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.id = Util.createUUID();
+                }
+                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[item.name] || Object.is(data[item.name],0)) ){
+                    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};
+    }
+    
+}
\ No newline at end of file

app_web/src/widgets/wftask/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{
+        display: contents;
+      }
+      .el-table__body-wrapper{
+        height: auto !important;
+      }
+      .el-table__footer-wrapper{
+        display: contents;
+      }
+    }
+    .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;
+        }
+    }
+}
+
+
+
+// this is less

app_web/src/widgets/wftask/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

config.xml

@@ -37,11 +37,11 @@
 	  git clone -b master $para2 ibzwf/
       export NODE_OPTIONS=--max-old-space-size=4096
       cd ibzwf/
-      mvn clean package -Papi
-      cd ibzwf-provider/ibzwf-provider-api
-      mvn -Papi docker:build
-      mvn -Papi docker:push
-      docker -H $para1 stack deploy --compose-file=src/main/docker/ibzwf-provider-api.yaml ibzlab-rt --with-registry-auth      
+      mvn clean package -Pweb
+      cd ibzwf-app/ibzwf-app-web
+      mvn -Pweb docker:build
+      mvn -Pweb docker:push
+      docker -H $para1 stack deploy --compose-file=src/main/docker/ibzwf-app-web.yaml ibzlab-rt --with-registry-auth
       </command>
     </hudson.tasks.Shell>
   </builders>

ibzwf-app/ibzwf-app-web/src/main/docker/Dockerfile

@@ -12,6 +12,6 @@ CMD echo "The application will start in ${IBIZ_SLEEP}s..." && \
     sleep ${IBIZ_SLEEP} && \
     java ${JAVA_OPTS} -Djava.security.egd=file:/dev/./urandom -jar /ibzwf-app-web.jar
 
-EXPOSE 8080
+EXPOSE 30003
 
 ADD ibzwf-app-web.jar /ibzwf-app-web.jar

ibzwf-app/ibzwf-app-web/src/main/docker/ibzwf-app-web.yaml

@@ -3,9 +3,22 @@ services:
   ibzwf-app-web:
     image: registry.cn-shanghai.aliyuncs.com/ibizsys/ibzwf-app-web:latest
     ports:
-      - "8080:8080"
+      - "30003:30003"
     networks:
       - agent_network
+    environment:
+      - SPRING_CLOUD_NACOS_DISCOVERY_IP=172.16.180.237
+      - SERVER_PORT=30003
+      - SPRING_CLOUD_NACOS_DISCOVERY_SERVER-ADDR=172.16.102.211:8848
+      - SPRING_REDIS_HOST=172.16.100.243
+      - SPRING_REDIS_PORT=6379
+      - SPRING_REDIS_DATABASE=0
+      - SPRING_DATASOURCE_USERNAME=a_A_5d9d78509
+      - SPRING_DATASOURCE_PASSWORD=@6dEfb3@
+      - SPRING_DATASOURCE_URL=jdbc:mysql://172.16.180.232:3306/a_A_5d9d78509?autoReconnect=true&useUnicode=true&characterEncoding=UTF-8&useOldAliasMetadataBehavior=true&allowMultiQueries=true
+      - SPRING_DATASOURCE_DRIVER-CLASS-NAME=com.mysql.jdbc.Driver
+      - SPRING_DATASOURCE_DEFAULTSCHEMA=a_A_5d9d78509
+      - NACOS=172.16.102.211:8848
     deploy:
       resources:
            limits:

ibzwf-core/src/main/resources/permission/systemResource.json

@@ -65,7 +65,7 @@
             {
                "appid":"web",
                "appname":"统一工作流",
-               "appmenu":[{"menuid":"WFIndexView", "menuname":"WFIndexView", "menuitem":[{ "id":"menuitem1" , "name":"流程定义" },{ "id":"menuitem3" , "name":"发布新流程" },{ "id":"menuitem2" , "name":"用户组" }] }]
+               "appmenu":[{"menuid":"WFIndexView", "menuname":"WFIndexView", "menuitem":[{ "id":"menuitem1" , "name":"流程定义" },{ "id":"menuitem3" , "name":"发布新流程" },{ "id":"menuitem2" , "name":"用户组" },{ "id":"menuitem4" , "name":"我的待办" }] }]
             }
             ]
     }

ibzwf-provider/ibzwf-provider-api/src/main/docker/Dockerfile

@@ -12,6 +12,6 @@ CMD echo "The application will start in ${IBIZ_SLEEP}s..." && \
     sleep ${IBIZ_SLEEP} && \
     java ${JAVA_OPTS} -Djava.security.egd=file:/dev/./urandom -jar /ibzwf-provider-api.jar
 
-EXPOSE 40003
+EXPOSE 8081
 
 ADD ibzwf-provider-api.jar /ibzwf-provider-api.jar

ibzwf-provider/ibzwf-provider-api/src/main/docker/ibzwf-provider-api.yaml

@@ -3,22 +3,9 @@ services:
   ibzwf-provider-api:
     image: registry.cn-shanghai.aliyuncs.com/ibizsys/ibzwf-provider-api:latest
     ports:
-      - "40003:40003"
+      - "8081:8081"
     networks:
       - agent_network
-    environment:
-      - SPRING_CLOUD_NACOS_DISCOVERY_IP=172.16.180.237
-      - SERVER_PORT=40003
-      - SPRING_CLOUD_NACOS_DISCOVERY_SERVER-ADDR=172.16.102.211:8848
-      - SPRING_REDIS_HOST=172.16.100.243
-      - SPRING_REDIS_PORT=6379
-      - SPRING_REDIS_DATABASE=0
-      - SPRING_DATASOURCE_USERNAME=a_A_5d9d78509
-      - SPRING_DATASOURCE_PASSWORD=@6dEfb3@
-      - SPRING_DATASOURCE_URL=jdbc:mysql://172.16.180.232:3306/a_A_5d9d78509?autoReconnect=true&useUnicode=true&characterEncoding=UTF-8&useOldAliasMetadataBehavior=true&allowMultiQueries=true
-      - SPRING_DATASOURCE_DRIVER-CLASS-NAME=com.mysql.jdbc.Driver
-      - SPRING_DATASOURCE_DEFAULTSCHEMA=a_A_5d9d78509
-      - NACOS=172.16.102.211:8848
     deploy:
       resources:
            limits: