zhouweidong 发布系统代码 [ibz-wf，统一工作流]

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

@@ -47,6 +47,14 @@
         "viewname": "WFREModelEditView",
         "viewtag": "5856bfb8b576cc2ee743801b23e58299"
     },
+    "wfprocessnodepickupview": {
+        "title": "流程定义节点数据选择视图",
+        "caption": "流程定义节点",
+        "viewtype": "DEPICKUPVIEW",
+        "viewmodule": "workflow",
+        "viewname": "WFProcessNodePickupView",
+        "viewtag": "598d910e2d38250d2cdd0f9ad61100ca"
+    },
     "wfuserpickupview": {
         "title": "用户数据选择视图",
         "caption": "用户",
@@ -127,6 +135,14 @@
         "viewname": "WFUserGridView",
         "viewtag": "cf0fdabd8378e07ca72ac167b1406756"
     },
+    "wfprocessnodepickupgridview": {
+        "title": "流程定义节点选择表格视图",
+        "caption": "流程定义节点",
+        "viewtype": "DEPICKUPGRIDVIEW",
+        "viewmodule": "workflow",
+        "viewname": "WFProcessNodePickupGridView",
+        "viewtag": "d7789706dc5ffcdab06b7088b8bfc3eb"
+    },
     "wftaskeditview": {
         "title": "工作流任务编辑视图",
         "caption": "工作流任务",

app_web/src/authservice/auth-service-register.ts

@@ -43,6 +43,7 @@ export class AuthServiceRegister {
         this.allAuthService.set('wfmember', () => import('@/authservice/wfmember/wfmember-auth-service'));
         this.allAuthService.set('wfuser', () => import('@/authservice/wfuser/wfuser-auth-service'));
         this.allAuthService.set('wfprocessinstance', () => import('@/authservice/wfprocess-instance/wfprocess-instance-auth-service'));
+        this.allAuthService.set('wfprocessnode', () => import('@/authservice/wfprocess-node/wfprocess-node-auth-service'));
         this.allAuthService.set('wfgroup', () => import('@/authservice/wfgroup/wfgroup-auth-service'));
         this.allAuthService.set('wfremodel', () => import('@/authservice/wfremodel/wfremodel-auth-service'));
         this.allAuthService.set('wfsystem', () => import('@/authservice/wfsystem/wfsystem-auth-service'));

app_web/src/authservice/wfprocess-node/wfprocess-node-auth-service-base.ts

+import AuthService from '../auth-service';
+
+/**
+ * 流程定义节点权限服务对象基类
+ *
+ * @export
+ * @class WFProcessNodeAuthServiceBase
+ * @extends {AuthService}
+ */
+export default class WFProcessNodeAuthServiceBase extends AuthService {
+
+    /**
+     * Creates an instance of  WFProcessNodeAuthServiceBase.
+     * 
+     * @param {*} [opts={}]
+     * @memberof  WFProcessNodeAuthServiceBase
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+    }
+
+    /**
+     * 根据当前数据获取实体操作标识
+     *
+     * @param {*} mainSateOPPrivs 传入数据操作标识
+     * @returns {any}
+     * @memberof WFProcessNodeAuthServiceBase
+     */
+    public getOPPrivs(mainSateOPPrivs:any):any{
+        let curDefaultOPPrivs:any = this.getSysOPPrivs();
+        let copyDefaultOPPrivs:any = JSON.parse(JSON.stringify(curDefaultOPPrivs));
+        if(mainSateOPPrivs){
+            Object.assign(curDefaultOPPrivs,mainSateOPPrivs);
+        }
+        // 统一资源优先
+        Object.keys(curDefaultOPPrivs).forEach((name:string) => {
+            if(this.sysOPPrivsMap.get(name) && copyDefaultOPPrivs[name] === 0){
+                curDefaultOPPrivs[name] = copyDefaultOPPrivs[name];
+            }
+        });
+        return curDefaultOPPrivs;
+    }
+
+}
\ No newline at end of file

app_web/src/authservice/wfprocess-node/wfprocess-node-auth-service.ts

+import WFProcessNodeAuthServiceBase from './wfprocess-node-auth-service-base';
+
+
+/**
+ * 流程定义节点权限服务对象
+ *
+ * @export
+ * @class WFProcessNodeAuthService
+ * @extends {WFProcessNodeAuthServiceBase}
+ */
+export default class WFProcessNodeAuthService extends WFProcessNodeAuthServiceBase {
+
+    /**
+     * Creates an instance of  WFProcessNodeAuthService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof  WFProcessNodeAuthService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+    }
+
+
+}
\ No newline at end of file

app_web/src/locale/lang/BO-CN-base.ts

@@ -2,6 +2,7 @@ import wftask_BO_CN from '@locale/lanres/entities/wftask/wftask_BO_CN';
 import wfmember_BO_CN from '@locale/lanres/entities/wfmember/wfmember_BO_CN';
 import wfuser_BO_CN from '@locale/lanres/entities/wfuser/wfuser_BO_CN';
 import wfprocessinstance_BO_CN from '@locale/lanres/entities/wfprocess-instance/wfprocess-instance_BO_CN';
+import wfprocessnode_BO_CN from '@locale/lanres/entities/wfprocess-node/wfprocess-node_BO_CN';
 import wfgroup_BO_CN from '@locale/lanres/entities/wfgroup/wfgroup_BO_CN';
 import wfremodel_BO_CN from '@locale/lanres/entities/wfremodel/wfremodel_BO_CN';
 import wfsystem_BO_CN from '@locale/lanres/entities/wfsystem/wfsystem_BO_CN';
@@ -239,6 +240,7 @@ function getAppLocale(){
             wfmember: wfmember_BO_CN(),
             wfuser: wfuser_BO_CN(),
             wfprocessinstance: wfprocessinstance_BO_CN(),
+            wfprocessnode: wfprocessnode_BO_CN(),
             wfgroup: wfgroup_BO_CN(),
             wfremodel: wfremodel_BO_CN(),
             wfsystem: wfsystem_BO_CN(),

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

@@ -2,6 +2,7 @@ import wftask_en_US from '@locale/lanres/entities/wftask/wftask_en_US';
 import wfmember_en_US from '@locale/lanres/entities/wfmember/wfmember_en_US';
 import wfuser_en_US from '@locale/lanres/entities/wfuser/wfuser_en_US';
 import wfprocessinstance_en_US from '@locale/lanres/entities/wfprocess-instance/wfprocess-instance_en_US';
+import wfprocessnode_en_US from '@locale/lanres/entities/wfprocess-node/wfprocess-node_en_US';
 import wfgroup_en_US from '@locale/lanres/entities/wfgroup/wfgroup_en_US';
 import wfremodel_en_US from '@locale/lanres/entities/wfremodel/wfremodel_en_US';
 import wfsystem_en_US from '@locale/lanres/entities/wfsystem/wfsystem_en_US';
@@ -248,6 +249,7 @@ function getAppLocale(){
             wfmember: wfmember_en_US(),
             wfuser: wfuser_en_US(),
             wfprocessinstance: wfprocessinstance_en_US(),
+            wfprocessnode: wfprocessnode_en_US(),
             wfgroup: wfgroup_en_US(),
             wfremodel: wfremodel_en_US(),
             wfsystem: wfsystem_en_US(),

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

@@ -2,6 +2,7 @@ import wftask_zh_CN from '@locale/lanres/entities/wftask/wftask_zh_CN';
 import wfmember_zh_CN from '@locale/lanres/entities/wfmember/wfmember_zh_CN';
 import wfuser_zh_CN from '@locale/lanres/entities/wfuser/wfuser_zh_CN';
 import wfprocessinstance_zh_CN from '@locale/lanres/entities/wfprocess-instance/wfprocess-instance_zh_CN';
+import wfprocessnode_zh_CN from '@locale/lanres/entities/wfprocess-node/wfprocess-node_zh_CN';
 import wfgroup_zh_CN from '@locale/lanres/entities/wfgroup/wfgroup_zh_CN';
 import wfremodel_zh_CN from '@locale/lanres/entities/wfremodel/wfremodel_zh_CN';
 import wfsystem_zh_CN from '@locale/lanres/entities/wfsystem/wfsystem_zh_CN';
@@ -247,6 +248,7 @@ function getAppLocale(){
             wfmember: wfmember_zh_CN(),
             wfuser: wfuser_zh_CN(),
             wfprocessinstance: wfprocessinstance_zh_CN(),
+            wfprocessnode: wfprocessnode_zh_CN(),
             wfgroup: wfgroup_zh_CN(),
             wfremodel: wfremodel_zh_CN(),
             wfsystem: wfsystem_zh_CN(),

app_web/src/locale/lanres/entities/wfprocess-node/wfprocess-node_BO_CN.ts

+import WFProcessNode_BO_CN_Base from './wfprocess-node_BO_CN_base';
+
+function getLocaleResource(){
+    const WFProcessNode_BO_CN_OwnData = {};
+    const targetData = Object.assign(WFProcessNode_BO_CN_Base(), WFProcessNode_BO_CN_OwnData);
+    return targetData;
+}
+
+export default getLocaleResource;
\ No newline at end of file

app_web/src/locale/lanres/entities/wfprocess-node/wfprocess-node_BO_CN_base.ts

+import commonLogic from '@/locale/logic/common/common-logic';
+
+function getLocaleResourceBase(){
+	const data:any = {
+	fields: {
+		usertaskid: commonLogic.appcommonhandle("节点标识",null),
+		usertaskname: commonLogic.appcommonhandle("节点名称",null),
+		processdefinitionkey: commonLogic.appcommonhandle("DefinitionKey",null),
+		processdefinitionname: commonLogic.appcommonhandle("流程定义名称",null),
+		version: commonLogic.appcommonhandle("版本",null),
+		cnt: commonLogic.appcommonhandle("数量",null),
+	},
+		views: {
+			pickupview: {
+				caption: commonLogic.appcommonhandle("流程定义节点",null),
+				title: commonLogic.appcommonhandle("流程定义节点数据选择视图",null),
+			},
+			pickupgridview: {
+				caption: commonLogic.appcommonhandle("流程定义节点",null),
+				title: commonLogic.appcommonhandle("流程定义节点选择表格视图",null),
+			},
+		},
+		main_grid: {
+			columns: {
+			},
+			nodata:commonLogic.appcommonhandle("",null),
+			uiactions: {
+			},
+		},
+		default_searchform: {
+			details: {
+				formpage1: commonLogic.appcommonhandle("常规条件",null), 
+			},
+			uiactions: {
+			},
+		},
+	};
+	return data;
+}
+export default getLocaleResourceBase;
\ No newline at end of file

app_web/src/locale/lanres/entities/wfprocess-node/wfprocess-node_en_US.ts

+import WFProcessNode_en_US_Base from './wfprocess-node_en_US_base';
+
+function getLocaleResource(){
+    const WFProcessNode_en_US_OwnData = {};
+    const targetData = Object.assign(WFProcessNode_en_US_Base(), WFProcessNode_en_US_OwnData);
+    return targetData;
+}
+
+export default getLocaleResource;
\ No newline at end of file

app_web/src/locale/lanres/entities/wfprocess-node/wfprocess-node_en_US_base.ts

+import commonLogic from '@/locale/logic/common/common-logic';
+
+function getLocaleResourceBase(){
+	const data:any = {
+	fields: {
+		usertaskid: commonLogic.appcommonhandle("节点标识",null),
+		usertaskname: commonLogic.appcommonhandle("节点名称",null),
+		processdefinitionkey: commonLogic.appcommonhandle("DefinitionKey",null),
+		processdefinitionname: commonLogic.appcommonhandle("流程定义名称",null),
+		version: commonLogic.appcommonhandle("版本",null),
+		cnt: commonLogic.appcommonhandle("数量",null),
+	},
+		views: {
+			pickupview: {
+				caption: commonLogic.appcommonhandle("流程定义节点",null),
+				title: commonLogic.appcommonhandle("流程定义节点数据选择视图",null),
+			},
+			pickupgridview: {
+				caption: commonLogic.appcommonhandle("流程定义节点",null),
+				title: commonLogic.appcommonhandle("流程定义节点选择表格视图",null),
+			},
+		},
+		main_grid: {
+			columns: {
+			},
+			nodata:commonLogic.appcommonhandle("",null),
+			uiactions: {
+			},
+		},
+		default_searchform: {
+			details: {
+				formpage1: commonLogic.appcommonhandle("常规条件",null), 
+			},
+			uiactions: {
+			},
+		},
+	};
+	return data;
+}
+
+export default getLocaleResourceBase;
\ No newline at end of file

app_web/src/locale/lanres/entities/wfprocess-node/wfprocess-node_zh_CN.ts

+import WFProcessNode_zh_CN_Base from './wfprocess-node_zh_CN_base';
+
+function getLocaleResource(){
+    const WFProcessNode_zh_CN_OwnData = {};
+    const targetData = Object.assign(WFProcessNode_zh_CN_Base(), WFProcessNode_zh_CN_OwnData);
+    return targetData;
+}
+
+export default getLocaleResource;
\ No newline at end of file

app_web/src/locale/lanres/entities/wfprocess-node/wfprocess-node_zh_CN_base.ts

+import commonLogic from '@/locale/logic/common/common-logic';
+
+function getLocaleResourceBase(){
+	const data:any = {
+	fields: {
+		usertaskid: commonLogic.appcommonhandle("节点标识",null),
+		usertaskname: commonLogic.appcommonhandle("节点名称",null),
+		processdefinitionkey: commonLogic.appcommonhandle("DefinitionKey",null),
+		processdefinitionname: commonLogic.appcommonhandle("流程定义名称",null),
+		version: commonLogic.appcommonhandle("版本",null),
+		cnt: commonLogic.appcommonhandle("数量",null),
+	},
+		views: {
+			pickupview: {
+				caption: commonLogic.appcommonhandle("流程定义节点",null),
+				title: commonLogic.appcommonhandle("流程定义节点数据选择视图",null),
+			},
+			pickupgridview: {
+				caption: commonLogic.appcommonhandle("流程定义节点",null),
+				title: commonLogic.appcommonhandle("流程定义节点选择表格视图",null),
+			},
+		},
+		main_grid: {
+			columns: {
+			},
+			nodata:commonLogic.appcommonhandle("",null),
+			uiactions: {
+			},
+		},
+		default_searchform: {
+			details: {
+				formpage1: commonLogic.appcommonhandle("常规条件",null), 
+			},
+			uiactions: {
+			},
+		},
+	};
+	return data;
+}
+export default getLocaleResourceBase;
\ No newline at end of file

app_web/src/mock/entity/wfprocess-nodes/wfprocess-nodes.ts

+import qs from 'qs';
+import { MockAdapter } from '@/mock/mock-adapter';
+const mock = MockAdapter.getInstance();
+
+// 模拟数据
+const mockDatas: Array<any> = [
+];
+
+
+//getwflink
+mock.onGet(new RegExp(/^\/wfcore\/ibzwf-app-web\/wfprocessnodes\/[a-zA-Z0-9\-\;]+\/usertasks\/[a-zA-Z0-9\-\;]+\/ways$/)).reply((config: any) => {
+    console.groupCollapsed("实体:wfprocessnode 方法: getwflink");
+    console.table({url:config.url, method: config.method, data:config.data});
+    console.groupEnd();
+    let status = MockAdapter.mockStatus(config);
+    if (status !== 200) {
+        return [status, {}];
+    }
+    return [status,[
+        {"sequenceFlowId":"dfdsfdsfdsfdsfds","sequenceFlowName":"同意",
+         "taskId":"aaaaddddccccddddd","processDefinitionKey":"support-workorders-approve-v1",
+         "processInstanceId":"ddlfldldfldsfds","refViewKey":""},
+        {"sequenceFlowId":"ddssdfdfdfdfsfdf","sequenceFlowName":"不同意",
+         "taskId":"aaaaddddccccddddd","processDefinitionKey":"support-workorders-approve-v1",
+         "processInstanceId":"ddfdsldlfdlldsf","refViewKey":"workorder_ltform_editview"}
+        ]];
+});
+
+// getwfstep
+mock.onGet(new RegExp(/^\/wfcore\/ibzwf-app-web\/wfprocessnodes\/process-definitions-nodes$/)).reply((config: any) => {
+    console.groupCollapsed("实体:wfprocessnode 方法: getwfstep");
+    console.table({url:config.url, method: config.method, data:config.data});
+    console.groupEnd();
+    let status = MockAdapter.mockStatus(config);
+    if (status !== 200) {
+        return [status, {}];
+    }
+    return [status, [
+        {"userTaskId":"sddfddfd-dfdf-fdfd-fdf-dfdfd",
+        "userTaskName":"待审",
+        "cnt":0,
+        "processDefinitionKey":"support-workorders-approve-v1",
+        "processDefinitionName":"工单审批流程v1"
+        },
+        {"userTaskId":"sddfddfd-dfdf-fdfd-fdf-87927",
+        "userTaskName":"待分配",
+        "cnt":3,
+        "processDefinitionKey":"support-workorders-approve-v1",
+        "processDefinitionName":"工单审批流程v1"}
+        ]];
+});
+
+// createBatch
+mock.onPost(new RegExp(/^\/wfprocessnodes\/batch$/)).reply((config: any) => {
+    console.groupCollapsed("实体:wfprocessnode 方法: createBatch");
+    console.table({url:config.url, method: config.method, data:config.data});
+    console.groupEnd();
+    let status = MockAdapter.mockStatus(config);
+    if (status !== 200) {
+        return [status, {}];
+    }
+    return [status, {}];
+});
+
+// updateBatch
+mock.onPut(new RegExp(/^\/wfprocessnodes\/batch$/)).reply((config: any) => {
+    console.groupCollapsed("实体:wfprocessnode 方法: updateBatch");
+    console.table({url:config.url, method: config.method, data:config.data});
+    console.groupEnd();
+    let status = MockAdapter.mockStatus(config);
+    if (status !== 200) {
+        return [status, {}];
+    }
+    return [status, {}];
+});
+
+// removeBatch
+mock.onDelete(new RegExp(/^\/wfprocessnodes\/batch$/)).reply((config: any) => {
+    console.groupCollapsed("实体:wfprocessnode 方法: removeBatch");
+    console.table({url:config.url, method: config.method, data:config.data});
+    console.groupEnd();
+    let status = MockAdapter.mockStatus(config);
+    if (status !== 200) {
+        return [status, {}];
+    }
+    return [status, {}];
+});
+
+// URI参数传递情况未实现
+// URI参数传递情况未实现
+// URI参数传递情况未实现
+// URI参数传递情况未实现
+// URI参数传递情况未实现
+// URI参数传递情况未实现
+// URI参数传递情况未实现
+    
+// FetchDefault
+mock.onGet(new RegExp(/^\/wfprocessnodes$/)).reply((config: any) => {
+    console.groupCollapsed("实体:wfprocessnode 方法: FetchDefault");
+    console.table({url:config.url, method: config.method, data:config.data});
+    let status = MockAdapter.mockStatus(config);
+    if (status !== 200) {
+        return [status, null];
+    }
+    console.groupCollapsed("response数据  status: "+status+" data: ");
+    console.table(mockDatas);
+    console.groupEnd();
+    console.groupEnd();
+    return [status, mockDatas ? mockDatas : []];
+});
+
+// FetchDefault
+mock.onGet(new RegExp(/^\/wfprocessnodes(\?[\w-./?%&=,]*)*$/)).reply((config: any) => {
+    console.groupCollapsed("实体:wfprocessnode 方法: FetchDefault");
+    console.table({url:config.url, method: config.method, data:config.data});
+    if(config.url.includes('page')){
+        let url = config.url.split('?')[1];
+        let params  =  qs.parse(url);
+        Object.assign(config, params);
+    }
+    let status = MockAdapter.mockStatus(config);
+    if (status !== 200) {
+        return [status, null];
+    }
+    let total = mockDatas.length;
+    let records: Array<any> = [];
+    if(!config.page || !config.size){
+        records = mockDatas;
+    }else{
+        if((config.page-1)*config.size < total){
+          records = mockDatas.slice(config.page,config.size);
+        }
+    }
+    console.groupCollapsed("response数据  status: "+status+" data: ");
+    console.table(records ?  records : []);
+    console.groupEnd();
+    console.groupEnd();
+    return [status, records ?  records : []];
+});
+// URI参数传递情况未实现
+// URI参数传递情况未实现
+// URI参数传递情况未实现
+// URI参数传递情况未实现
+// URI参数传递情况未实现
+// URI参数传递情况未实现
+// URI参数传递情况未实现
+
+// Select
+mock.onGet(new RegExp(/^\/wfprocessnodes\/([a-zA-Z0-9\-\;]{1,35})\/select$/)).reply((config: any) => {
+    console.groupCollapsed("实体:wfprocessnode 方法: Select");
+    console.table({url:config.url, method: config.method, data:config.data});
+    let status = MockAdapter.mockStatus(config);
+    if (status !== 200) {
+        return [status, null];
+    }    
+    const paramArray:Array<any> = ['usertaskid'];
+    const matchArray:any = new RegExp(/^\/wfprocessnodes\/([a-zA-Z0-9\-\;]{1,35})\/select$/).exec(config.url);
+    let tempValue: any = {};
+    if(matchArray && matchArray.length >1 && paramArray && paramArray.length >0){
+        paramArray.forEach((item: any, index: number) => {
+            Object.defineProperty(tempValue, item, {
+                enumerable: true,
+                value: matchArray[index + 1]
+            });
+        });
+    }
+    let items = mockDatas ? mockDatas : [];
+    let _items = items.find((item: any) => Object.is(item.usertaskid, tempValue.usertaskid));
+    console.groupCollapsed("response数据  status: "+status+" data: ");
+    console.table(_items);
+    console.groupEnd();
+    console.groupEnd();
+    return [status, _items];
+});
+

app_web/src/mock/index.ts

@@ -11,6 +11,7 @@ import './entity/wftasks/wftasks';
 import './entity/wfmembers/wfmembers';
 import './entity/wfusers/wfusers';
 import './entity/wfprocess-instances/wfprocess-instances';
+import './entity/wfprocess-nodes/wfprocess-nodes';
 import './entity/wfgroups/wfgroups';
 import './entity/wfremodels/wfremodels';
 import './entity/wfsystems/wfsystems';

app_web/src/mock/viewconfig/viewconfig.ts

@@ -55,6 +55,14 @@ mock.onGet('./assets/json/view-config.json').reply((config: any) => {
             "viewname": "WFREModelEditView",
             "viewtag": "5856bfb8b576cc2ee743801b23e58299"
         },
+        "wfprocessnodepickupview": {
+            "title": "流程定义节点数据选择视图",
+            "caption": "流程定义节点",
+            "viewtype": "DEPICKUPVIEW",
+            "viewmodule": "workflow",
+            "viewname": "WFProcessNodePickupView",
+            "viewtag": "598d910e2d38250d2cdd0f9ad61100ca"
+        },
         "wfuserpickupview": {
             "title": "用户数据选择视图",
             "caption": "用户",
@@ -135,6 +143,14 @@ mock.onGet('./assets/json/view-config.json').reply((config: any) => {
             "viewname": "WFUserGridView",
             "viewtag": "cf0fdabd8378e07ca72ac167b1406756"
         },
+        "wfprocessnodepickupgridview": {
+            "title": "流程定义节点选择表格视图",
+            "caption": "流程定义节点",
+            "viewtype": "DEPICKUPGRIDVIEW",
+            "viewmodule": "workflow",
+            "viewname": "WFProcessNodePickupGridView",
+            "viewtag": "d7789706dc5ffcdab06b7088b8bfc3eb"
+        },
         "wftaskeditview": {
             "title": "工作流任务编辑视图",
             "caption": "工作流任务",

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

@@ -10,9 +10,11 @@ export const PageComponents = {
         Vue.component('wftask-edit-view', () => import('@pages/workflow/wftask-edit-view/wftask-edit-view.vue'));
         Vue.component('wfprocess-instance-active-instance-option-view', () => import('@pages/workflow/wfprocess-instance-active-instance-option-view/wfprocess-instance-active-instance-option-view.vue'));
         Vue.component('wfmember-grid-view', () => import('@pages/workflow/wfmember-grid-view/wfmember-grid-view.vue'));
+        Vue.component('wfprocess-node-pickup-view', () => import('@pages/workflow/wfprocess-node-pickup-view/wfprocess-node-pickup-view.vue'));
         Vue.component('wfmember-edit-view', () => import('@pages/workflow/wfmember-edit-view/wfmember-edit-view.vue'));
         Vue.component('wfgroup-mpickup-view', () => import('@pages/workflow/wfgroup-mpickup-view/wfgroup-mpickup-view.vue'));
         Vue.component('wfuser-mpickup-view', () => import('@pages/workflow/wfuser-mpickup-view/wfuser-mpickup-view.vue'));
+        Vue.component('wfprocess-node-pickup-grid-view', () => import('@pages/workflow/wfprocess-node-pickup-grid-view/wfprocess-node-pickup-grid-view.vue'));
         Vue.component('wfuser-pickup-view', () => import('@pages/workflow/wfuser-pickup-view/wfuser-pickup-view.vue'));
         Vue.component('wfgroup-pickup-view', () => import('@pages/workflow/wfgroup-pickup-view/wfgroup-pickup-view.vue'));
         Vue.component('wfgroup-pickup-grid-view', () => import('@pages/workflow/wfgroup-pickup-grid-view/wfgroup-pickup-grid-view.vue'));

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

@@ -205,6 +205,20 @@ const router = new Router({
                     },
                     component: () => import('@pages/workflow/wfmember-grid-view/wfmember-grid-view.vue'),
                 },
+                {
+                    path: 'wfprocessnodes/:wfprocessnode?/pickupview/:pickupview?',
+                    meta: {
+                        caption: 'entities.wfprocessnode.views.pickupview.caption',
+                        info:'',
+                        parameters: [
+                            { pathName: 'wfindexview', parameterName: 'wfindexview' },
+                            { pathName: 'wfprocessnodes', parameterName: 'wfprocessnode' },
+                            { pathName: 'pickupview', parameterName: 'pickupview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/workflow/wfprocess-node-pickup-view/wfprocess-node-pickup-view.vue'),
+                },
                 {
                     path: 'wfusers/:wfuser?/wfmembers/:wfmember?/editview/:editview?',
                     meta: {
@@ -277,6 +291,20 @@ const router = new Router({
                     },
                     component: () => import('@pages/workflow/wfuser-mpickup-view/wfuser-mpickup-view.vue'),
                 },
+                {
+                    path: 'wfprocessnodes/:wfprocessnode?/pickupgridview/:pickupgridview?',
+                    meta: {
+                        caption: 'entities.wfprocessnode.views.pickupgridview.caption',
+                        info:'',
+                        parameters: [
+                            { pathName: 'wfindexview', parameterName: 'wfindexview' },
+                            { pathName: 'wfprocessnodes', parameterName: 'wfprocessnode' },
+                            { pathName: 'pickupgridview', parameterName: 'pickupgridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/workflow/wfprocess-node-pickup-grid-view/wfprocess-node-pickup-grid-view.vue'),
+                },
                 {
                     path: 'wfusers/:wfuser?/pickupview/:pickupview?',
                     meta: {
@@ -429,6 +457,19 @@ const router = new Router({
         },
         component: () => import('@pages/workflow/wfremodel-edit-view/wfremodel-edit-view.vue'),
     },
+    {
+        path: '/wfprocessnodes/:wfprocessnode?/pickupview/:pickupview?',
+        meta: {
+            caption: 'entities.wfprocessnode.views.pickupview.caption',
+            info:'',
+            parameters: [
+                { pathName: 'wfprocessnodes', parameterName: 'wfprocessnode' },
+                { pathName: 'pickupview', parameterName: 'pickupview' },
+            ],
+            requireAuth: true,
+        },
+        component: () => import('@pages/workflow/wfprocess-node-pickup-view/wfprocess-node-pickup-view.vue'),
+    },
     {
         path: '/wfusers/:wfuser?/pickupview/:pickupview?',
         meta: {
@@ -574,6 +615,19 @@ const router = new Router({
         },
         component: () => import('@pages/workflow/wfuser-pickup-grid-view/wfuser-pickup-grid-view.vue'),
     },
+    {
+        path: '/wfprocessnodes/:wfprocessnode?/pickupgridview/:pickupgridview?',
+        meta: {
+            caption: 'entities.wfprocessnode.views.pickupgridview.caption',
+            info:'',
+            parameters: [
+                { pathName: 'wfprocessnodes', parameterName: 'wfprocessnode' },
+                { pathName: 'pickupgridview', parameterName: 'pickupgridview' },
+            ],
+            requireAuth: true,
+        },
+        component: () => import('@pages/workflow/wfprocess-node-pickup-grid-view/wfprocess-node-pickup-grid-view.vue'),
+    },
     {
         path: '/wftasks/:wftask?/editview/:editview?',
         meta: {

app_web/src/pages/workflow/wfprocess-node-pickup-grid-view/wfprocess-node-pickup-grid-view-base.vue

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

app_web/src/pages/workflow/wfprocess-node-pickup-grid-view/wfprocess-node-pickup-grid-view.less

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

app_web/src/pages/workflow/wfprocess-node-pickup-grid-view/wfprocess-node-pickup-grid-view.vue

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

app_web/src/pages/workflow/wfprocess-node-pickup-view/wfprocess-node-pickup-view-base.vue

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

app_web/src/pages/workflow/wfprocess-node-pickup-view/wfprocess-node-pickup-view.less

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

app_web/src/pages/workflow/wfprocess-node-pickup-view/wfprocess-node-pickup-view.vue

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

app_web/src/service/entity-service-register.ts

@@ -43,6 +43,7 @@ export class EntityServiceRegister {
         this.allEntityService.set('wfmember', () => import('@/service/wfmember/wfmember-service'));
         this.allEntityService.set('wfuser', () => import('@/service/wfuser/wfuser-service'));
         this.allEntityService.set('wfprocessinstance', () => import('@/service/wfprocess-instance/wfprocess-instance-service'));
+        this.allEntityService.set('wfprocessnode', () => import('@/service/wfprocess-node/wfprocess-node-service'));
         this.allEntityService.set('wfgroup', () => import('@/service/wfgroup/wfgroup-service'));
         this.allEntityService.set('wfremodel', () => import('@/service/wfremodel/wfremodel-service'));
         this.allEntityService.set('wfsystem', () => import('@/service/wfsystem/wfsystem-service'));

app_web/src/service/wfprocess-node/wfprocess-node-service-base.ts

+import { Http,Util } from '@/utils';
+import EntityService from '../entity-service';
+
+
+
+/**
+ * 流程定义节点服务对象基类
+ *
+ * @export
+ * @class WFProcessNodeServiceBase
+ * @extends {EntityServie}
+ */
+export default class WFProcessNodeServiceBase extends EntityService {
+
+    /**
+     * Creates an instance of  WFProcessNodeServiceBase.
+     * 
+     * @param {*} [opts={}]
+     * @memberof  WFProcessNodeServiceBase
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+    }
+
+    /**
+     * 初始化基础数据
+     *
+     * @memberof WFProcessNodeServiceBase
+     */
+    public initBasicData(){
+        this.APPLYDEKEY ='wfprocessnode';
+        this.APPDEKEY = 'usertaskid';
+        this.APPDENAME = 'wfprocessnodes';
+        this.APPDETEXT = 'usertaskname';
+        this.APPNAME = 'web';
+        this.SYSTEMNAME = 'ibzwf';
+    }
+
+// 实体接口
+
+    /**
+     * FetchDefault接口方法
+     *
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof WFProcessNodeServiceBase
+     */
+    public async FetchDefault(context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+    }
+
+    /**
+     * searchDefault接口方法
+     *
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof WFProcessNodeServiceBase
+     */
+    public async searchDefault(context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        let tempData:any = JSON.parse(JSON.stringify(data));
+        return await Http.getInstance().post(`/wfprocessnodes/searchdefault`,tempData,isloading);
+    }
+
+    /**
+     * Select接口方法
+     *
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof WFProcessNodeServiceBase
+     */
+    public async Select(context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+            let res:any = Http.getInstance().get(`/wfprocessnodes/${context.wfprocessnode}/select`,isloading);
+            
+            return res;
+    }
+}
\ No newline at end of file

app_web/src/service/wfprocess-node/wfprocess-node-service.ts

+import { Http,Util } from '@/utils';
+import WFProcessNodeServiceBase from './wfprocess-node-service-base';
+
+
+/**
+ * 流程定义节点服务对象
+ *
+ * @export
+ * @class WFProcessNodeService
+ * @extends {WFProcessNodeServiceBase}
+ */
+export default class WFProcessNodeService extends WFProcessNodeServiceBase {
+
+    /**
+     * Creates an instance of  WFProcessNodeService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof  WFProcessNodeService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+    }
+
+
+}
\ No newline at end of file

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

@@ -66,6 +66,16 @@ export const viewstate: any = {
             refviews: [
             ],
         },
+        {
+            viewtag: '598d910e2d38250d2cdd0f9ad61100ca',
+            viewmodule: 'workflow',
+            viewname: 'WFProcessNodePickupView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+                'd7789706dc5ffcdab06b7088b8bfc3eb',
+            ],
+        },
         {
             viewtag: '61c5bff70bcf56e1dc0bb0900df9c98c',
             viewmodule: 'workflow',
@@ -166,6 +176,15 @@ export const viewstate: any = {
                 'ffd6ce24e0a1aa780920b48721e502a7',
             ],
         },
+        {
+            viewtag: 'd7789706dc5ffcdab06b7088b8bfc3eb',
+            viewmodule: 'workflow',
+            viewname: 'WFProcessNodePickupGridView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+            ],
+        },
         {
             viewtag: 'e3020680a441ab58a29db6fe2434f08b',
             viewmodule: 'workflow',
@@ -182,6 +201,7 @@ export const viewstate: any = {
             viewaction: '',
             viewdatachange: false,
             refviews: [
+                '598d910e2d38250d2cdd0f9ad61100ca',
             ],
         },
         {

app_web/src/uiservice/ui-service-register.ts

@@ -43,6 +43,7 @@ export class UIServiceRegister {
         this.allUIService.set('wfmember', () => import('@/uiservice/wfmember/wfmember-ui-service'));
         this.allUIService.set('wfuser', () => import('@/uiservice/wfuser/wfuser-ui-service'));
         this.allUIService.set('wfprocessinstance', () => import('@/uiservice/wfprocess-instance/wfprocess-instance-ui-service'));
+        this.allUIService.set('wfprocessnode', () => import('@/uiservice/wfprocess-node/wfprocess-node-ui-service'));
         this.allUIService.set('wfgroup', () => import('@/uiservice/wfgroup/wfgroup-ui-service'));
         this.allUIService.set('wfremodel', () => import('@/uiservice/wfremodel/wfremodel-ui-service'));
         this.allUIService.set('wfsystem', () => import('@/uiservice/wfsystem/wfsystem-ui-service'));

app_web/src/uiservice/wfprocess-node/wfprocess-node-ui-service-base.ts

+import { Environment } from '@/environments/environment';
+import { UIActionTool,Util } from '@/utils';
+import UIService from '../ui-service';
+import { Subject } from 'rxjs';
+import WFProcessNodeService from '@/service/wfprocess-node/wfprocess-node-service';
+import WFProcessNodeAuthService from '@/authservice/wfprocess-node/wfprocess-node-auth-service';
+
+/**
+ * 流程定义节点UI服务对象基类
+ *
+ * @export
+ * @class WFProcessNodeUIServiceBase
+ */
+export default class WFProcessNodeUIServiceBase extends UIService {
+
+    /**
+     * 是否支持工作流
+     * 
+     * @memberof  WFProcessNodeUIServiceBase
+     */
+    public isEnableWorkflow:boolean = false;
+
+    /**
+     * 是否支持实体主状态
+     * 
+     * @memberof  WFProcessNodeUIServiceBase
+     */
+    public isEnableDEMainState:boolean = false;
+
+    /**
+     * 当前UI服务对应的数据服务对象
+     * 
+     * @memberof  WFProcessNodeUIServiceBase
+     */
+    public dataService:WFProcessNodeService = new WFProcessNodeService();
+
+    /**
+     * 所有关联视图
+     * 
+     * @memberof  WFProcessNodeUIServiceBase
+     */ 
+    public allViewMap: Map<string, Object> = new Map();
+
+    /**
+     * 状态值
+     * 
+     * @memberof  WFProcessNodeUIServiceBase
+     */ 
+    public stateValue: number = 0;
+
+    /**
+     * 状态属性
+     * 
+     * @memberof  WFProcessNodeUIServiceBase
+     */ 
+    public stateField: string = "";
+
+    /**
+     * 主状态属性集合
+     * 
+     * @memberof  WFProcessNodeUIServiceBase
+     */  
+    public mainStateFields:Array<any> = [];
+
+    /**
+     * 主状态集合Map
+     * 
+     * @memberof  WFProcessNodeUIServiceBase
+     */  
+    public allDeMainStateMap:Map<string,string> = new Map();
+
+    /**
+     * 主状态操作标识Map
+     * 
+     * @memberof  WFProcessNodeUIServiceBase
+     */ 
+    public allDeMainStateOPPrivsMap:Map<string,any> = new Map();
+
+    /**
+     * Creates an instance of  WFProcessNodeUIServiceBase.
+     * 
+     * @param {*} [opts={}]
+     * @memberof  WFProcessNodeUIServiceBase
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+        this.authService = new WFProcessNodeAuthService(opts);
+        this.initViewMap();
+        this.initDeMainStateMap();
+        this.initDeMainStateOPPrivsMap();
+    }
+
+    /**
+     * 初始化视图Map
+     * 
+     * @memberof  WFProcessNodeUIServiceBase
+     */  
+    public initViewMap(){
+        this.allViewMap.set('PICKUPVIEW:',{viewname:'pickupview',srfappde:'wfprocessnodes',component:'wfprocess-node-pickup-view'});
+        this.allViewMap.set(':',{viewname:'pickupgridview',srfappde:'wfprocessnodes',component:'wfprocess-node-pickup-grid-view'});
+    }
+
+    /**
+     * 初始化主状态集合
+     * 
+     * @memberof  WFProcessNodeUIServiceBase
+     */  
+    public initDeMainStateMap(){
+    }
+
+    /**
+     * 初始化主状态操作标识
+     * 
+     * @memberof  WFProcessNodeUIServiceBase
+     */  
+    public initDeMainStateOPPrivsMap(){
+    }
+
+
+    /**
+     * 获取指定数据的重定向页面
+     * 
+     * @param srfkey 数据主键
+     * @param isEnableWorkflow  重定向视图是否需要处理流程中的数据
+     * @memberof  WFProcessNodeUIServiceBase
+     */
+    public async getRDAppView(srfkey:string,isEnableWorkflow:boolean){
+        this.isEnableWorkflow = isEnableWorkflow;
+        // 进行数据查询
+        let result:any = await this.dataService.Get({wfprocessnode:srfkey});
+        const curData:any = result.data;
+        //判断当前数据模式,默认为true，todo
+        const iRealDEModel:boolean = true;
+
+        let bDataInWF:boolean = false;
+		let bWFMode:any = false;
+		// 计算数据模式
+		if (this.isEnableWorkflow) {
+			bDataInWF = await this.dataService.testDataInWF({stateValue:this.stateValue,stateField:this.stateField},curData);
+			if (bDataInWF) {
+				bDataInWF = true;
+				bWFMode = await this.dataService.testUserExistWorklist(null,curData);
+			}
+        }
+        let strPDTViewParam:string = await this.getDESDDEViewPDTParam(curData, bDataInWF, bWFMode);
+        //若不是当前数据模式，处理strPDTViewParam，todo
+
+        //查找视图
+
+        //返回视图
+        return this.allViewMap.get(strPDTViewParam);
+    }
+
+    /**
+	 * 获取实际的数据类型
+     * 
+     * @memberof  WFProcessNodeUIServiceBase
+	 */
+	public getRealDEType(entity:any){
+
+    }
+
+    /**
+     * 获取实体单数据实体视图预定义参数
+     * 
+     * @param curData 当前数据
+     * @param bDataInWF 是否有数据在工作流中
+     * @param bWFMode   是否工作流模式
+     * @memberof  WFProcessNodeUIServiceBase
+     */
+    public async getDESDDEViewPDTParam(curData:any, bDataInWF:boolean, bWFMode:boolean){
+        let strPDTParam:string = '';
+		if (bDataInWF) {
+			// 判断数据是否在流程中
+        }
+        //多表单，todo
+        const multiFormDEField:string|null =null;
+
+        if (multiFormDEField) {
+			const objFormValue:string = curData[multiFormDEField];
+			if(!Environment.isAppMode){
+				return 'MOBEDITVIEW:'+objFormValue;
+			}
+			return 'EDITVIEW:'+objFormValue;
+        }
+		if(!Environment.isAppMode){
+            if(this.getDEMainStateTag(curData)){
+                return `MOBEDITVIEW:MSTAG:${ this.getDEMainStateTag(curData)}`;
+            }
+			return 'MOBEDITVIEW:';
+        }
+        if(this.getDEMainStateTag(curData)){
+            return `EDITVIEW:MSTAG:${ this.getDEMainStateTag(curData)}`;
+        }
+		return 'EDITVIEW:';
+    }
+
+    /**
+     * 获取数据对象的主状态标识
+     * 
+     * @param curData 当前数据
+     * @memberof  WFProcessNodeUIServiceBase
+     */  
+    public getDEMainStateTag(curData:any){
+        if(this.mainStateFields.length === 0) return null;
+
+        this.mainStateFields.forEach((singleMainField:any) =>{
+            if(!(singleMainField in curData)){
+                console.warn(`当前数据对象不包含属性「${singleMainField}」，根据「${singleMainField}」属性进行的主状态计算默认为空值`);
+            }
+        })
+        for (let i = 0; i <= 1; i++) {
+            let strTag:string = (curData[this.mainStateFields[0]] != null && curData[this.mainStateFields[0]] !== "")?(i == 0) ? `${curData[this.mainStateFields[0]]}` : "":"";
+            if (this.mainStateFields.length >= 2) {
+                for (let j = 0; j <= 1; j++) {
+                    let strTag2:string = (curData[this.mainStateFields[1]] != null && curData[this.mainStateFields[1]] !== "")?`${strTag}__${(j == 0) ? `${curData[this.mainStateFields[1]]}` : ""}`:strTag;
+                    if (this.mainStateFields.length >= 3) {
+                        for (let k = 0; k <= 1; k++) {
+                            let strTag3:string = (curData[this.mainStateFields[2]] != null && curData[this.mainStateFields[2]] !== "")?`${strTag2}__${(k == 0) ? `${curData[this.mainStateFields[2]]}` : ""}`:strTag2;
+                            // 判断是否存在
+                            return this.allDeMainStateMap.get(strTag3);
+                        }
+                    }else{
+                        return this.allDeMainStateMap.get(strTag2);
+                    }
+                }
+            }else{
+                return this.allDeMainStateMap.get(strTag);
+            }
+        }
+        return null;
+    }
+
+    /**
+    * 获取数据对象当前操作标识
+    * 
+    * @param data 当前数据
+    * @memberof  WFProcessNodeUIServiceBase
+    */  
+   public getDEMainStateOPPrivs(data:any){
+        if(this.getDEMainStateTag(data)){
+            return this.allDeMainStateOPPrivsMap.get((this.getDEMainStateTag(data) as string));
+        }else{
+            return null;
+        }
+   }
+
+    /**
+    * 获取数据对象所有的操作标识
+    * 
+    * @param data 当前数据
+    * @memberof  WFProcessNodeUIServiceBase
+    */ 
+   public getAllOPPrivs(data:any){
+       return this.authService.getOPPrivs(this.getDEMainStateOPPrivs(data));
+   }
+
+}
\ No newline at end of file

app_web/src/uiservice/wfprocess-node/wfprocess-node-ui-service.ts

+import WFProcessNodeUIServiceBase from './wfprocess-node-ui-service-base';
+
+/**
+ * 流程定义节点UI服务对象
+ *
+ * @export
+ * @class WFProcessNodeUIService
+ */
+export default class WFProcessNodeUIService extends WFProcessNodeUIServiceBase {
+
+    /**
+     * Creates an instance of  WFProcessNodeUIService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof  WFProcessNodeUIService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+    }
+
+}
\ No newline at end of file

app_web/src/widgets/wfprocess-instance/jump-form/jump-form-base.vue

@@ -8,6 +8,25 @@
         <i-col v-show="detailsModel.taskdefinitionname.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
     <app-form-item name='taskdefinitionname' :itemRules="this.rules().taskdefinitionname" class='' :caption="$t('entities.wfprocessinstance.jump_form.details.taskdefinitionname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.taskdefinitionname.error" :isEmptyCaption="false" labelPos="LEFT">
     
+<app-picker 
+  :formState="formState"
+  :data="data"
+  :context="context"
+  :viewparams="viewparams"
+  :localContext ='{ }' 
+  :localParam ='{ n_xx_eq:"%definitionkey%" }' 
+  :disabled="detailsModel.taskdefinitionname.disabled"
+  name='taskdefinitionname'
+  
+  :service="service"
+  :acParams="{ }"
+  valueitem='taskdefinitionkey' 
+  :value="data.taskdefinitionname" 
+  editortype="" 
+  :pickupView="{ viewname: 'wfprocess-node-pickup-view', title: $t('entities.wfprocessnode.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'wfprocessnodes', parameterName: 'wfprocessnode' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
+  style=""  
+  @formitemvaluechange="onFormItemValueChange">
+</app-picker>
 
 </app-form-item>
 

app_web/src/widgets/wfprocess-node/default-searchform/default-searchform-base.vue

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

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

app_web/src/widgets/wfprocess-node/default-searchform/default-searchform-service.ts

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

app_web/src/widgets/wfprocess-node/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/wfprocess-node/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/wfprocess-node/main-grid/main-grid-base.vue

+<template>
+<div class='grid' style="height:100%">
+  <i-form style="height:100%;display:flex;flex-direction: column;justify-content: space-between">
+    <el-table v-if="isDisplay === true"
+        :default-sort="{ prop: minorSortPSDEF, order: Object.is(minorSortDir, 'ASC') ? 'ascending' : Object.is(minorSortDir, 'DESC') ? 'descending' : '' }"  
+        @sort-change="onSortChange($event)"  
+        :border="isDragendCol"
+        :highlight-current-row ="isSingleSelect"
+        :row-class-name="getRowClassName"
+        :cell-class-name="getCellClassName"
+        max-height="items.length > 0 ? 'calc(100%-50px)' : '100%'"
+        @row-click="rowClick($event)"  
+        @cell-click="cellClick" 
+        @select-all="selectAll($event)"  
+        @select="select"  
+        @row-class-name="onRowClassName($event)"  
+        @row-dblclick="rowDBLClick($event)"  
+        ref='multipleTable' :data="items" :show-header="!isHideHeader">
+            <template slot="empty">
+                {{$t('entities.wfprocessnode.main_grid.nodata')}} 
+            </template>
+            <template v-if="!isSingleSelect">
+                <el-table-column align="center" type='selection' :width="checkboxColWidth"></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>
+                    <i-button class="config-button" @click="saveDynaConfig">{{$t('app.gridpage.saveconfig')}}</i-button>
+                    <i-button class="config-button" @click="resetDynaConfig">{{$t('app.gridpage.resetconfig')}}</i-button>
+                </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 WFProcessNodeEntityService from '@/service/wfprocess-node/wfprocess-node-service';
+import MainService from './main-grid-service';
+import WFProcessNodeUIService from '@/uiservice/wfprocess-node/wfprocess-node-ui-service';
+import CodeListService from "@/codelist/codelist-service";
+import { FormItemModel } from '@/model/form-detail';
+import { Environment } from '@/environments/environment';
+
+
+@Component({
+    components: {
+      
+    }
+})
+export default class MainBase extends Vue implements ControlInterface {
+
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public name?: string;
+
+    /**
+     * 视图通讯对象
+     *
+     * @type {Subject<ViewState>}
+     * @memberof MainBase
+     */
+    @Prop() public viewState!: Subject<ViewState>;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    @Prop() public context!: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    @Prop() public viewparams!: any;
+
+    /**
+     * 视图状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof MainBase
+     */
+    public viewStateEvent: Subscription | undefined;
+
+    /**
+     * 获取部件类型
+     *
+     * @returns {string}
+     * @memberof MainBase
+     */
+    public getControlType(): string {
+        return 'GRID'
+    }
+
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @type {Array<*>}
+     * @memberof MainBase
+     */    
+    public counterServiceArray:Array<any> = [];
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {MainService}
+     * @memberof MainBase
+     */
+    public service: MainService = new MainService({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {WFProcessNodeService}
+     * @memberof MainBase
+     */
+    public appEntityService: WFProcessNodeEntityService = new WFProcessNodeEntityService({ $store: this.$store });
+    
+
+
+    /**
+     * 转化数据
+     *
+     * @param {any} args
+     * @memberof  MainBase
+     */
+    public transformData(args: any) {
+        let _this: any = this;
+        if(_this.service && _this.service.handleRequestData instanceof Function && _this.service.handleRequestData('transform',_this.context,args)){
+            return _this.service.handleRequestData('transform',_this.context,args)['data'];
+        }
+    }
+
+    /**
+     * 关闭视图
+     *
+     * @param {any} args
+     * @memberof MainBase
+     */
+    public closeView(args: any): void {
+        let _this: any = this;
+        _this.$emit('closeview', [args]);
+    }
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof MainBase
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+
+    /**
+     * 代码表服务对象
+     *
+     * @type {CodeListService}
+     * @memberof MainBase
+     */  
+    public codeListService:CodeListService = new CodeListService({ $store: this.$store });
+
+    /**
+     * 主信息表格列
+     *
+     * @type {string}
+     * @memberof MainBase
+     */  
+    public majorInfoColName:string = "";
+
+    /**
+     * 界面UI服务对象
+     *
+     * @type {WFProcessNodeUIService}
+     * @memberof MainBase
+     */  
+    public appUIService:WFProcessNodeUIService = new WFProcessNodeUIService(this.$store);
+
+    /**
+     * 界面行为模型
+     *
+     * @type {*}
+     * @memberof MainBase
+     */  
+    public actionModel:any ={
+    };
+
+    /**
+     * 应用状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof MainBase
+     */
+    public appStateEvent: Subscription | undefined;
+
+    /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof MainBase
+     */
+    public getDatas(): any[] {
+        return this.selections;
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof MainBase
+     */
+    public getData(): any {
+        return this.selections[0];
+    }
+
+    
+    /**
+    * 是否嵌入关系界面
+    *
+    * @type {boolean}
+    * @memberof MainBase
+    */
+    @Prop({default:false}) public isformDruipart?: boolean;
+
+    /**
+     * 显示处理提示
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    @Prop({ default: true }) public showBusyIndicator?: boolean;
+
+    /**
+     * 部件行为--update
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public updateAction!: string;
+    
+    /**
+     * 部件行为--fetch
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public fetchAction!: string;
+    
+    /**
+     * 部件行为--remove
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public removeAction!: string;
+    
+    /**
+     * 部件行为--load
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public loadAction!: string;
+    
+    /**
+     * 部件行为--loaddraft
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public loaddraftAction!: string;
+    
+    /**
+     * 部件行为--create
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    @Prop() public createAction!: string;
+
+    /**
+     * 当前页
+     *
+     * @type {number}
+     * @memberof MainBase
+     */
+    public curPage: number = 1;
+
+    /**
+     * 数据
+     *
+     * @type {any[]}
+     * @memberof MainBase
+     */
+    public items: any[] = [];
+
+    /**
+     * 是否支持分页
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public isEnablePagingBar: boolean = true;
+
+    /**
+     * 是否禁用排序
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public isNoSort: boolean = false;
+
+    /**
+     * 排序方向
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    public minorSortDir: string = '';
+
+    /**
+     * 排序字段
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    public minorSortPSDEF: string = '';
+
+    /**
+     * 分页条数
+     *
+     * @type {number}
+     * @memberof MainBase
+     */
+    public limit: number = 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 MainBase
+     */
+    public selections: any[] = [];
+
+    /**
+     * 拦截行选中
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public stopRowClick: boolean = false;
+
+    /**
+     * 当前编辑行数据
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public curEditRowData:any;
+
+
+
+
+    /**
+     * 表格是否显示
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public isDisplay:boolean = true;
+
+    /**
+     * 表格行编辑项校验错误提示信息
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public errorMessages: Array<any> = [];
+
+    /**
+     * 部件刷新
+     *
+     * @param {any} args
+     * @memberof MainBase
+     */
+    public refresh(args?: any): void {
+        this.load();
+    }
+
+    /**
+    * 选项框列宽
+    *
+    * @type {number}
+    * @memberof AppIndex
+    */
+    public checkboxColWidth: number = 50;
+
+    /**
+     * 是否允许拖动列宽
+     *
+     * @type {boolean}
+     * @memberof AppEmbedPicker
+     */
+    public isDragendCol: boolean = true;
+    
+    /**
+     * 所有列成员
+     *
+     * @type {any[]}
+     * @memberof MainBase
+     */
+    public allColumns: any[] = [
+    ]
+
+    /**
+     * 重置表格列模型缓存
+     *
+     * @type {any[]}
+     * @memberof MainBase
+     */
+    public resetColModel: any[] = [];
+
+    /**
+     * 表格模型集合
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    public gridItemsModel: any[] = [];
+
+    /**
+     * 是否启用分组
+     *
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    public isEnableGroup:boolean = false;
+
+    /**
+     * 分组属性
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    public groupAppField:string ="";
+
+    /**
+     * 分组属性代码表标识
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    public groupAppFieldCodelistTag:string ="";
+
+    /**
+     * 分组属性代码表类型
+     * 
+     * @type {string}
+     * @memberof MainBase
+     */
+    public groupAppFieldCodelistType: string = "";
+
+    /**
+     * 分组模式
+     *
+     * @type {string}
+     * @memberof MainBase
+     */
+    public groupMode:string ="NONE";
+
+    /**
+     * 分组代码表标识
+     * 
+     * @type {string}
+     * @memberof MainBase
+     */
+    public codelistTag: string = "";
+
+    /**
+     * 分组代码表类型
+     * 
+     * @type {string}
+     * @memberof MainBase
+     */
+    public codelistType: string = "";
+
+    /**
+     * 获取界面行为权限状态
+     *
+     * @memberof MainBase
+     */
+    public getActionState(data:any){
+        let tempActionModel:any = JSON.parse(JSON.stringify(this.actionModel));
+        let targetData:any = this.transformData(data);
+        ViewTool.calcActionItemAuthState(targetData,tempActionModel,this.appUIService);
+        return tempActionModel;
+    }
+
+    /**
+     * 获取表格行模型
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    public getGridRowModel(){
+        return {
+          srfkey: new FormItemModel(),
+        }
+    }
+
+    /**
+     * 属性值规则
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    public deRules(){
+        return {
+        };
+    }
+
+    /**
+     * 值规则集合
+     *
+     * @type {*}
+     * @memberof MainBase
+     */
+    public rules(){
+        return {
+            srfkey: [
+                { required: false, validator: (rule:any, value:any, callback:any) => { return (rule.required && (value === null || value === undefined || value === "")) ? false : true;}, message: `${this.$t('entities.wfprocessnode.main_grid.columns.srfkey')}${this.$t('app.commonWords.valueNotEmpty')}`, trigger: 'change' },
+                { required: false, validator: (rule:any, value:any, callback:any) => { return (rule.required && (value === null || value === undefined || value === "")) ? false : true;}, message: `${this.$t('entities.wfprocessnode.main_grid.columns.srfkey')}${this.$t('app.commonWords.valueNotEmpty')}`, trigger: 'blur' },
+            ],
+        }
+    }
+
+    /**
+     * 表格行编辑项校验
+     *
+     * @param {string} property 属性名
+     * @param {*} data 行数据
+     * @param {number} rowIndex 行索引
+     * @returns Promise<any>
+     * 
+     * @memberof MainBase
+     */
+    public validate(property:string, data:any, rowIndex:number):Promise<any>{
+        return new Promise((resolve, reject) => {
+            this.$util.validateItem(property,data,this.rules()).then(()=>{
+                this.gridItemsModel[rowIndex][property].setError(null);
+                resolve(true);
+            }).catch(({ errors, fields }) => {
+                this.gridItemsModel[rowIndex][property].setError(errors[0].message);
+                resolve(false);
+            });
+        });
+    }
+
+    /**
+     * 校验所有修改过的编辑项
+     *
+     * @returns Promise<any>
+     * @memberof MainBase
+     */
+    public async validateAll(){
+        this.errorMessages = [];
+        let validateState = true;
+        let index = -1;
+        for (let item of this.items) {
+            let tempMessage: string = '';
+            index++;
+            if (item.rowDataState === "create" || item.rowDataState === "update") {
+                for (let property of Object.keys(this.rules())) {
+                    if (!await this.validate(property, item, index)) {
+                        validateState = false;
+                        tempMessage = tempMessage + '<p>' + this.gridItemsModel[index][property].error + '<p>';
+                    }
+                }
+            }
+            this.errorMessages.push(tempMessage);
+        }
+        return validateState;
+    }
+
+    /**
+     * 表格数据加载
+     *
+     * @param {*} [arg={}]
+     * @memberof MainBase
+     */
+    public load(opt: any = {}, pageReset: boolean = false): void {
+        if(!this.fetchAction){
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'WFProcessNodePickupGridView'+(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 });
+        }
+        //清空selections
+        if(this.selections && this.selections.length > 0) {
+            this.selections = [];
+            this.$emit('selectionchange', this.selections);
+        }
+        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.data && response.data.message) {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                }
+                return;
+            }
+            const data: any = response.data;
+            this.totalrow = response.total;
+            this.items = JSON.parse(JSON.stringify(data));
+            // 清空selections,gridItemsModel
+            // this.selections = [];
+            this.gridItemsModel = [];
+            this.items.forEach(()=>{this.gridItemsModel.push(this.getGridRowModel())});
+            this.items.forEach((item:any)=>{
+                Object.assign(item,this.getActionState(item));    
+            });
+            this.$emit('load', this.items);
+            // 设置默认选中
+            let _this = this;
+            setTimeout(() => {
+                //在导航视图中，如已有选中数据，则右侧展开已选中数据的视图，如无选中数据则默认选中第一条
+                if(_this.isSelectFirstDefault){
+                    if(_this.selections && _this.selections.length > 0){
+                        _this.selections.forEach((select: any)=>{
+                            const index = _this.items.findIndex((item:any) => Object.is(item.srfkey,select.srfkey));
+                            if(index != -1){
+                                _this.rowClick(_this.items[index]);
+                            }
+                        })
+                    }else{
+                        _this.rowClick(this.items[0]);
+                    }
+                }
+                if(_this.selectedData){
+                    const refs: any = _this.$refs;
+                    if (refs.multipleTable) {
+                        refs.multipleTable.clearSelection();
+                        JSON.parse(_this.selectedData).forEach((selection:any)=>{
+                            let selectedItem = _this.items.find((item:any)=>{
+                                return Object.is(item.srfkey, selection.srfkey);
+                            });
+                            if(selectedItem){
+                                _this.rowClick(selectedItem);
+                            }
+                        });
+                    }
+                }
+            }, 300);
+        }).catch((response: any) => {
+            if (response && response.status === 401) {
+                return;
+            }
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data && response.data.message ? response.data.message : "" });
+        });
+    }
+
+    /**
+     * 删除
+     *
+     * @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: 'WFProcessNodePickupGridView'+(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.nodename;
+            if (index < 5) {
+                if (!Object.is(dataInfo, '')) {
+                    dataInfo += '、';
+                }
+                dataInfo += srfmajortext;
+            } else {
+                return false;
+            }
+        });
+
+        if (_datas.length < 5) {
+            dataInfo = dataInfo + ' ' + (this.$t('app.gridpage.totle') as string) + _datas.length + (this.$t('app.gridpage.records') as string) + (this.$t('app.gridpage.data') as string);
+        } else {
+            dataInfo = ' ... ' + (this.$t('app.gridpage.totle') as string) + _datas.length + (this.$t('app.gridpage.records') as string) + (this.$t('app.gridpage.data') as string);
+        }
+
+        const removeData = () => {
+            let keys: any[] = [];
+            _datas.forEach((data: any) => {
+                keys.push(data.srfkey);
+            });
+            let _removeAction = keys.length > 1 ? 'removeBatch' : this.removeAction ;
+            let _keys = keys.length > 1 ? keys : keys[0] ;
+            const context:any = JSON.parse(JSON.stringify(this.context));
+            const post: Promise<any> = this.service.delete(_removeAction,Object.assign(context,{ wfprocessnode: _keys }),Object.assign({ wfprocessnode: _keys },{viewparams:this.viewparams}), this.showBusyIndicator);
+            return new Promise((resolve: any, reject: any) => {
+                post.then((response: any) => {
+                    if (!response || response.status !== 200) {
+                        this.$Notice.error({ title: '', desc: (this.$t('app.gridpage.delDataFail') as string)+',' + response.info });
+                        return;
+                    } else {
+                        this.$Notice.success({ title: '', desc: (this.$t('app.gridpage.delSuccess') as string) });
+                    }
+                    //删除items中已删除的项
+                    _datas.forEach((data: any) => {
+                        this.items.some((item:any,index:number)=>{
+                            if(Object.is(item.srfkey,data.srfkey)){
+                                this.items.splice(index,1);
+                                this.gridItemsModel.splice(index,1);
+                                return true;
+                            }
+                        });
+                    });
+                    this.totalrow -= _datas.length;
+                    this.$emit('remove', null);
+                    this.selections = [];
+                    resolve(response);
+                }).catch((response: any) => {
+                    if (response && response.status != 200) {
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data && response.data.message ? 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) });
+                        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: 'WFProcessNodePickupGridView'+(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);
+        let tempViewParams:any = parentdata.viewparams?parentdata.viewparams:{};
+        Object.assign(tempViewParams,JSON.parse(JSON.stringify(this.viewparams)));
+        Object.assign(arg,{viewparams:tempViewParams});
+        const post: Promise<any> = this.service.search(this.fetchAction,JSON.parse(JSON.stringify(this.context)), arg, this.showBusyIndicator);
+        post.then((response: any) => {
+            if (!response || response.status !== 200) {
+                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 && value !== 0 && value !== false){
+            return this.$t('codelist.'+codelist.srfkey+'.empty');
+        }
+        if (items) {
+            let result:any = [];
+            if(Object.is(codelist.renderMode,"number")){
+                items.map((_item: any, index: number)=>{
+                    const nValue = parseInt((value as any), 10);
+                    const codevalue = _item.value;
+                    if((parseInt(codevalue, 10) & nValue) > 0){
+                        result.push(_item);
+                    } 
+                });
+            } else if(Object.is(codelist.renderMode,"string")){
+                const arrayValue: Array<any> = (value as any).split(codelist.valueSeparator);
+                arrayValue.map((value: any, index: number) => {
+                    result.push([]);
+                    let values: any[] = Object.is(this.$util.typeOf(value), 'number') ? [value] : [...(value as any).split(codelist.valueSeparator)];
+                    values.map((val:any ,num: number)=>{
+                        const item = this.getItem(items, val, codelist); 
+                        if(item){
+                          result[index].push(item);
+                        } 
+                    });
+                });
+            } else {
+                let values: any[] = Object.is(this.$util.typeOf(value), 'number') ? [value] : [...(value as any).split(codelist.valueSeparator)];
+                values.map((value:any ,index: number)=>{
+                    const item = this.getItem(items, value, codelist); 
+                    if(item){
+                      result.push(item);
+                    } 
+                });
+            }
+            // 设置items
+            if(result.length != 0){
+              return result.join(codelist.valueSeparator);
+            }else{
+              return value;
+            }
+        }
+    }
+
+    /**
+     * 获取代码项
+     *
+     * @public
+     * @param {any[]} items
+     * @param {*} value
+     * @returns {*}
+     * @memberof MainBase
+     */
+    public getItem(items: any[], value: any, codelist: any): any {
+        const arr: Array<any> = items.filter(item => {return item.value == value});
+        if (arr.length !== 1) {
+            return undefined;
+        }
+        if(Object.is(codelist.codelistType,'STATIC')){
+            return this.$t('codelist.'+codelist.srfkey+'.'+arr[0].value);
+        }else{
+            return arr[0].text;
+        }
+    }
+
+    /**
+     * 生命周期
+     *
+     * @memberof MainBase
+     */
+    public created(): void {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof MainBase
+     */    
+    public afterCreated(){
+        this.setColState();
+        if (this.viewState) {
+            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+                if (!Object.is(tag, this.name)) {
+                    return;
+                }
+                if (Object.is('load', action)) {
+                    this.load(data,true);
+                }
+                if (Object.is('remove', action)) {
+                    this.remove(data);
+                }
+                if (Object.is('save', action)) {
+                    this.save(data);
+                }
+            });
+        }
+        if(AppCenterService && AppCenterService.getMessageCenter()){
+            this.appStateEvent = AppCenterService.getMessageCenter().subscribe(({ name, action, data }) =>{
+                if(!Object.is(name,"WFProcessNode")){
+                    return;
+                }
+                if(Object.is(action,'appRefresh')){
+                    this.refresh([data]);
+                }
+            })
+        }
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof MainBase
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof MainBase
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+        if(this.appStateEvent){
+            this.appStateEvent.unsubscribe();
+        }
+    }
+
+    /**
+     * 获取选中行胡数据
+     *
+     * @returns {any[]}
+     * @memberof MainBase
+     */
+    public getSelection(): any[] {
+        return this.selections;
+    }
+
+    /**
+     * 行双击事件
+     *
+     * @param {*} $event
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public rowDBLClick($event: any): void {
+        // 分组行跳过
+        if($event && $event.children){
+            return;
+        }
+        if (!$event || this.actualIsOpenEdit || Object.is(this.gridRowActiveMode,0)) {
+            return;
+        }
+        this.selections = [];
+        this.selections.push(JSON.parse(JSON.stringify($event)));
+
+        const refs: any = this.$refs;
+        if (refs.multipleTable) {
+            refs.multipleTable.clearSelection();
+            refs.multipleTable.toggleRowSelection($event);
+        }
+
+        this.$emit('rowdblclick', this.selections);
+        this.$emit('selectionchange', this.selections);
+    }
+
+    /**
+    * 合并分组行
+    * 
+    * @memberof MainBase
+    */
+    public arraySpanMethod({row, column, rowIndex, columnIndex} : any) {
+        let allColumns:Array<any> = [];
+        if(row && row.children) {
+            if(columnIndex == (this.isSingleSelect ? 0:1)) {
+                return [1, allColumns.length+1];
+            } else if(columnIndex > (this.isSingleSelect ? 0:1)) {
+                return [0,0];
+            }
+        }
+    }
+
+	/**
+     * 分组方法
+     * 
+     * @memberof MainBase
+     */
+    public group(){
+        if(Object.is(this.groupMode,"AUTO")){
+            this.drawGroup();
+        }else if(Object.is(this.groupMode,"CODELIST")){
+            this.drawCodelistGroup();
+        }
+    }
+
+    /**
+     * 获取表格分组相关代码表
+     * 
+     * @param {string}  codelistType 代码表类型
+     * @param {string}  codelistTag 代码表标识
+     * @memberof MainBase
+     */
+    public getGroupCodelist(codelistType: string,codelistTag:string){
+        let codelist: Array<any> = [];
+        // 动态代码表
+        if (Object.is(codelistType, "DYNAMIC")) {
+            this.codeListService.getItems(codelistTag).then((res: any)=>{
+                codelist = res;
+            }).catch((error: any) => {
+                
+            });
+        // 静态代码表
+        } else if(Object.is(codelistType, "STATIC")){
+            codelist = this.$store.getters.getCodeListItems(codelistTag);
+        }
+        return codelist;
+    }
+
+    /**
+     * 根据分组代码表绘制分组列表
+     * 
+     * @memberof MainBase
+     */
+    public drawCodelistGroup(){
+        if(!this.isEnableGroup) return;
+        // 分组
+        let allGroup: Array<any> = [];
+        let allGroupField: Array<any> =[];
+        let groupTree:Array<any> = [];
+        allGroup = this.getGroupCodelist(this.codelistType,this.codelistTag);
+        allGroupField = this.getGroupCodelist(this.groupAppFieldCodelistType,this.groupAppFieldCodelistTag);
+        if(allGroup.length == 0){
+            console.warn("分组数据无效");
+        }
+        allGroup.forEach((group: any,i: number)=>{
+            let children:Array<any> = [];
+            this.items.forEach((item: any,j: number)=>{
+                if(allGroupField && allGroupField.length > 0){
+                    if(Object.is(group.label,item[this.groupAppField])){
+                        item.groupById = Number((i+1) * 100 + (j+1) * 1);
+                        item.group = '';
+                        children.push(item);
+                    }
+                }else if(Object.is(group.value,item[this.groupAppField])){
+                    item.groupById = Number((i+1) * 100 + (j+1) * 1);
+                    item.group = '';
+                    children.push(item);
+                }
+            });
+            const tree: any ={
+                groupById: Number((i+1)*100),
+                group: group.label,
+                children: children
+            }
+            groupTree.push(tree);
+        });
+        let child:Array<any> = [];
+        this.items.forEach((item: any,index: number)=>{
+            let i: number = 0;
+            if(allGroupField && allGroupField.length > 0){
+                i = allGroup.findIndex((group: any)=>Object.is(group.label,item[this.groupAppField]));
+            }else{
+                i = allGroup.findIndex((group: any)=>Object.is(group.value,item[this.groupAppField]));
+            }
+            if(i < 0){
+                item.groupById = Number((allGroup.length+1) * 100 + (index+1) * 1);
+                item.group = '';
+                child.push(item);
+            }
+            if(i < 0){
+                item.groupById = Number((allGroup.length+1) * 100 + (index+1) * 1);
+                item.group = '';
+                child.push(item);
+            }
+        })
+        const Tree: any = {
+            groupById: Number((allGroup.length+1)*100),
+            group: this.$t('app.gridpage.other'),
+            children: child
+        }
+        if(child && child.length > 0){
+            groupTree.push(Tree);
+        }
+        this.items = groupTree;
+        if(this.actualIsOpenEdit) {
+            for(let i = 0; i < this.items.length; i++) {
+                this.gridItemsModel.push(this.getGridRowModel());
+            }
+        }
+    }
+
+    /**
+     * 绘制分组
+     * 
+     * @memberof MainBase
+     */
+    public drawGroup(){
+        if(!this.isEnableGroup) return;
+        // 分组
+        let allGroup: Array<any> = [];
+        this.items.forEach((item: any)=>{
+            if(item.hasOwnProperty(this.groupAppField)){
+                allGroup.push(item[this.groupAppField]);
+            }
+        });
+        let groupTree:Array<any> = [];
+        allGroup = [...new Set(allGroup)];
+        if(allGroup.length == 0){
+            console.warn("分组数据无效");
+        }
+        // 组装数据
+        allGroup.forEach((group: any, groupIndex: number)=>{
+            let children:Array<any> = [];
+            this.items.forEach((item: any,itemIndex: number)=>{
+                if(Object.is(group,item[this.groupAppField])){
+                    item.groupById = Number((groupIndex+1) * 100 + (itemIndex+1) * 1);
+                    item.group = '';
+                    children.push(item);
+                }
+            });
+            group = group ? group : this.$t('app.gridpage.other');
+            const tree: any ={
+                groupById: Number((groupIndex+1)*100),
+                group: group,
+                children: children,
+            }
+            groupTree.push(tree);
+        });
+        this.items = groupTree;
+        if(this.actualIsOpenEdit) {
+            for(let i = 0; i < this.items.length; i++) {
+                this.gridItemsModel.push(this.getGridRowModel());
+            }
+        }
+    }
+
+    /**
+     * 单个复选框选中
+     *
+     * @param {*} selection 所有选中行数据
+     * @param {*} row 当前选中行数据
+     * @memberof MainBase
+     */
+    public select(selection: any, row: any): void {
+        if(this.groupAppField) {
+            let isContain:boolean = selection.some((item:any) =>{
+                return  item == row;
+            }) 
+            // 是否选中当前行，选中为true，否则为false
+            if(isContain) {
+                // 当前行为分组行
+                if(row.children && row.children.length > 0) {
+                    this.toggleSelection(row.children, true);
+                    row.children.forEach((children: any) => {
+                        this.selections.push(children);
+                    });
+                } else {
+                    this.selections.push(row);
+                }
+            } else {
+                if(row.children && row.children.length > 0) {
+                    this.toggleSelection(row.children, false);
+                    this.selections = this.computeCheckedData(this.selections, row.children);
+                } else {
+                    this.selections = this.computeCheckedData(this.selections, row);
+                }
+            }
+            this.selections = [...new Set(this.selections)]
+        } else {
+            if(!selection) {
+                return;
+            }
+            this.selections = [...JSON.parse(JSON.stringify(selection))];
+        }
+        this.$emit('selectionchange', this.selections);
+    }
+
+    /**
+     * 计算当前选中数据
+     *
+     * @param {*} selectionArray 所有选中行数据
+     * @param {*} cancelData 被取消选中行数据，分组行为数组，非分组行为对象
+     * @memberof MainBase
+     */
+    public computeCheckedData(selectionArray: any[], cancelData: Array<any> | any) {
+        let targetArray: Array<any> = [];
+        //  分组行
+        if(Array.isArray(cancelData)) {
+            if(selectionArray && selectionArray.length > 0) {
+                selectionArray.forEach((selection:any) =>{
+                    let tempFlag:boolean = true;
+                    cancelData.forEach((child:any) =>{
+                        if(selection.groupById===child.groupById){
+                            tempFlag = false;
+                        }
+                    })
+                    if(tempFlag) targetArray.push(selection);
+                })
+            }
+        } else {
+        //  非分组行
+            if(selectionArray && selectionArray.length > 0) {
+                selectionArray.forEach((selection:any) =>{
+                    let tempFlag:boolean = true;
+                    if(selection.groupById===cancelData.groupById){
+                        tempFlag = false;
+                    }
+                    if(tempFlag) targetArray.push(selection);
+                })
+            }
+        }
+        return targetArray;
+    }
+
+    /**
+     * 设置非分组行checkbox选中状态
+     *
+     * @param {*} rows 选中数据数组
+     * @param {boolean} flag 是否选中
+     * @memberof MainBase
+     */
+    public toggleSelection(rows?: any, flag?: boolean) {
+        if(rows) {
+            rows.forEach((row:any) => {
+                (this.$refs.multipleTable as any).toggleRowSelection(row, flag);
+            });
+        } else {
+            (this.$refs.multipleTable as any).clearSelection();
+        }
+    }
+
+    /**
+     * 复选框数据全部选中
+     *
+     * @param {*} $event
+     * @memberof MainBase
+     */
+    public selectAll(selection: any): void {
+        this.selections = [];   
+        if(this.groupAppField) {
+            let flag: boolean = true;
+            if(selection && selection.length === this.items.length) {
+                selection.forEach((element: any) => {
+                    if(element.children) {
+                        this.toggleSelection(element.children, flag);
+                        element.children.forEach((children: any) => {
+                            this.selections.push(children);
+                        });
+                    } else {
+                        flag = false;
+                    }
+                });
+            } else {
+                flag = false;
+            }
+            if(!flag) {
+                this.toggleSelection();
+            }
+        } else {
+            if(!selection) {
+                return;
+            }
+            this.selections = [...JSON.parse(JSON.stringify(selection))];
+        }
+        this.$emit('selectionchange', this.selections);
+    }
+
+    /**
+     * 单元格单击隐藏提示框
+     *
+     * @memberof MainBase
+     */
+    public cellClick() {
+        let el: any = document.getElementsByClassName('el-tooltip__popper')[0];
+        if (el) {
+            el.style.display = 'none';
+        }
+    }
+    
+    /**
+     * 行单击选中
+     *
+     * @param {*} $event
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public rowClick($event: any, ifAlways: boolean = false): void {
+        // 分组行跳过
+        if($event && $event.children){
+            return;
+        }
+        if (!ifAlways && (!$event || this.actualIsOpenEdit)) {
+            return;
+        }
+        if(this.stopRowClick) {
+            this.stopRowClick = false;
+            return;
+        }
+        if(this.isSingleSelect){
+            this.selections = [];
+        }
+        // 已选中则删除，没选中则添加
+        let selectIndex = this.selections.findIndex((item:any)=>{
+            return Object.is(item.wfprocessnode,$event.wfprocessnode);
+        });
+        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);
+        this.cellClick();
+        $event.stopPropagation();
+    }
+
+    /**
+     * 设置列状态
+     *
+     * @memberof MainBase
+     */
+    public setColState() {
+        this.resetColModel = Util.deepCopy(this.allColumns);
+        const viewParams: any = Util.deepCopy(this.viewparams);
+        Object.assign(viewParams,{utilServiceName: 'grid_dynaconfig', modelid: 'ibzwf_web_wfprocessnodepickupgridview_grid_main'});
+        const post = this.service.loadModel('grid_dynaconfig', this.context, viewParams);
+        post.then((response: any) => {
+            if(response.status == 200 && response.data) {
+                const columns = response.data;
+                columns.forEach((col: any) => {
+                    let column = this.allColumns.find((item) => Object.is(col.name, item.name));
+                    if (column) {
+                        Object.assign(column, col);
+                    }
+                });
+            } else {
+                this.getColStorage();
+            }
+        }).catch(() => {
+            this.getColStorage();
+        });
+    }
+
+    /**
+     * 获取列缓存
+     *
+     * @memberof MainBase
+     */
+    public getColStorage() {
+        const _data: any = localStorage.getItem('wf_definition_node_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_definition_node_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;
+    }
+
+    /**
+     * 保存动态表格配置
+     *
+     * @memberof MainBase
+     */
+    public saveDynaConfig() {
+        const viewParams: any = Util.deepCopy(this.viewparams);
+        Object.assign(viewParams,{utilServiceName: 'grid_dynaconfig', modelid: 'ibzwf_web_wfprocessnodepickupgridview_grid_main', model: this.allColumns});
+        const post = this.service.saveModel('grid_dynaconfig', this.context, viewParams);
+        post.then((response: any) => {
+            if (response.status == 200) {
+                this.$Message.success(this.$t('app.gridpage.message.saveconfigsuccess'));
+            } else {
+                this.$Message.error(this.$t('app.gridpage.message.saveconfigerror'));
+            }
+        }).catch(() => {
+            this.$Message.error(this.$t('app.gridpage.message.saveconfigerror'));
+        });
+    }
+
+    /**
+     * 重置动态表格配置
+     *
+     * @memberof MainBase
+     */
+    public resetDynaConfig() {
+        this.allColumns = Util.deepCopy(this.resetColModel);
+        localStorage.setItem('dynaconfig_main_grid', JSON.stringify(this.allColumns));
+    }
+
+    /**
+     * 表格列是否自适应布局
+     *
+     * @readonly
+     * @type {boolean}
+     * @memberof MainBase
+     */
+    get adaptiveState(): boolean {
+        return !this.allColumns.find((column: any) => column.show && Object.is(column.unit, 'STAR'));
+    }
+
+    /**
+     * 保存
+     *
+     * @param {*} $event
+     * @returns {Promise<any>}
+     * @memberof MainBase
+     */
+    public async save(args: any[], params?: any, $event?: any, xData?: any){
+        let _this = this;
+        // 拷贝模式
+        if(_this.viewparams && _this.viewparams.copymode && Object.is(_this.viewparams.copymode,'true') && _this.items && _this.items.length >0){
+            for (const item of _this.items) {
+                item.rowDataState = 'create';
+            }
+        }
+        if(_this.items && _this.items.length >0){
+            for (const item of _this.items) {
+                if(Object.is(item.rowDataState, 'update')){
+                    _this.updateDefault(item);
+                }
+            }
+        }
+        if (!await this.validateAll()) {
+            if(this.errorMessages && this.errorMessages.length > 0) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: this.errorMessages[0] });
+            } else {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.rulesException') as string) });
+            }
+            return [];
+        }
+        let successItems:any = [];
+        let errorItems:any = [];
+        let errorMessage:any = [];
+        for (const item of _this.items) {
+            try {
+                if(Object.is(item.rowDataState, 'create')){
+                    if(!this.createAction){
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'WFProcessNodePickupGridView'+(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: 'WFProcessNodePickupGridView'+(this.$t('app.gridpage.notConfig.updateAction') as string) });
+                    }else{
+                        Object.assign(item,{viewparams:this.viewparams});
+                        if(item.wfprocessnode){
+                            Object.assign(this.context,{wfprocessnode:item.wfprocessnode});
+                        }
+                        let response = await this.service.update(this.updateAction,JSON.parse(JSON.stringify(this.context)),item, this.showBusyIndicator);
+                        successItems.push(JSON.parse(JSON.stringify(response.data)));
+                    }
+                }
+            } catch (error) {
+                errorItems.push(JSON.parse(JSON.stringify(item)));
+                errorMessage.push(error);
+            }
+        }
+        this.$emit('save', successItems);
+        this.refresh([]);
+        if(errorItems.length === 0 && successItems.length > 0){
+            this.$Notice.success({ title: '', desc: (this.$t('app.commonWords.saveSuccess') as string) });
+        }else{
+            errorItems.forEach((item: any, index: number) => {
+                if(errorMessage[index] && errorMessage[index].data) {
+                    if(Object.is(errorMessage[index].data.errorKey, 'DupCheck')) {
+                        let errorProp: string = errorMessage[index].data.message.match(/\[[a-zA-Z]*\]/)[0];
+                        let name: string = errorProp ? this.service.getNameByProp(errorProp.substr(1, errorProp.length-2)) : '';
+                        if(name) {
+                            let desc: any = this.allColumns.find((column: any) =>{
+                                return Object.is(column.name, name);
+                            });
+                            this.$Notice.error({
+                                title: (this.$t('app.commonWords.createFailed') as string),
+                                desc: (desc ? desc.label : '') + " : " + item[name] + (this.$t('app.commonWords.isExist') as string) + '!',
+                            });
+                        } else {
+                            this.$Notice.error({
+                                title: (this.$t('app.commonWords.createFailed') as string),
+                                desc: errorMessage[index].data.message?errorMessage[index].data.message:(this.$t('app.commonWords.sysException') as string),
+                            });
+                        }
+                    } else if(Object.is(errorMessage[index].data.errorKey, 'DuplicateKeyException')){
+                        this.$Notice.error({
+                            title: (this.$t('app.commonWords.saveFailed') as string),
+                            desc: errorMessage[index].data.message?errorMessage[index].data.message:(this.$t('app.commonWords.sysException') as string),
+                        });
+                    }else {
+                        this.$Notice.error({
+                            title: (this.$t('app.commonWords.saveFailed') as string),
+                            desc: errorMessage[index].data.message?errorMessage[index].data.message:(this.$t('app.commonWords.sysException') as string),
+                        });
+                    }
+                } else {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.saveFailed') as string), desc: (item[this.majorInfoColName]?item[this.majorInfoColName]:"") + (this.$t('app.commonWords.saveFailed') as string) + '!' });
+                }
+            });
+        }
+        return successItems;
+    }
+
+    /**
+     * 新建行
+     *
+     * @param {*} $event
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public newRow(args: any[], params?: any, $event?: any, xData?: any): void {
+        if(!this.loaddraftAction){
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'WFProcessNodePickupGridView'+(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.data && response.data.message) {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                }
+                return;
+            }
+            const data = response.data;
+            this.createDefault(data);
+            data.rowDataState = "create";
+            this.items.splice(0,0,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(this.defaultUpdateItems.includes(property)){
+                row.hasUpdated = true;
+            }
+        }
+        this.curEditRowData = row;
+        this.resetGridData(row, property, rowIndex);
+        this.validate(property,row,rowIndex);
+    }
+
+    /**
+     * 表格编辑项更新
+     *
+     * @param {string} mode 界面行为名称
+     * @param {*} [data={}] 请求数据
+     * @param {string[]} updateDetails 更新项
+     * @param {boolean} [showloading] 是否显示加载状态
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public updateGridEditItem(mode: string, data: any = {}, updateDetails: string[], showloading?: boolean): void {
+        if (!mode || (mode && Object.is(mode, ''))) {
+            return;
+        }
+        let tempContext: any = this.$util.deepCopy(this.context);
+        const arg: any = JSON.parse(JSON.stringify(data));
+        Object.assign(arg,{viewparams:this.viewparams});
+        const post: Promise<any> = this.service.frontLogic(mode,JSON.parse(JSON.stringify(tempContext)),arg, showloading);
+        post.then((response: any) => {
+            if (!response || response.status !== 200) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.gridpage.formitemFailed') as string) });
+                return;
+            }
+            const _data: any = response.data;
+            if(!_data){
+                return;
+            }
+            updateDetails.forEach((name: string) => {
+                if (!_data.hasOwnProperty(name)) {
+                    return;
+                }
+                data[name] = _data[name];
+            });
+        }).catch((response: any) => {
+            if (response && response.status === 401) {
+                return;
+            }
+            if (!response || !response.status || !response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                return;
+            }
+        });
+    }
+
+    /**
+     * 获取对应行class
+     *
+     * @param {*} $args row 行数据，rowIndex 行索引
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public getRowClassName(args:{row: any,rowIndex: number}){
+        let isSelected = this.selections.some((item:any)=>{
+            return Object.is(item.wfprocessnode,args.row.wfprocessnode);
+        });
+        return isSelected ? "grid-selected-row" : "";
+    }
+
+    /**
+     * 获取对应单元格class
+     *
+     * @param {*} $args row 行数据，column 列数据，rowIndex 行索引，columnIndex 列索引
+     * @returns {void}
+     * @memberof MainBase
+     */
+    public getCellClassName(args:{row: any, column: any, rowIndex: number, columnIndex:number}){
+        let className: string = '';
+        if(args.column.property){
+          let col = this.allColumns.find((item:any)=>{
+              return Object.is(args.column.property,item.name);
+          })
+          if(col !== undefined){
+              if(col.isEnableRowEdit && this.actualIsOpenEdit ){
+                className += 'edit-cell ';
+              }
+          } else {
+              className += 'info-cell';
+          }
+        }
+        if(this.groupAppField && args.columnIndex === 0 && !this.isSingleSelect) {
+            if(args.row.children && args.row.children.length > 0) {
+                className += this.computeGroupRow(args.row.children, args.row);
+            }
+        }
+        return className;
+    }
+
+    /**
+     * 计算分组行checkbox选中样式
+     *
+     * @param {*} rows 当前分组行下的所有数据
+     * @returns {*} currentRow 当前分组行
+     * @memberof MainBase
+     */
+    public computeGroupRow(rows: any[], currentRow: any) {
+        let count: number = 0;
+        this.selections.forEach((select: any) => {
+            rows.forEach((row: any) => {
+                if(row.groupById === select.groupById) {
+                    count++;
+                }
+            })
+        })
+        if(count === rows.length) {
+            (this.$refs.multipleTable as any).toggleRowSelection(currentRow, true);
+            return 'cell-select-all ';
+        } else if(count !== 0 && count < rows.length) {
+            return 'cell-indeterminate '
+        } else if(count === 0) {
+            (this.$refs.multipleTable as any).toggleRowSelection(currentRow, false);
+            return '';
+        }
+    }
+
+    /**
+     * 新建默认值
+     * @param {*}  row 行数据
+     * @memberof MainBase
+     */
+    public createDefault(row: any){                    
+    }
+
+    /**
+     * 更新默认值
+     * @param {*}  row 行数据
+     * @memberof MainBase
+     */
+    public updateDefault(row: any){                    
+    }
+
+    /**
+     * 计算数据对象类型的默认值
+     * @param {string}  action 行为
+     * @param {string}  param 默认值参数
+     * @param {*}  data 当前行数据
+     * @memberof MainBase
+     */
+    public computeDefaultValueWithParam(action:string,param:string,data:any){
+        if(Object.is(action,"UPDATE")){
+            const nativeData:any = this.service.getCopynativeData();
+            if(nativeData && (nativeData instanceof Array) && nativeData.length >0){
+                let targetData:any = nativeData.find((item:any) =>{
+                    return item.usertaskid === data.srfkey;
+                })
+                if(targetData){
+                    return targetData[param]?targetData[param]:null;
+                }else{
+                    return null;
+                }
+            }else{
+                return null;
+            }
+        }else{
+           return this.service.getRemoteCopyData()[param]?this.service.getRemoteCopyData()[param]:null;
+        }
+    }
+
+    /**
+     * 校验属性值规则
+     *
+     * @public
+     * @param {{ name: string }} { name }
+     * @memberof MainBase
+     */
+    public verifyDeRules(name:string,rule:any = this.deRules(),op:string = "AND",value:any) :{isPast:boolean}{
+        let falg:any = {};
+        if(!rule || !rule[name]){
+            return falg;
+        }
+        let opValue = op == 'AND'? true :false;
+        let startOp = (val:boolean)=>{
+            if(falg.isPast){
+                if(opValue){
+                    falg.isPast = falg.isPast && val;
+                }else{
+                    falg.isPast = falg.isPast || val;
+                }
+            }else{
+                falg.isPast = val;
+            }
+        }
+        for(let i=0; i < rule[name].length; i++) {
+            let item: any = rule[name][i];
+            if((value === null || value === undefined || value === "") && (item.type != 'GROUP')){
+                startOp(true);
+                return falg;
+            }
+            try {
+                // 常规规则
+               if(item.type == 'SIMPLE'){
+                    startOp(!this.$verify.checkFieldSimpleRule(value,item.condOP,item.paramValue,item.ruleInfo,item.paramType,this.curEditRowData,item.isKeyCond));
+                    falg.infoMessage = item.ruleInfo;
+                    if(!falg.isPast) return falg;
+                }
+                // 数值范围
+                if(item.type == 'VALUERANGE2'){
+                    startOp( !this.$verify.checkFieldValueRangeRule(value,item.minValue,item.isIncludeMinValue,item.maxValue,item.isIncludeMaxValue,item.ruleInfo,item.isKeyCond));
+                    falg.infoMessage = item.ruleInfo;
+                    if(!falg.isPast) return falg;
+                }
+                // 正则式
+                if (item.type == "REGEX") {
+                    startOp(!this.$verify.checkFieldRegExRule(value,item.regExCode,item.ruleInfo,item.isKeyCond));
+                    falg.infoMessage = item.ruleInfo;
+                    if(!falg.isPast) return falg;
+                }
+                // 长度
+                if (item.type == "STRINGLENGTH") {
+                    startOp(!this.$verify.checkFieldStringLengthRule(value,item.minValue,item.isIncludeMinValue,item.maxValue,item.isIncludeMaxValue,item.ruleInfo,item.isKeyCond)); 
+                    falg.infoMessage = item.ruleInfo;
+                    if(!falg.isPast) return falg;
+                }
+                // 系统值规则
+                if(item.type == "SYSVALUERULE") {
+                    startOp(!this.$verify.checkFieldSysValueRule(value,item.sysRule.regExCode,item.ruleInfo,item.isKeyCond));
+                    falg.infoMessage = item.ruleInfo;
+                    if(!falg.isPast) return falg;
+                }
+            } catch(error) {
+                falg.infoMessage = item.ruleInfo;
+                startOp(false);
+                if(!falg.isPast) return falg;
+            }
+            // 分组
+            if(item.type == 'GROUP'){
+                falg = this.verifyDeRules('group',item,item.condOP?item.condOP:"AND",value)
+                if(item.isNotMode){
+                   falg.isPast = !falg.isPast;
+                }
+            }
+            
+        };
+        if(!falg.hasOwnProperty("isPast")){
+            falg.isPast = true;
+        }
+        if(!value && value != 0){
+           falg.isPast = true;
+        }
+        return falg;
+    }
+
+    /**
+     * 工作流提交
+     *
+     * @param {*} [data={}]
+     * @param {*} [localdata={}]
+     * @returns {Promise<any>}
+     * @memberof MainBase
+     */
+    public async submitbatch(data: any,localdata:any): Promise<any> {
+        return new Promise((resolve: any, reject: any) => {
+        const _this: any = this;
+        const arg: any = data;
+        const result: Promise<any> = this.service.submitbatch(_this.WFSubmitAction, JSON.parse(JSON.stringify(this.context)),arg,localdata,this.showBusyIndicator);
+        result.then((response: any) => {
+            if (!response || response.status !== 200) {
+                if(response.data){
+                    this.$Notice.error({ title: '', desc: (this.$t('app.formpage.workflow.submiterror') as string) + ', ' + response.data.message });
+                }
+                return;
+            }
+            this.$Notice.info({ title: '', desc: (this.$t('app.formpage.workflow.submitsuccess') as string) });
+            resolve(response);
+        }).catch((response: any) => {
+            if (response && response.status && response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
+                reject(response);
+                return;
+            }
+            if (!response || !response.status || !response.data) {
+                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
+                reject(response);
+                return;
+            }
+            reject(response);
+        });
+        })
+    }
+
+    /**
+     * 获取表格列禁用状态
+     *
+     * @memberof MainBase
+     */
+    public  getColumnDisabled(data:any,name:string){
+        if(this.allColumns || Array.isArray(this.allColumns)){
+            const curColumn:any = this.allColumns.find((item:any) =>{
+                return item.name === name;
+            })
+            if(curColumn.hasOwnProperty('enableCond')){
+                return data.srfuf == 1 ? (curColumn.enableCond & 2) !== 2 : (curColumn.enableCond & 1) !== 1
+            }else{
+                return false;
+            }
+        }
+    }
+
+    /**
+     * 重置表格项值
+     *
+     * @param {*} row 当前行
+     * @param {string} property 属性名
+     * @param {number} rowIndex 行下标
+     * @memberof MainBase
+     */
+    public resetGridData(row: any, property: string, rowIndex: number) {
+        if(this.actualIsOpenEdit) {
+        }
+    }
+
+}
+</script>
+
+<style lang='less'>
+@import './main-grid.less';
+</style>
\ No newline at end of file

app_web/src/widgets/wfprocess-node/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: 'srfkey',
+          prop: 'usertaskid',
+          dataType: 'TEXT',
+          isEditable:true
+        },
+        {
+          name: 'srfdataaccaction',
+          prop: 'usertaskid',
+          dataType: 'TEXT',
+        },
+        {
+          name: 'srfmajortext',
+          prop: 'usertaskname',
+          dataType: 'TEXT',
+        },
+        {
+          name: 'wfprocessnode',
+          prop: 'usertaskid',
+        },
+
+        {
+          name:'size',
+          prop:'size',
+          dataType: 'QUERYPARAM'
+        },
+        {
+          name:'query',
+          prop:'query',
+          dataType: 'QUERYPARAM'
+        },
+        {
+          name:'filter',
+          prop:'filter',
+          dataType: 'QUERYPARAM'
+        },
+        {
+          name:'page',
+          prop:'page',
+          dataType: 'QUERYPARAM'
+        },
+        {
+          name:'sort',
+          prop:'sort',
+          dataType: 'QUERYPARAM'
+        },
+        {
+          name:'srfparentdata',
+          prop:'srfparentdata',
+          dataType: 'QUERYPARAM'
+        },
+        // 前端新增修改标识，新增为"0",修改为"1"或未设值
+        {
+          name: 'srffrontuf',
+          prop: 'srffrontuf',
+          dataType: 'TEXT',
+        },
+        // 预置工作流数据字段
+        {
+          name: 'srfprocessdefinitionkey',
+          prop: 'srfprocessdefinitionkey',
+          dataType: 'TEXT'
+        },
+        {
+          name: 'srftaskdefinitionkey',
+          prop: 'srftaskdefinitionkey',
+          dataType: 'TEXT'
+        },
+        {
+          name: 'srftaskid',
+          prop: 'srftaskid',
+          dataType: 'TEXT'
+        }
+      ]
+    }
+  }
+
+}
\ No newline at end of file

app_web/src/widgets/wfprocess-node/main-grid/main-grid-service.ts

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

app_web/src/widgets/wfprocess-node/main-grid/main-grid.less

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

app_web/src/widgets/wfprocess-node/main-grid/main-grid.vue

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

app_web/src/widgets/wfprocess-node/pickup-viewpickupviewpanel-pickupviewpanel/pickup-viewpickupviewpanel-pickupviewpanel-base.vue

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

app_web/src/widgets/wfprocess-node/pickup-viewpickupviewpanel-pickupviewpanel/pickup-viewpickupviewpanel-pickupviewpanel-model.ts

+/**
+ * PickupViewpickupviewpanel 部件模型
+ *
+ * @export
+ * @class PickupViewpickupviewpanelModel
+ */
+export default class PickupViewpickupviewpanelModel {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof PickupViewpickupviewpanelModel
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'wfprocessnode',
+        prop: 'usertaskid',
+      },
+      {
+        name: 'usertaskname',
+      },
+      {
+        name: 'processdefinitionkey',
+      },
+      {
+        name: 'processdefinitionname',
+      },
+      {
+        name: 'version',
+      },
+      {
+        name: 'cnt',
+      },
+    ]
+  }
+
+
+}
\ No newline at end of file

app_web/src/widgets/wfprocess-node/pickup-viewpickupviewpanel-pickupviewpanel/pickup-viewpickupviewpanel-pickupviewpanel-service.ts

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

app_web/src/widgets/wfprocess-node/pickup-viewpickupviewpanel-pickupviewpanel/pickup-viewpickupviewpanel-pickupviewpanel.less

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

app_web/src/widgets/wfprocess-node/pickup-viewpickupviewpanel-pickupviewpanel/pickup-viewpickupviewpanel-pickupviewpanel.vue

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

ibzwf-app/ibzwf-app-web/src/main/resources/application-web-prod.yml

@@ -79,6 +79,10 @@ zuul:
       path: /wfprocessinstances/**
       serviceId: ${ibiz.ref.service.ibzwf-api:ibzwf-api}
       stripPrefix: false
+    wf_definition_node:
+      path: /wfprocessnodes/**
+      serviceId: ${ibiz.ref.service.ibzwf-api:ibzwf-api}
+      stripPrefix: false
     wf_group:
       path: /wfgroups/**
       serviceId: ${ibiz.ref.service.ibzwf-api:ibzwf-api}

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

@@ -37,6 +37,14 @@
     "datascope":[{"id":"all","name":"全部数据"}]
     }
     ,    {
+    "dename":"WFProcessNode",
+    "delogicname":"流程定义节点",
+    "sysmoudle":{"id":"WORKFLOW","name":"workflow"},
+    "dedataset":[{"id":"Default" , "name":"DEFAULT"}],
+    "deaction":[{"id":"Create" , "name":"Create" , "type":"BUILTIN" },{"id":"Update" , "name":"Update" , "type":"BUILTIN" },{"id":"Remove" , "name":"Remove" , "type":"BUILTIN" },{"id":"Get" , "name":"Get" , "type":"BUILTIN" },{"id":"GetDraft" , "name":"GetDraft" , "type":"BUILTIN" },{"id":"CheckKey" , "name":"CheckKey" , "type":"BUILTIN" },{"id":"Save" , "name":"Save" , "type":"BUILTIN" }],
+    "datascope":[{"id":"all","name":"全部数据"}]
+    }
+    ,    {
     "dename":"WFREModel",
     "delogicname":"流程模型",
     "sysmoudle":{"id":"WORKFLOW","name":"workflow"},

ibzwf-provider/ibzwf-provider-api/src/main/java/cn/ibizlab/api/dto/WFProcessNodeDTO.java

+package cn.ibizlab.api.dto;
+
+import java.sql.Timestamp;
+import java.util.ArrayList;
+import java.util.List;
+import java.math.BigInteger;
+import java.util.Map;
+import java.util.HashMap;
+import java.io.Serializable;
+import java.math.BigDecimal;
+import com.fasterxml.jackson.annotation.JsonIgnore;
+import com.fasterxml.jackson.annotation.JsonProperty;
+import com.fasterxml.jackson.annotation.JsonFormat;
+import com.fasterxml.jackson.databind.annotation.JsonSerialize;
+import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
+import com.alibaba.fastjson.annotation.JSONField;
+import javax.validation.constraints.NotBlank;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.Size;
+import cn.ibizlab.util.domain.DTOBase;
+import cn.ibizlab.util.domain.DTOClient;
+import lombok.Data;
+import io.swagger.annotations.ApiModel;
+import io.swagger.annotations.ApiModelProperty;
+
+/**
+ * 服务DTO对象[WFProcessNodeDTO]
+ */
+@Data
+@ApiModel("流程定义节点")
+public class WFProcessNodeDTO extends DTOBase implements Serializable {
+
+	private static final long serialVersionUID = 1L;
+
+    /**
+     * 属性 [NODEID]
+     *
+     */
+    @JSONField(name = "usertaskid")
+    @JsonProperty("usertaskid")
+    @Size(min = 0, max = 100, message = "内容长度必须小于等于[100]")
+    @ApiModelProperty("节点标识")
+    private String usertaskid;
+
+    /**
+     * 属性 [NODENAME]
+     *
+     */
+    @JSONField(name = "usertaskname")
+    @JsonProperty("usertaskname")
+    @Size(min = 0, max = 100, message = "内容长度必须小于等于[100]")
+    @ApiModelProperty("节点名称")
+    private String usertaskname;
+
+    /**
+     * 属性 [DEFINITIONKEY]
+     *
+     */
+    @JSONField(name = "processdefinitionkey")
+    @JsonProperty("processdefinitionkey")
+    @Size(min = 0, max = 100, message = "内容长度必须小于等于[100]")
+    @ApiModelProperty("DefinitionKey")
+    private String processdefinitionkey;
+
+    /**
+     * 属性 [DEFINITIONNAME]
+     *
+     */
+    @JSONField(name = "processdefinitionname")
+    @JsonProperty("processdefinitionname")
+    @Size(min = 0, max = 100, message = "内容长度必须小于等于[100]")
+    @ApiModelProperty("流程定义名称")
+    private String processdefinitionname;
+
+    /**
+     * 属性 [VERSION]
+     *
+     */
+    @JSONField(name = "version")
+    @JsonProperty("version")
+    @ApiModelProperty("版本")
+    private Integer version;
+
+    /**
+     * 属性 [CNT]
+     *
+     */
+    @JSONField(name = "cnt")
+    @JsonProperty("cnt")
+    @ApiModelProperty("数量")
+    private Integer cnt;
+
+
+    /**
+     * 设置 [NODENAME]
+     */
+    public void setUsertaskname(String  usertaskname){
+        this.usertaskname = usertaskname ;
+        this.modify("nodename",usertaskname);
+    }
+
+    /**
+     * 设置 [DEFINITIONKEY]
+     */
+    public void setProcessdefinitionkey(String  processdefinitionkey){
+        this.processdefinitionkey = processdefinitionkey ;
+        this.modify("definitionkey",processdefinitionkey);
+    }
+
+    /**
+     * 设置 [DEFINITIONNAME]
+     */
+    public void setProcessdefinitionname(String  processdefinitionname){
+        this.processdefinitionname = processdefinitionname ;
+        this.modify("definitionname",processdefinitionname);
+    }
+
+    /**
+     * 设置 [VERSION]
+     */
+    public void setVersion(Integer  version){
+        this.version = version ;
+        this.modify("version",version);
+    }
+
+    /**
+     * 设置 [CNT]
+     */
+    public void setCnt(Integer  cnt){
+        this.cnt = cnt ;
+        this.modify("cnt",cnt);
+    }
+
+
+}
+
+

ibzwf-provider/ibzwf-provider-api/src/main/java/cn/ibizlab/api/mapping/WFProcessNodeMapping.java

+package cn.ibizlab.api.mapping;
+
+import org.mapstruct.*;
+import cn.ibizlab.core.workflow.domain.WFProcessNode;
+import cn.ibizlab.api.dto.WFProcessNodeDTO;
+import cn.ibizlab.util.domain.MappingBase;
+
+@Mapper(componentModel = "spring", uses = {}, implementationName = "apiWFProcessNodeMapping",
+        nullValuePropertyMappingStrategy = NullValuePropertyMappingStrategy.IGNORE,
+        nullValueCheckStrategy = NullValueCheckStrategy.ALWAYS)
+public interface WFProcessNodeMapping extends MappingBase<WFProcessNodeDTO, WFProcessNode> {
+
+
+}

ibzwf-provider/ibzwf-provider-api/src/main/java/cn/ibizlab/api/rest/WFProcessNodeResource.java

+package cn.ibizlab.api.rest;
+
+import java.sql.Timestamp;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.math.BigInteger;
+import java.util.HashMap;
+import lombok.extern.slf4j.Slf4j;
+import com.alibaba.fastjson.JSONObject;
+import javax.servlet.ServletRequest;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.cglib.beans.BeanCopier;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.http.HttpStatus;
+import org.springframework.data.domain.PageRequest;
+import org.springframework.data.domain.Page;
+import org.springframework.data.domain.PageImpl;
+import org.springframework.data.domain.Pageable;
+import org.springframework.util.StringUtils;
+import org.springframework.context.annotation.Lazy;
+import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.security.access.prepost.PostAuthorize;
+import org.springframework.validation.annotation.Validated;
+import io.swagger.annotations.Api;
+import io.swagger.annotations.ApiOperation;
+import io.swagger.annotations.ApiResponse;
+import io.swagger.annotations.ApiResponses;
+import cn.ibizlab.api.dto.*;
+import cn.ibizlab.api.mapping.*;
+import cn.ibizlab.core.workflow.domain.WFProcessNode;
+import cn.ibizlab.core.workflow.service.IWFProcessNodeService;
+import cn.ibizlab.core.workflow.filter.WFProcessNodeSearchContext;
+import cn.ibizlab.util.annotation.VersionCheck;
+
+@Slf4j
+@Api(tags = {"流程定义节点" })
+@RestController("api-wfprocessnode")
+@RequestMapping("")
+public class WFProcessNodeResource {
+
+    @Autowired
+    public IWFProcessNodeService wfprocessnodeService;
+
+    @Autowired
+    @Lazy
+    public WFProcessNodeMapping wfprocessnodeMapping;
+
+
+
+}
+