lab_gzf 发布系统代码

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

@@ -1389,6 +1389,16 @@
         "viewtag": "795099de0273f3172b18315bc3dae5e1",
         "memo": ""
     },
+    "salesordercancelgridview": {
+        "title": "订单信息",
+        "caption": "订单",
+        "viewtype": "DEGRIDVIEW",
+        "viewmodule": "Sales",
+        "viewname": "SalesOrderCancelGridView",
+        "viewfilename": "sales-order-cancel-grid-view",
+        "viewtag": "7a406a001b323adf49ae7f63ee53b21b",
+        "memo": "系统自动添加"
+    },
     "campaignresponsequickcreate": {
         "title": "快速新建",
         "caption": "快速新建",
@@ -2109,6 +2119,16 @@
         "viewtag": "b153b539b40b2ff7a9d81b6c0329cf25",
         "memo": "系统自动添加"
     },
+    "salesorderinvoicegridview": {
+        "title": "订单信息",
+        "caption": "订单",
+        "viewtype": "DEGRIDVIEW",
+        "viewmodule": "Sales",
+        "viewname": "SalesOrderInvoiceGridView",
+        "viewfilename": "sales-order-invoice-grid-view",
+        "viewtag": "b309094aa6e14d4a487da270a1e0f5aa",
+        "memo": "系统自动添加"
+    },
     "productgridview": {
         "title": "产品信息",
         "caption": "产品",

app_CRM/src/locale/lanres/entities/sales-order/sales-order_en_US.ts

@@ -121,6 +121,10 @@ export default {
 			caption: "订单",
       		title: "订单信息",
 		},
+		cancelgridview: {
+			caption: "订单",
+      		title: "订单信息",
+		},
 		summaryview: {
 			caption: "订单",
       		title: "订单数据看板视图",
@@ -129,6 +133,10 @@ export default {
 			caption: "订单",
       		title: "订单信息",
 		},
+		invoicegridview: {
+			caption: "订单",
+      		title: "订单信息",
+		},
 		pickupgridview: {
 			caption: "订单",
       		title: "订单选择表格视图",
@@ -372,6 +380,90 @@ export default {
 			tip: "Filter",
 		},
 	},
+	invoicegridviewtoolbar_toolbar: {
+		tbitem1_openquickcreateview: {
+			caption: "新建",
+			tip: "新建",
+		},
+		tbitem2: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem4: {
+			caption: "Edit",
+			tip: "Edit {0}",
+		},
+		tbitem6: {
+			caption: "Copy",
+			tip: "Copy {0}",
+		},
+		tbitem7: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem8: {
+			caption: "Remove",
+			tip: "Remove {0}",
+		},
+		tbitem9: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem13: {
+			caption: "Export",
+			tip: "Export {0} Data To Excel",
+		},
+		tbitem10: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem19: {
+			caption: "Filter",
+			tip: "Filter",
+		},
+	},
+	cancelgridviewtoolbar_toolbar: {
+		tbitem1_openquickcreateview: {
+			caption: "新建",
+			tip: "新建",
+		},
+		tbitem2: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem4: {
+			caption: "Edit",
+			tip: "Edit {0}",
+		},
+		tbitem6: {
+			caption: "Copy",
+			tip: "Copy {0}",
+		},
+		tbitem7: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem8: {
+			caption: "Remove",
+			tip: "Remove {0}",
+		},
+		tbitem9: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem13: {
+			caption: "Export",
+			tip: "Export {0} Data To Excel",
+		},
+		tbitem10: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem19: {
+			caption: "Filter",
+			tip: "Filter",
+		},
+	},
 	byparentkeytoolbar_toolbar: {
 		tbitem1_openquickcreateview: {
 			caption: "新建",

app_CRM/src/locale/lanres/entities/sales-order/sales-order_zh_CN.ts

@@ -120,6 +120,10 @@ export default {
 			caption: "订单",
       		title: "订单信息",
 		},
+		cancelgridview: {
+			caption: "订单",
+      		title: "订单信息",
+		},
 		summaryview: {
 			caption: "订单",
       		title: "订单数据看板视图",
@@ -128,6 +132,10 @@ export default {
 			caption: "订单",
       		title: "订单信息",
 		},
+		invoicegridview: {
+			caption: "订单",
+      		title: "订单信息",
+		},
 		pickupgridview: {
 			caption: "订单",
       		title: "订单选择表格视图",
@@ -371,6 +379,90 @@ export default {
 			tip: "过滤",
 		},
 	},
+	invoicegridviewtoolbar_toolbar: {
+		tbitem1_openquickcreateview: {
+			caption: "新建",
+			tip: "新建",
+		},
+		tbitem2: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem4: {
+			caption: "编辑",
+			tip: "编辑",
+		},
+		tbitem6: {
+			caption: "拷贝",
+			tip: "拷贝",
+		},
+		tbitem7: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem8: {
+			caption: "删除",
+			tip: "删除",
+		},
+		tbitem9: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem13: {
+			caption: "导出",
+			tip: "导出",
+		},
+		tbitem10: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem19: {
+			caption: "过滤",
+			tip: "过滤",
+		},
+	},
+	cancelgridviewtoolbar_toolbar: {
+		tbitem1_openquickcreateview: {
+			caption: "新建",
+			tip: "新建",
+		},
+		tbitem2: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem4: {
+			caption: "编辑",
+			tip: "编辑",
+		},
+		tbitem6: {
+			caption: "拷贝",
+			tip: "拷贝",
+		},
+		tbitem7: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem8: {
+			caption: "删除",
+			tip: "删除",
+		},
+		tbitem9: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem13: {
+			caption: "导出",
+			tip: "导出",
+		},
+		tbitem10: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem19: {
+			caption: "过滤",
+			tip: "过滤",
+		},
+	},
 	byparentkeytoolbar_toolbar: {
 		tbitem1_openquickcreateview: {
 			caption: "新建",

app_CRM/src/mock/viewconfig/viewconfig.ts

@@ -1119,6 +1119,14 @@ mock.onGet('./assets/json/view-config.json').reply((config: any) => {
             "viewname": "LeadInfo_Contact",
             "viewtag": "795099de0273f3172b18315bc3dae5e1"
         },
+        "salesordercancelgridview": {
+            "title": "订单信息",
+            "caption": "订单",
+            "viewtype": "DEGRIDVIEW",
+            "viewmodule": "Sales",
+            "viewname": "SalesOrderCancelGridView",
+            "viewtag": "7a406a001b323adf49ae7f63ee53b21b"
+        },
         "campaignresponsequickcreate": {
             "title": "快速新建",
             "caption": "快速新建",
@@ -1695,6 +1703,14 @@ mock.onGet('./assets/json/view-config.json').reply((config: any) => {
             "viewname": "CompetitorPickupView",
             "viewtag": "b153b539b40b2ff7a9d81b6c0329cf25"
         },
+        "salesorderinvoicegridview": {
+            "title": "订单信息",
+            "caption": "订单",
+            "viewtype": "DEGRIDVIEW",
+            "viewmodule": "Sales",
+            "viewname": "SalesOrderInvoiceGridView",
+            "viewtag": "b309094aa6e14d4a487da270a1e0f5aa"
+        },
         "productgridview": {
             "title": "产品信息",
             "caption": "产品",

app_CRM/src/pages/sales/sales-order-cancel-grid-view/sales-order-cancel-grid-view-base.tsx

+
+import { Subject } from 'rxjs';
+import { GridViewBase } from '@/studio-core';
+import SalesOrderService from '@/service/sales-order/sales-order-service';
+import GridViewEngine from '@engine/view/grid-view-engine';
+import SalesOrderUIService from '@/uiservice/sales-order/sales-order-ui-service';
+import CodeListService from "@service/app/codelist-service";
+
+
+/**
+ * 订单信息视图基类
+ *
+ * @export
+ * @class SalesOrderCancelGridViewBase
+ * @extends {GridViewBase}
+ */
+export class SalesOrderCancelGridViewBase extends GridViewBase {
+    /**
+     * 视图对应应用实体名称
+     *
+     * @protected
+     * @type {string}
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    protected appDeName: string = 'salesorder';
+
+    /**
+     * 应用实体主键
+     *
+     * @protected
+     * @type {string}
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    protected appDeKey: string = 'salesorderid';
+
+    /**
+     * 应用实体主信息
+     *
+     * @protected
+     * @type {string}
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    protected appDeMajor: string = 'salesordername';
+
+    /**
+     * 实体服务对象
+     *
+     * @type {SalesOrderService}
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    protected appEntityService: SalesOrderService = new SalesOrderService;
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @protected
+     * @type {Array<*>}
+     * @memberof SalesOrderCancelGridViewBase
+     */    
+    protected counterServiceArray: Array<any> = [];
+
+    /**
+     * 视图模型数据
+     *
+     * @protected
+     * @type {*}
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    protected model: any = {
+        srfCaption: 'entities.salesorder.views.cancelgridview.caption',
+        srfTitle: 'entities.salesorder.views.cancelgridview.title',
+        srfSubTitle: 'entities.salesorder.views.cancelgridview.subtitle',
+        dataInfo: ''
+    }
+
+    /**
+     * 容器模型
+     *
+     * @protected
+     * @type {*}
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    protected containerModel: any = {
+        view_toolbar: { name: 'toolbar', type: 'TOOLBAR' },
+        view_grid: { name: 'grid', type: 'GRID' },
+        view_searchform: { name: 'searchform', type: 'SEARCHFORM' },
+    };
+
+    /**
+     * 工具栏模型
+     *
+     * @type {*}
+     * @memberof SalesOrderCancelGridView
+     */
+    public toolBarModels: any = {
+        tbitem1_openquickcreateview: { name: 'tbitem1_openquickcreateview', caption: '新建','isShowCaption':true,'isShowIcon':true, tooltip: '新建', iconcls: 'fa fa-user-plus', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'OpenQuickCreateView', target: 'NONE' }, class: '' },
+
+        tbitem2: {  name: 'tbitem2', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem4: { name: 'tbitem4', caption: '编辑','isShowCaption':true,'isShowIcon':true, tooltip: '编辑', iconcls: 'fa fa-edit', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Edit', target: 'SINGLEKEY' }, class: '' },
+
+        tbitem6: { name: 'tbitem6', caption: '拷贝','isShowCaption':true,'isShowIcon':true, tooltip: '拷贝', iconcls: 'fa fa-copy', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Copy', target: 'SINGLEKEY' }, class: '' },
+
+        tbitem7: {  name: 'tbitem7', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem8: { name: 'tbitem8', caption: '删除','isShowCaption':true,'isShowIcon':true, tooltip: '删除', iconcls: 'fa fa-remove', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Remove', target: 'MULTIKEY' }, class: '' },
+
+        tbitem9: {  name: 'tbitem9', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem13: { name: 'tbitem13', caption: '导出','isShowCaption':true,'isShowIcon':true, tooltip: '导出', iconcls: 'fa fa-file-excel-o', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'ExportExcel', target: '' }, MaxRowCount: 1000, class: '' },
+
+        tbitem10: {  name: 'tbitem10', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem19: { name: 'tbitem19', caption: '过滤','isShowCaption':true,'isShowIcon':true, tooltip: '过滤', iconcls: 'fa fa-filter', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'ToggleFilter', target: '' }, class: '' },
+
+    };
+
+
+
+	/**
+     * 视图唯一标识
+     *
+     * @protected
+     * @type {string}
+     * @memberof ViewBase
+     */
+	protected viewtag: string = '7a406a001b323adf49ae7f63ee53b21b';
+
+
+    /**
+     * 视图引擎
+     *
+     * @public
+     * @type {Engine}
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public engine: GridViewEngine = new GridViewEngine();
+
+    /**
+     * 引擎初始化
+     *
+     * @public
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public engineInit(): void {
+        this.engine.init({
+            view: this,
+            opendata: (args: any[],fullargs?:any[],params?: any, $event?: any, xData?: any) => {
+                this.opendata(args,fullargs, params, $event, xData);
+            },
+            newdata: (args: any[],fullargs?:any[],params?: any, $event?: any, xData?: any) => {
+                this.newdata(args,fullargs, params, $event, xData);
+            },
+            grid: this.$refs.grid,
+            searchform: this.$refs.searchform,
+            keyPSDEField: 'salesorder',
+            majorPSDEField: 'salesordername',
+            isLoadDefault: true,
+        });
+    }
+
+    /**
+     * toolbar 部件 click 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public toolbar_click($event: any, $event2?: any): void {
+        if (Object.is($event.tag, 'tbitem1_openquickcreateview')) {
+            this.toolbar_tbitem1_openquickcreateview_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem4')) {
+            this.toolbar_tbitem4_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem6')) {
+            this.toolbar_tbitem6_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem8')) {
+            this.toolbar_tbitem8_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem13')) {
+            this.toolbar_tbitem13_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem11')) {
+            this.toolbar_tbitem11_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem19')) {
+            this.toolbar_tbitem19_click(null, '', $event2);
+        }
+    }
+
+    /**
+     * grid 部件 selectionchange 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public grid_selectionchange($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('grid', 'selectionchange', $event);
+    }
+
+    /**
+     * grid 部件 beforeload 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public grid_beforeload($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('grid', 'beforeload', $event);
+    }
+
+    /**
+     * grid 部件 rowdblclick 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public grid_rowdblclick($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('grid', 'rowdblclick', $event);
+    }
+
+    /**
+     * grid 部件 remove 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public grid_remove($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('grid', 'remove', $event);
+    }
+
+    /**
+     * grid 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public grid_load($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('grid', 'load', $event);
+    }
+
+    /**
+     * searchform 部件 save 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public searchform_save($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('searchform', 'save', $event);
+    }
+
+    /**
+     * searchform 部件 search 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public searchform_search($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('searchform', 'search', $event);
+    }
+
+    /**
+     * searchform 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public searchform_load($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('searchform', 'load', $event);
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem1_openquickcreateview_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        const curUIService:SalesOrderUIService  = new SalesOrderUIService();
+        curUIService.SalesOrder_OpenQuickCreateView(datas,contextJO, paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem4_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Edit(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem6_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Copy(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem8_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Remove(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem13_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.ExportExcel(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem11_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Print(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem19_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.ToggleFilter(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 打开新建数据视图
+     *
+     * @param {any[]} args
+     * @param {*} [params]
+     * @param {*} [fullargs]
+     * @param {*} [$event]
+     * @param {*} [xData]
+     * @memberof SalesOrderCancelGridView
+     */
+    public newdata(args: any[],fullargs?:any[], params?: any, $event?: any, xData?: any) {
+        let localContext:any = null;
+        let localViewParam:any =null;
+        const data: any = {};
+        if(args[0].srfsourcekey){
+            data.srfsourcekey = args[0].srfsourcekey;
+        }
+        let tempContext = JSON.parse(JSON.stringify(this.context));
+        delete tempContext.salesorder;
+        if(args.length >0){
+            Object.assign(tempContext,args[0]);
+        }
+        let deResParameters: any[] = [];
+        if(tempContext.quote && true){
+            deResParameters = [
+            { pathName: 'quotes', parameterName: 'quote' },
+            ]
+        }
+        const parameters: any[] = [
+            { pathName: 'salesorders', parameterName: 'salesorder' },
+        ];
+        const _this: any = this;
+        const openDrawer = (view: any, data: any) => {
+            let container: Subject<any> = this.$appdrawer.openDrawer(view, tempContext, data);
+            container.subscribe((result: any) => {
+                if (!result || !Object.is(result.ret, 'OK')) {
+                    return;
+                }
+                if (!xData || !(xData.refresh instanceof Function)) {
+                    return;
+                }
+                xData.refresh(result.datas);
+            });
+        }
+        const view: any = {
+            viewname: 'sales-order-quick-create-view', 
+            height: 0, 
+            width: 0,  
+            title: this.$t('entities.salesorder.views.quickcreateview.title'),
+            placement: 'DRAWER_RIGHT',
+        };
+        openDrawer(view, data);
+    }
+
+
+    /**
+     * 打开编辑数据视图
+     *
+     * @param {any[]} args
+     * @param {*} [params]
+     * @param {*} [fullargs]
+     * @param {*} [$event]
+     * @param {*} [xData]
+     * @memberof SalesOrderCancelGridView
+     */
+    public opendata(args: any[],fullargs?:any[],params?: any, $event?: any, xData?: any) {
+        let localContext:any = null;
+        let localViewParam:any =null;
+        const data: any = {};
+        let tempContext = JSON.parse(JSON.stringify(this.context));
+        if(args.length >0){
+            Object.assign(tempContext,args[0]);
+        }
+        let deResParameters: any[] = [];
+        if(tempContext.quote && true){
+            deResParameters = [
+            { pathName: 'quotes', parameterName: 'quote' },
+            ]
+        }
+        const parameters: any[] = [
+            { pathName: 'salesorders', parameterName: 'salesorder' },
+            { pathName: 'infoview', parameterName: 'infoview' },
+        ];
+        const _this: any = this;
+        const openIndexViewTab = (data: any) => {
+            const routePath = this.$viewTool.buildUpRoutePath(this.$route, tempContext, deResParameters, parameters, args, data);
+            this.$router.push(routePath);
+        }
+        openIndexViewTab(data);
+    }
+
+
+    /**
+     * 编辑
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public Edit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        if (args.length === 0) {
+            return;
+        }
+        const _this: any = this;
+        if (_this.opendata && _this.opendata instanceof Function) {
+            const data: any = { };
+            if (args.length > 0) {
+                Object.assign(data, { salesorder: args[0].salesorder })
+            }
+            _this.opendata([{ ...data }], params, $event, xData);
+        } else {
+            _this.$Notice.error({ title: '错误', desc: 'opendata 视图处理逻辑不存在，请添加!' });
+        }
+    }
+    /**
+     * 拷贝
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public Copy(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        if (args.length === 0) {
+            return;
+        }
+        const _this: any = this;
+        if (_this.newdata && _this.newdata instanceof Function) {
+            const data: any = {};
+            if (args.length > 0) {
+                Object.assign(data, { srfsourcekey: args[0].srfkey })
+                actionContext.$store.commit('addCopyData', { srfkey: args[0].srfkey, copyData: args[0] });
+            }
+            _this.newdata([{ ...data }],[{ ...data }],params, $event, xData);
+        } else if (xData && xData.copy instanceof Function) {
+            if (args.length > 0) {
+                actionContext.$store.commit('addCopyData', { srfkey: args[0].srfkey, copyData: args[0] });
+            }
+            xData.copy(args[0].srfkey);
+        } else {
+            _this.$Notice.error({ title: '错误', desc: 'opendata 视图处理逻辑不存在，请添加!' });
+        }
+    }
+    /**
+     * 删除
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public Remove(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (!xData || !(xData.remove instanceof Function)) {
+            return ;
+        }
+        xData.remove(args);
+    }
+
+    /**
+     * 导出
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public ExportExcel(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (!xData || !(xData.exportExcel instanceof Function) || !$event) {
+            return ;
+        }
+        xData.exportExcel($event.exportparms);
+    }
+    /**
+     * 打印
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public Print(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        let _this:any = this;
+        if (!xData || !(xData.print instanceof Function) || !$event) {
+            return ;
+        }
+        xData.print();
+    }
+    /**
+     * 过滤
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderCancelGridViewBase
+     */
+    public ToggleFilter(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (_this.hasOwnProperty('isExpandSearchForm')) {
+            _this.isExpandSearchForm = !_this.isExpandSearchForm;
+        }
+    }
+}
\ No newline at end of file

app_CRM/src/pages/sales/sales-order-cancel-grid-view/sales-order-cancel-grid-view.html

+<studio-view-style2 viewName="salesordercancelgridview" viewTitle="订单信息" class='degridview sales-order-cancel-grid-view'>
+    <i-input slot="quickSearch" v-show="!isExpandSearchForm" v-model="query" search @on-search="onSearch($event)"/>
+    <template slot="toolbar">
+                <view-toolbar mode="STYLE2" :model="toolBarModels" @item-click="toolbar_click($event)"/>    </template>
+    <template slot="searchForm">
+                <view_searchform 
+            :viewState="viewState"  
+            :viewparams="viewparams" 
+            :context="context" 
+            :showBusyIndicator="true"
+            v-show="isExpandSearchForm"
+            loaddraftAction="FilterGetDraft"
+            loadAction="FilterGet"
+        
+            name="searchform"  
+            ref='searchform' 
+            @save="searchform_save($event)"  
+            @search="searchform_search($event)"  
+            @load="searchform_load($event)"  
+            @closeview="closeView($event)">
+        </view_searchform>
+    </template>
+    <view_grid 
+        :viewState="viewState"  
+        :viewparams="viewparams" 
+        :context="context" 
+        :isSingleSelect="isGridSingleSelect"
+        :showBusyIndicator="true"
+        :isOpenEdit="false"
+        :gridRowActiveMode="gridRowActiveMode"
+        @save="onSave"
+        updateAction=""
+        removeAction="Remove"
+        loaddraftAction=""
+        loadAction=""
+        createAction=""
+        fetchAction="FetchCancel"
+        :newdata="newdata"
+        :opendata="opendata"
+        name="grid"  
+        ref='grid' 
+        @selectionchange="grid_selectionchange($event)"  
+        @beforeload="grid_beforeload($event)"  
+        @rowdblclick="grid_rowdblclick($event)"  
+        @remove="grid_remove($event)"  
+        @load="grid_load($event)"  
+        @closeview="closeView($event)">
+    </view_grid>
+</studio-view-style2>
\ No newline at end of file

app_CRM/src/pages/sales/sales-order-cancel-grid-view/sales-order-cancel-grid-view.vue

+<template src="./sales-order-cancel-grid-view.html"/>
+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import { VueLifeCycleProcessing } from '@/studio-core';
+import { SalesOrderCancelGridViewBase } from './sales-order-cancel-grid-view-base';
+import view_grid from '@widgets/sales-order/main-grid/main-grid.vue';
+import view_searchform from '@widgets/sales-order/default-searchform/default-searchform.vue';
+
+/**
+ * 订单信息视图
+ *
+ * @export
+ * @class SalesOrderCancelGridView
+ * @extends {SalesOrderCancelGridViewBase}
+ */
+@Component({
+    components: {
+        view_grid, 
+        view_searchform, 
+    }
+})
+@VueLifeCycleProcessing()
+export default class SalesOrderCancelGridView extends SalesOrderCancelGridViewBase { }
+</script>

app_CRM/src/pages/sales/sales-order-finish-grid-view/sales-order-finish-grid-view-base.tsx

+
+import { Subject } from 'rxjs';
+import { GridViewBase } from '@/studio-core';
+import SalesOrderService from '@/service/sales-order/sales-order-service';
+import GridViewEngine from '@engine/view/grid-view-engine';
+import SalesOrderUIService from '@/uiservice/sales-order/sales-order-ui-service';
+import CodeListService from "@service/app/codelist-service";
+
+
+/**
+ * 订单信息视图基类
+ *
+ * @export
+ * @class SalesOrderFinishGridViewBase
+ * @extends {GridViewBase}
+ */
+export class SalesOrderFinishGridViewBase extends GridViewBase {
+    /**
+     * 视图对应应用实体名称
+     *
+     * @protected
+     * @type {string}
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    protected appDeName: string = 'salesorder';
+
+    /**
+     * 应用实体主键
+     *
+     * @protected
+     * @type {string}
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    protected appDeKey: string = 'salesorderid';
+
+    /**
+     * 应用实体主信息
+     *
+     * @protected
+     * @type {string}
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    protected appDeMajor: string = 'salesordername';
+
+    /**
+     * 实体服务对象
+     *
+     * @type {SalesOrderService}
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    protected appEntityService: SalesOrderService = new SalesOrderService;
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @protected
+     * @type {Array<*>}
+     * @memberof SalesOrderFinishGridViewBase
+     */    
+    protected counterServiceArray: Array<any> = [];
+
+    /**
+     * 视图模型数据
+     *
+     * @protected
+     * @type {*}
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    protected model: any = {
+        srfCaption: 'entities.salesorder.views.finishgridview.caption',
+        srfTitle: 'entities.salesorder.views.finishgridview.title',
+        srfSubTitle: 'entities.salesorder.views.finishgridview.subtitle',
+        dataInfo: ''
+    }
+
+    /**
+     * 容器模型
+     *
+     * @protected
+     * @type {*}
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    protected containerModel: any = {
+        view_toolbar: { name: 'toolbar', type: 'TOOLBAR' },
+        view_grid: { name: 'grid', type: 'GRID' },
+        view_searchform: { name: 'searchform', type: 'SEARCHFORM' },
+    };
+
+    /**
+     * 工具栏模型
+     *
+     * @type {*}
+     * @memberof SalesOrderFinishGridView
+     */
+    public toolBarModels: any = {
+        tbitem1_openquickcreateview: { name: 'tbitem1_openquickcreateview', caption: '新建','isShowCaption':true,'isShowIcon':true, tooltip: '新建', iconcls: 'fa fa-user-plus', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'OpenQuickCreateView', target: 'NONE' }, class: '' },
+
+        tbitem2: {  name: 'tbitem2', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem4: { name: 'tbitem4', caption: '编辑','isShowCaption':true,'isShowIcon':true, tooltip: '编辑', iconcls: 'fa fa-edit', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Edit', target: 'SINGLEKEY' }, class: '' },
+
+        tbitem6: { name: 'tbitem6', caption: '拷贝','isShowCaption':true,'isShowIcon':true, tooltip: '拷贝', iconcls: 'fa fa-copy', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Copy', target: 'SINGLEKEY' }, class: '' },
+
+        tbitem7: {  name: 'tbitem7', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem8: { name: 'tbitem8', caption: '删除','isShowCaption':true,'isShowIcon':true, tooltip: '删除', iconcls: 'fa fa-remove', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Remove', target: 'MULTIKEY' }, class: '' },
+
+        tbitem9: {  name: 'tbitem9', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem13: { name: 'tbitem13', caption: '导出','isShowCaption':true,'isShowIcon':true, tooltip: '导出', iconcls: 'fa fa-file-excel-o', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'ExportExcel', target: '' }, MaxRowCount: 1000, class: '' },
+
+        tbitem10: {  name: 'tbitem10', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem19: { name: 'tbitem19', caption: '过滤','isShowCaption':true,'isShowIcon':true, tooltip: '过滤', iconcls: 'fa fa-filter', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'ToggleFilter', target: '' }, class: '' },
+
+    };
+
+
+
+	/**
+     * 视图唯一标识
+     *
+     * @protected
+     * @type {string}
+     * @memberof ViewBase
+     */
+	protected viewtag: string = '21c30b09fecb0ca2979cf270e3c8b5db';
+
+
+    /**
+     * 视图引擎
+     *
+     * @public
+     * @type {Engine}
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public engine: GridViewEngine = new GridViewEngine();
+
+    /**
+     * 引擎初始化
+     *
+     * @public
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public engineInit(): void {
+        this.engine.init({
+            view: this,
+            opendata: (args: any[],fullargs?:any[],params?: any, $event?: any, xData?: any) => {
+                this.opendata(args,fullargs, params, $event, xData);
+            },
+            newdata: (args: any[],fullargs?:any[],params?: any, $event?: any, xData?: any) => {
+                this.newdata(args,fullargs, params, $event, xData);
+            },
+            grid: this.$refs.grid,
+            searchform: this.$refs.searchform,
+            keyPSDEField: 'salesorder',
+            majorPSDEField: 'salesordername',
+            isLoadDefault: true,
+        });
+    }
+
+    /**
+     * toolbar 部件 click 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public toolbar_click($event: any, $event2?: any): void {
+        if (Object.is($event.tag, 'tbitem1_openquickcreateview')) {
+            this.toolbar_tbitem1_openquickcreateview_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem4')) {
+            this.toolbar_tbitem4_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem6')) {
+            this.toolbar_tbitem6_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem8')) {
+            this.toolbar_tbitem8_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem13')) {
+            this.toolbar_tbitem13_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem11')) {
+            this.toolbar_tbitem11_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem19')) {
+            this.toolbar_tbitem19_click(null, '', $event2);
+        }
+    }
+
+    /**
+     * grid 部件 selectionchange 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public grid_selectionchange($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('grid', 'selectionchange', $event);
+    }
+
+    /**
+     * grid 部件 beforeload 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public grid_beforeload($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('grid', 'beforeload', $event);
+    }
+
+    /**
+     * grid 部件 rowdblclick 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public grid_rowdblclick($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('grid', 'rowdblclick', $event);
+    }
+
+    /**
+     * grid 部件 remove 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public grid_remove($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('grid', 'remove', $event);
+    }
+
+    /**
+     * grid 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public grid_load($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('grid', 'load', $event);
+    }
+
+    /**
+     * searchform 部件 save 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public searchform_save($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('searchform', 'save', $event);
+    }
+
+    /**
+     * searchform 部件 search 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public searchform_search($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('searchform', 'search', $event);
+    }
+
+    /**
+     * searchform 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public searchform_load($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('searchform', 'load', $event);
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem1_openquickcreateview_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        const curUIService:SalesOrderUIService  = new SalesOrderUIService();
+        curUIService.SalesOrder_OpenQuickCreateView(datas,contextJO, paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem4_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Edit(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem6_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Copy(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem8_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Remove(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem13_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.ExportExcel(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem11_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Print(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem19_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.ToggleFilter(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 打开新建数据视图
+     *
+     * @param {any[]} args
+     * @param {*} [params]
+     * @param {*} [fullargs]
+     * @param {*} [$event]
+     * @param {*} [xData]
+     * @memberof SalesOrderFinishGridView
+     */
+    public newdata(args: any[],fullargs?:any[], params?: any, $event?: any, xData?: any) {
+        let localContext:any = null;
+        let localViewParam:any =null;
+        const data: any = {};
+        if(args[0].srfsourcekey){
+            data.srfsourcekey = args[0].srfsourcekey;
+        }
+        let tempContext = JSON.parse(JSON.stringify(this.context));
+        delete tempContext.salesorder;
+        if(args.length >0){
+            Object.assign(tempContext,args[0]);
+        }
+        let deResParameters: any[] = [];
+        if(tempContext.quote && true){
+            deResParameters = [
+            { pathName: 'quotes', parameterName: 'quote' },
+            ]
+        }
+        const parameters: any[] = [
+            { pathName: 'salesorders', parameterName: 'salesorder' },
+        ];
+        const _this: any = this;
+        const openDrawer = (view: any, data: any) => {
+            let container: Subject<any> = this.$appdrawer.openDrawer(view, tempContext, data);
+            container.subscribe((result: any) => {
+                if (!result || !Object.is(result.ret, 'OK')) {
+                    return;
+                }
+                if (!xData || !(xData.refresh instanceof Function)) {
+                    return;
+                }
+                xData.refresh(result.datas);
+            });
+        }
+        const view: any = {
+            viewname: 'sales-order-quick-create-view', 
+            height: 0, 
+            width: 0,  
+            title: this.$t('entities.salesorder.views.quickcreateview.title'),
+            placement: 'DRAWER_RIGHT',
+        };
+        openDrawer(view, data);
+    }
+
+
+    /**
+     * 打开编辑数据视图
+     *
+     * @param {any[]} args
+     * @param {*} [params]
+     * @param {*} [fullargs]
+     * @param {*} [$event]
+     * @param {*} [xData]
+     * @memberof SalesOrderFinishGridView
+     */
+    public opendata(args: any[],fullargs?:any[],params?: any, $event?: any, xData?: any) {
+        let localContext:any = null;
+        let localViewParam:any =null;
+        const data: any = {};
+        let tempContext = JSON.parse(JSON.stringify(this.context));
+        if(args.length >0){
+            Object.assign(tempContext,args[0]);
+        }
+        let deResParameters: any[] = [];
+        if(tempContext.quote && true){
+            deResParameters = [
+            { pathName: 'quotes', parameterName: 'quote' },
+            ]
+        }
+        const parameters: any[] = [
+            { pathName: 'salesorders', parameterName: 'salesorder' },
+            { pathName: 'infoview', parameterName: 'infoview' },
+        ];
+        const _this: any = this;
+        const openIndexViewTab = (data: any) => {
+            const routePath = this.$viewTool.buildUpRoutePath(this.$route, tempContext, deResParameters, parameters, args, data);
+            this.$router.push(routePath);
+        }
+        openIndexViewTab(data);
+    }
+
+
+    /**
+     * 编辑
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public Edit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        if (args.length === 0) {
+            return;
+        }
+        const _this: any = this;
+        if (_this.opendata && _this.opendata instanceof Function) {
+            const data: any = { };
+            if (args.length > 0) {
+                Object.assign(data, { salesorder: args[0].salesorder })
+            }
+            _this.opendata([{ ...data }], params, $event, xData);
+        } else {
+            _this.$Notice.error({ title: '错误', desc: 'opendata 视图处理逻辑不存在，请添加!' });
+        }
+    }
+    /**
+     * 拷贝
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public Copy(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        if (args.length === 0) {
+            return;
+        }
+        const _this: any = this;
+        if (_this.newdata && _this.newdata instanceof Function) {
+            const data: any = {};
+            if (args.length > 0) {
+                Object.assign(data, { srfsourcekey: args[0].srfkey })
+                actionContext.$store.commit('addCopyData', { srfkey: args[0].srfkey, copyData: args[0] });
+            }
+            _this.newdata([{ ...data }],[{ ...data }],params, $event, xData);
+        } else if (xData && xData.copy instanceof Function) {
+            if (args.length > 0) {
+                actionContext.$store.commit('addCopyData', { srfkey: args[0].srfkey, copyData: args[0] });
+            }
+            xData.copy(args[0].srfkey);
+        } else {
+            _this.$Notice.error({ title: '错误', desc: 'opendata 视图处理逻辑不存在，请添加!' });
+        }
+    }
+    /**
+     * 删除
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public Remove(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (!xData || !(xData.remove instanceof Function)) {
+            return ;
+        }
+        xData.remove(args);
+    }
+
+    /**
+     * 导出
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public ExportExcel(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (!xData || !(xData.exportExcel instanceof Function) || !$event) {
+            return ;
+        }
+        xData.exportExcel($event.exportparms);
+    }
+    /**
+     * 打印
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public Print(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        let _this:any = this;
+        if (!xData || !(xData.print instanceof Function) || !$event) {
+            return ;
+        }
+        xData.print();
+    }
+    /**
+     * 过滤
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderFinishGridViewBase
+     */
+    public ToggleFilter(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (_this.hasOwnProperty('isExpandSearchForm')) {
+            _this.isExpandSearchForm = !_this.isExpandSearchForm;
+        }
+    }
+}
\ No newline at end of file

app_CRM/src/pages/sales/sales-order-finish-grid-view/sales-order-finish-grid-view.html

+<studio-view-style2 viewName="salesorderfinishgridview" viewTitle="订单信息" class='degridview sales-order-finish-grid-view'>
+    <i-input slot="quickSearch" v-show="!isExpandSearchForm" v-model="query" search @on-search="onSearch($event)"/>
+    <template slot="toolbar">
+                <view-toolbar mode="STYLE2" :model="toolBarModels" @item-click="toolbar_click($event)"/>    </template>
+    <template slot="searchForm">
+                <view_searchform 
+            :viewState="viewState"  
+            :viewparams="viewparams" 
+            :context="context" 
+            :showBusyIndicator="true"
+            v-show="isExpandSearchForm"
+            loaddraftAction="FilterGetDraft"
+            loadAction="FilterGet"
+        
+            name="searchform"  
+            ref='searchform' 
+            @save="searchform_save($event)"  
+            @search="searchform_search($event)"  
+            @load="searchform_load($event)"  
+            @closeview="closeView($event)">
+        </view_searchform>
+    </template>
+    <view_grid 
+        :viewState="viewState"  
+        :viewparams="viewparams" 
+        :context="context" 
+        :isSingleSelect="isGridSingleSelect"
+        :showBusyIndicator="true"
+        :isOpenEdit="false"
+        :gridRowActiveMode="gridRowActiveMode"
+        @save="onSave"
+        updateAction=""
+        removeAction="Remove"
+        loaddraftAction=""
+        loadAction=""
+        createAction=""
+        fetchAction="FetchFinish"
+        :newdata="newdata"
+        :opendata="opendata"
+        name="grid"  
+        ref='grid' 
+        @selectionchange="grid_selectionchange($event)"  
+        @beforeload="grid_beforeload($event)"  
+        @rowdblclick="grid_rowdblclick($event)"  
+        @remove="grid_remove($event)"  
+        @load="grid_load($event)"  
+        @closeview="closeView($event)">
+    </view_grid>
+</studio-view-style2>
\ No newline at end of file

app_CRM/src/pages/sales/sales-order-finish-grid-view/sales-order-finish-grid-view.vue

+<template src="./sales-order-finish-grid-view.html"/>
+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import { VueLifeCycleProcessing } from '@/studio-core';
+import { SalesOrderFinishGridViewBase } from './sales-order-finish-grid-view-base';
+import view_grid from '@widgets/sales-order/main-grid/main-grid.vue';
+import view_searchform from '@widgets/sales-order/default-searchform/default-searchform.vue';
+
+/**
+ * 订单信息视图
+ *
+ * @export
+ * @class SalesOrderFinishGridView
+ * @extends {SalesOrderFinishGridViewBase}
+ */
+@Component({
+    components: {
+        view_grid, 
+        view_searchform, 
+    }
+})
+@VueLifeCycleProcessing()
+export default class SalesOrderFinishGridView extends SalesOrderFinishGridViewBase { }
+</script>

app_CRM/src/pages/sales/sales-order-invoice-grid-view/sales-order-invoice-grid-view-base.tsx

+
+import { Subject } from 'rxjs';
+import { GridViewBase } from '@/studio-core';
+import SalesOrderService from '@/service/sales-order/sales-order-service';
+import GridViewEngine from '@engine/view/grid-view-engine';
+import SalesOrderUIService from '@/uiservice/sales-order/sales-order-ui-service';
+import CodeListService from "@service/app/codelist-service";
+
+
+/**
+ * 订单信息视图基类
+ *
+ * @export
+ * @class SalesOrderInvoiceGridViewBase
+ * @extends {GridViewBase}
+ */
+export class SalesOrderInvoiceGridViewBase extends GridViewBase {
+    /**
+     * 视图对应应用实体名称
+     *
+     * @protected
+     * @type {string}
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    protected appDeName: string = 'salesorder';
+
+    /**
+     * 应用实体主键
+     *
+     * @protected
+     * @type {string}
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    protected appDeKey: string = 'salesorderid';
+
+    /**
+     * 应用实体主信息
+     *
+     * @protected
+     * @type {string}
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    protected appDeMajor: string = 'salesordername';
+
+    /**
+     * 实体服务对象
+     *
+     * @type {SalesOrderService}
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    protected appEntityService: SalesOrderService = new SalesOrderService;
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @protected
+     * @type {Array<*>}
+     * @memberof SalesOrderInvoiceGridViewBase
+     */    
+    protected counterServiceArray: Array<any> = [];
+
+    /**
+     * 视图模型数据
+     *
+     * @protected
+     * @type {*}
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    protected model: any = {
+        srfCaption: 'entities.salesorder.views.invoicegridview.caption',
+        srfTitle: 'entities.salesorder.views.invoicegridview.title',
+        srfSubTitle: 'entities.salesorder.views.invoicegridview.subtitle',
+        dataInfo: ''
+    }
+
+    /**
+     * 容器模型
+     *
+     * @protected
+     * @type {*}
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    protected containerModel: any = {
+        view_toolbar: { name: 'toolbar', type: 'TOOLBAR' },
+        view_grid: { name: 'grid', type: 'GRID' },
+        view_searchform: { name: 'searchform', type: 'SEARCHFORM' },
+    };
+
+    /**
+     * 工具栏模型
+     *
+     * @type {*}
+     * @memberof SalesOrderInvoiceGridView
+     */
+    public toolBarModels: any = {
+        tbitem1_openquickcreateview: { name: 'tbitem1_openquickcreateview', caption: '新建','isShowCaption':true,'isShowIcon':true, tooltip: '新建', iconcls: 'fa fa-user-plus', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'OpenQuickCreateView', target: 'NONE' }, class: '' },
+
+        tbitem2: {  name: 'tbitem2', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem4: { name: 'tbitem4', caption: '编辑','isShowCaption':true,'isShowIcon':true, tooltip: '编辑', iconcls: 'fa fa-edit', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Edit', target: 'SINGLEKEY' }, class: '' },
+
+        tbitem6: { name: 'tbitem6', caption: '拷贝','isShowCaption':true,'isShowIcon':true, tooltip: '拷贝', iconcls: 'fa fa-copy', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Copy', target: 'SINGLEKEY' }, class: '' },
+
+        tbitem7: {  name: 'tbitem7', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem8: { name: 'tbitem8', caption: '删除','isShowCaption':true,'isShowIcon':true, tooltip: '删除', iconcls: 'fa fa-remove', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Remove', target: 'MULTIKEY' }, class: '' },
+
+        tbitem9: {  name: 'tbitem9', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem13: { name: 'tbitem13', caption: '导出','isShowCaption':true,'isShowIcon':true, tooltip: '导出', iconcls: 'fa fa-file-excel-o', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'ExportExcel', target: '' }, MaxRowCount: 1000, class: '' },
+
+        tbitem10: {  name: 'tbitem10', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem19: { name: 'tbitem19', caption: '过滤','isShowCaption':true,'isShowIcon':true, tooltip: '过滤', iconcls: 'fa fa-filter', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'ToggleFilter', target: '' }, class: '' },
+
+    };
+
+
+
+	/**
+     * 视图唯一标识
+     *
+     * @protected
+     * @type {string}
+     * @memberof ViewBase
+     */
+	protected viewtag: string = 'b309094aa6e14d4a487da270a1e0f5aa';
+
+
+    /**
+     * 视图引擎
+     *
+     * @public
+     * @type {Engine}
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public engine: GridViewEngine = new GridViewEngine();
+
+    /**
+     * 引擎初始化
+     *
+     * @public
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public engineInit(): void {
+        this.engine.init({
+            view: this,
+            opendata: (args: any[],fullargs?:any[],params?: any, $event?: any, xData?: any) => {
+                this.opendata(args,fullargs, params, $event, xData);
+            },
+            newdata: (args: any[],fullargs?:any[],params?: any, $event?: any, xData?: any) => {
+                this.newdata(args,fullargs, params, $event, xData);
+            },
+            grid: this.$refs.grid,
+            searchform: this.$refs.searchform,
+            keyPSDEField: 'salesorder',
+            majorPSDEField: 'salesordername',
+            isLoadDefault: true,
+        });
+    }
+
+    /**
+     * toolbar 部件 click 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public toolbar_click($event: any, $event2?: any): void {
+        if (Object.is($event.tag, 'tbitem1_openquickcreateview')) {
+            this.toolbar_tbitem1_openquickcreateview_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem4')) {
+            this.toolbar_tbitem4_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem6')) {
+            this.toolbar_tbitem6_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem8')) {
+            this.toolbar_tbitem8_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem13')) {
+            this.toolbar_tbitem13_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem11')) {
+            this.toolbar_tbitem11_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem19')) {
+            this.toolbar_tbitem19_click(null, '', $event2);
+        }
+    }
+
+    /**
+     * grid 部件 selectionchange 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public grid_selectionchange($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('grid', 'selectionchange', $event);
+    }
+
+    /**
+     * grid 部件 beforeload 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public grid_beforeload($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('grid', 'beforeload', $event);
+    }
+
+    /**
+     * grid 部件 rowdblclick 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public grid_rowdblclick($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('grid', 'rowdblclick', $event);
+    }
+
+    /**
+     * grid 部件 remove 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public grid_remove($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('grid', 'remove', $event);
+    }
+
+    /**
+     * grid 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public grid_load($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('grid', 'load', $event);
+    }
+
+    /**
+     * searchform 部件 save 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public searchform_save($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('searchform', 'save', $event);
+    }
+
+    /**
+     * searchform 部件 search 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public searchform_search($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('searchform', 'search', $event);
+    }
+
+    /**
+     * searchform 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public searchform_load($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('searchform', 'load', $event);
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem1_openquickcreateview_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        const curUIService:SalesOrderUIService  = new SalesOrderUIService();
+        curUIService.SalesOrder_OpenQuickCreateView(datas,contextJO, paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem4_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Edit(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem6_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Copy(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem8_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Remove(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem13_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.ExportExcel(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem11_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Print(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem19_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.grid;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.ToggleFilter(datas, contextJO,paramJO,  $event, xData,this,"SalesOrder");
+    }
+
+    /**
+     * 打开新建数据视图
+     *
+     * @param {any[]} args
+     * @param {*} [params]
+     * @param {*} [fullargs]
+     * @param {*} [$event]
+     * @param {*} [xData]
+     * @memberof SalesOrderInvoiceGridView
+     */
+    public newdata(args: any[],fullargs?:any[], params?: any, $event?: any, xData?: any) {
+        let localContext:any = null;
+        let localViewParam:any =null;
+        const data: any = {};
+        if(args[0].srfsourcekey){
+            data.srfsourcekey = args[0].srfsourcekey;
+        }
+        let tempContext = JSON.parse(JSON.stringify(this.context));
+        delete tempContext.salesorder;
+        if(args.length >0){
+            Object.assign(tempContext,args[0]);
+        }
+        let deResParameters: any[] = [];
+        if(tempContext.quote && true){
+            deResParameters = [
+            { pathName: 'quotes', parameterName: 'quote' },
+            ]
+        }
+        const parameters: any[] = [
+            { pathName: 'salesorders', parameterName: 'salesorder' },
+        ];
+        const _this: any = this;
+        const openDrawer = (view: any, data: any) => {
+            let container: Subject<any> = this.$appdrawer.openDrawer(view, tempContext, data);
+            container.subscribe((result: any) => {
+                if (!result || !Object.is(result.ret, 'OK')) {
+                    return;
+                }
+                if (!xData || !(xData.refresh instanceof Function)) {
+                    return;
+                }
+                xData.refresh(result.datas);
+            });
+        }
+        const view: any = {
+            viewname: 'sales-order-quick-create-view', 
+            height: 0, 
+            width: 0,  
+            title: this.$t('entities.salesorder.views.quickcreateview.title'),
+            placement: 'DRAWER_RIGHT',
+        };
+        openDrawer(view, data);
+    }
+
+
+    /**
+     * 打开编辑数据视图
+     *
+     * @param {any[]} args
+     * @param {*} [params]
+     * @param {*} [fullargs]
+     * @param {*} [$event]
+     * @param {*} [xData]
+     * @memberof SalesOrderInvoiceGridView
+     */
+    public opendata(args: any[],fullargs?:any[],params?: any, $event?: any, xData?: any) {
+        let localContext:any = null;
+        let localViewParam:any =null;
+        const data: any = {};
+        let tempContext = JSON.parse(JSON.stringify(this.context));
+        if(args.length >0){
+            Object.assign(tempContext,args[0]);
+        }
+        let deResParameters: any[] = [];
+        if(tempContext.quote && true){
+            deResParameters = [
+            { pathName: 'quotes', parameterName: 'quote' },
+            ]
+        }
+        const parameters: any[] = [
+            { pathName: 'salesorders', parameterName: 'salesorder' },
+            { pathName: 'infoview', parameterName: 'infoview' },
+        ];
+        const _this: any = this;
+        const openIndexViewTab = (data: any) => {
+            const routePath = this.$viewTool.buildUpRoutePath(this.$route, tempContext, deResParameters, parameters, args, data);
+            this.$router.push(routePath);
+        }
+        openIndexViewTab(data);
+    }
+
+
+    /**
+     * 编辑
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public Edit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        if (args.length === 0) {
+            return;
+        }
+        const _this: any = this;
+        if (_this.opendata && _this.opendata instanceof Function) {
+            const data: any = { };
+            if (args.length > 0) {
+                Object.assign(data, { salesorder: args[0].salesorder })
+            }
+            _this.opendata([{ ...data }], params, $event, xData);
+        } else {
+            _this.$Notice.error({ title: '错误', desc: 'opendata 视图处理逻辑不存在，请添加!' });
+        }
+    }
+    /**
+     * 拷贝
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public Copy(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        if (args.length === 0) {
+            return;
+        }
+        const _this: any = this;
+        if (_this.newdata && _this.newdata instanceof Function) {
+            const data: any = {};
+            if (args.length > 0) {
+                Object.assign(data, { srfsourcekey: args[0].srfkey })
+                actionContext.$store.commit('addCopyData', { srfkey: args[0].srfkey, copyData: args[0] });
+            }
+            _this.newdata([{ ...data }],[{ ...data }],params, $event, xData);
+        } else if (xData && xData.copy instanceof Function) {
+            if (args.length > 0) {
+                actionContext.$store.commit('addCopyData', { srfkey: args[0].srfkey, copyData: args[0] });
+            }
+            xData.copy(args[0].srfkey);
+        } else {
+            _this.$Notice.error({ title: '错误', desc: 'opendata 视图处理逻辑不存在，请添加!' });
+        }
+    }
+    /**
+     * 删除
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public Remove(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (!xData || !(xData.remove instanceof Function)) {
+            return ;
+        }
+        xData.remove(args);
+    }
+
+    /**
+     * 导出
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public ExportExcel(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (!xData || !(xData.exportExcel instanceof Function) || !$event) {
+            return ;
+        }
+        xData.exportExcel($event.exportparms);
+    }
+    /**
+     * 打印
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public Print(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        let _this:any = this;
+        if (!xData || !(xData.print instanceof Function) || !$event) {
+            return ;
+        }
+        xData.print();
+    }
+    /**
+     * 过滤
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof SalesOrderInvoiceGridViewBase
+     */
+    public ToggleFilter(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (_this.hasOwnProperty('isExpandSearchForm')) {
+            _this.isExpandSearchForm = !_this.isExpandSearchForm;
+        }
+    }
+}
\ No newline at end of file

app_CRM/src/pages/sales/sales-order-invoice-grid-view/sales-order-invoice-grid-view.html

+<studio-view-style2 viewName="salesorderinvoicegridview" viewTitle="订单信息" class='degridview sales-order-invoice-grid-view'>
+    <i-input slot="quickSearch" v-show="!isExpandSearchForm" v-model="query" search @on-search="onSearch($event)"/>
+    <template slot="toolbar">
+                <view-toolbar mode="STYLE2" :model="toolBarModels" @item-click="toolbar_click($event)"/>    </template>
+    <template slot="searchForm">
+                <view_searchform 
+            :viewState="viewState"  
+            :viewparams="viewparams" 
+            :context="context" 
+            :showBusyIndicator="true"
+            v-show="isExpandSearchForm"
+            loaddraftAction="FilterGetDraft"
+            loadAction="FilterGet"
+        
+            name="searchform"  
+            ref='searchform' 
+            @save="searchform_save($event)"  
+            @search="searchform_search($event)"  
+            @load="searchform_load($event)"  
+            @closeview="closeView($event)">
+        </view_searchform>
+    </template>
+    <view_grid 
+        :viewState="viewState"  
+        :viewparams="viewparams" 
+        :context="context" 
+        :isSingleSelect="isGridSingleSelect"
+        :showBusyIndicator="true"
+        :isOpenEdit="false"
+        :gridRowActiveMode="gridRowActiveMode"
+        @save="onSave"
+        updateAction=""
+        removeAction="Remove"
+        loaddraftAction=""
+        loadAction=""
+        createAction=""
+        fetchAction="FetchInvoiced"
+        :newdata="newdata"
+        :opendata="opendata"
+        name="grid"  
+        ref='grid' 
+        @selectionchange="grid_selectionchange($event)"  
+        @beforeload="grid_beforeload($event)"  
+        @rowdblclick="grid_rowdblclick($event)"  
+        @remove="grid_remove($event)"  
+        @load="grid_load($event)"  
+        @closeview="closeView($event)">
+    </view_grid>
+</studio-view-style2>
\ No newline at end of file

app_CRM/src/pages/sales/sales-order-invoice-grid-view/sales-order-invoice-grid-view.vue

+<template src="./sales-order-invoice-grid-view.html"/>
+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import { VueLifeCycleProcessing } from '@/studio-core';
+import { SalesOrderInvoiceGridViewBase } from './sales-order-invoice-grid-view-base';
+import view_grid from '@widgets/sales-order/main-grid/main-grid.vue';
+import view_searchform from '@widgets/sales-order/default-searchform/default-searchform.vue';
+
+/**
+ * 订单信息视图
+ *
+ * @export
+ * @class SalesOrderInvoiceGridView
+ * @extends {SalesOrderInvoiceGridViewBase}
+ */
+@Component({
+    components: {
+        view_grid, 
+        view_searchform, 
+    }
+})
+@VueLifeCycleProcessing()
+export default class SalesOrderInvoiceGridView extends SalesOrderInvoiceGridViewBase { }
+</script>

app_CRM/src/pages/sales/sales-order-state-tab-view/sales-order-state-tab-view-base.tsx

+import { Subject } from 'rxjs';
+import { TabExpViewBase } from '@/studio-core';
+import SalesOrderService from '@/service/sales-order/sales-order-service';
+import TabExpViewEngine from '@engine/view/tab-exp-view-engine';
+
+/**
+ * 订单状态分页视图视图基类
+ *
+ * @export
+ * @class SalesOrderStateTabViewBase
+ * @extends {TabExpViewBase}
+ */
+export class SalesOrderStateTabViewBase extends TabExpViewBase {
+    /**
+     * 视图对应应用实体名称
+     *
+     * @protected
+     * @type {string}
+     * @memberof SalesOrderStateTabViewBase
+     */
+    protected appDeName: string = 'salesorder';
+
+    /**
+     * 应用实体主键
+     *
+     * @protected
+     * @type {string}
+     * @memberof SalesOrderStateTabViewBase
+     */
+    protected appDeKey: string = 'salesorderid';
+
+    /**
+     * 应用实体主信息
+     *
+     * @protected
+     * @type {string}
+     * @memberof SalesOrderStateTabViewBase
+     */
+    protected appDeMajor: string = 'salesordername';
+
+    /**
+     * 实体服务对象
+     *
+     * @type {SalesOrderService}
+     * @memberof SalesOrderStateTabViewBase
+     */
+    protected appEntityService: SalesOrderService = new SalesOrderService;
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @protected
+     * @type {Array<*>}
+     * @memberof SalesOrderStateTabViewBase
+     */    
+    protected counterServiceArray: Array<any> = [];
+
+    /**
+     * 视图模型数据
+     *
+     * @protected
+     * @type {*}
+     * @memberof SalesOrderStateTabViewBase
+     */
+    protected model: any = {
+        srfCaption: 'entities.salesorder.views.statetabview.caption',
+        srfTitle: 'entities.salesorder.views.statetabview.title',
+        srfSubTitle: 'entities.salesorder.views.statetabview.subtitle',
+        dataInfo: ''
+    }
+
+    /**
+     * 容器模型
+     *
+     * @protected
+     * @type {*}
+     * @memberof SalesOrderStateTabViewBase
+     */
+    protected containerModel: any = {
+        view_tabexppanel: { name: 'tabexppanel', type: 'TABEXPPANEL' },
+    };
+
+
+	/**
+     * 视图唯一标识
+     *
+     * @protected
+     * @type {string}
+     * @memberof ViewBase
+     */
+	protected viewtag: string = '00e8e9d547a2367a0e13e232ea85b920';
+
+
+    /**
+     * 视图引擎
+     *
+     * @public
+     * @type {Engine}
+     * @memberof SalesOrderStateTabViewBase
+     */
+    public engine: TabExpViewEngine = new TabExpViewEngine();
+
+    /**
+     * 引擎初始化
+     *
+     * @public
+     * @memberof SalesOrderStateTabViewBase
+     */
+    public engineInit(): void {
+        this.engine.init({
+            view: this,
+            keyPSDEField: 'salesorder',
+            majorPSDEField: 'salesordername',
+            isLoadDefault: true,
+        });
+    }
+
+
+}
\ No newline at end of file

app_CRM/src/pages/sales/sales-order-state-tab-view/sales-order-state-tab-view.html

+<studio-view-style2 viewName="salesorderstatetabview" viewTitle="订单状态分页视图" class='detabexpview sales-order-state-tab-view'>
+    <view_tabexppanel 
+        :viewState="viewState"  
+        :viewparams="viewparams" 
+        :context="context" 
+        name="tabexppanel"  
+        ref='tabexppanel' 
+        @closeview="closeView($event)">
+    </view_tabexppanel>
+</studio-view-style2>
\ No newline at end of file

app_CRM/src/pages/sales/sales-order-state-tab-view/sales-order-state-tab-view.vue

+<template src="./sales-order-state-tab-view.html"/>
+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import { VueLifeCycleProcessing } from '@/studio-core';
+import { SalesOrderStateTabViewBase } from './sales-order-state-tab-view-base';
+import view_tabexppanel from '@widgets/sales-order/state-tab-viewtabexppanel-tabexppanel/state-tab-viewtabexppanel-tabexppanel.vue';
+
+/**
+ * 订单状态分页视图视图
+ *
+ * @export
+ * @class SalesOrderStateTabView
+ * @extends {SalesOrderStateTabViewBase}
+ */
+@Component({
+    components: {
+        view_tabexppanel, 
+    }
+})
+@VueLifeCycleProcessing()
+export default class SalesOrderStateTabView extends SalesOrderStateTabViewBase { }
+</script>

app_CRM/src/pages/ungroup/central/page-register.ts

@@ -14,6 +14,7 @@ export const PageComponents = {
         Vue.component('opportunity-quick-create', () => import('@pages/sales/opportunity-quick-create/opportunity-quick-create.vue'));
         Vue.component('product-price-level-pro-prilv-edit-view', () => import('@pages/product/product-price-level-pro-prilv-edit-view/product-price-level-pro-prilv-edit-view.vue'));
         Vue.component('knowledge-article-incident-edit-view', () => import('@pages/service/knowledge-article-incident-edit-view/knowledge-article-incident-edit-view.vue'));
+        Vue.component('sales-order-invoice-grid-view', () => import('@pages/sales/sales-order-invoice-grid-view/sales-order-invoice-grid-view.vue'));
         Vue.component('invoice-by-parent-key', () => import('@pages/finance/invoice-by-parent-key/invoice-by-parent-key.vue'));
         Vue.component('goal-info-goal-view', () => import('@pages/sales/goal-info-goal-view/goal-info-goal-view.vue'));
         Vue.component('goal-info-view', () => import('@pages/sales/goal-info-view/goal-info-view.vue'));
@@ -91,11 +92,13 @@ export const PageComponents = {
         Vue.component('lead-competitor-grid-view', () => import('@pages/sales/lead-competitor-grid-view/lead-competitor-grid-view.vue'));
         Vue.component('campaign-quick-create-view', () => import('@pages/marketing/campaign-quick-create-view/campaign-quick-create-view.vue'));
         Vue.component('discount-type-pickup-grid-view', () => import('@pages/sales/discount-type-pickup-grid-view/discount-type-pickup-grid-view.vue'));
+        Vue.component('sales-order-cancel-grid-view', () => import('@pages/sales/sales-order-cancel-grid-view/sales-order-cancel-grid-view.vue'));
         Vue.component('competitor-info', () => import('@pages/sales/competitor-info/competitor-info.vue'));
         Vue.component('lead-excluded-grid-view', () => import('@pages/sales/lead-excluded-grid-view/lead-excluded-grid-view.vue'));
         Vue.component('campaign-list-edit-view', () => import('@pages/marketing/campaign-list-edit-view/campaign-list-edit-view.vue'));
         Vue.component('competitor-product-edit-comp-pro-view', () => import('@pages/sales/competitor-product-edit-comp-pro-view/competitor-product-edit-comp-pro-view.vue'));
         Vue.component('lead-info', () => import('@pages/sales/lead-info/lead-info.vue'));
+        Vue.component('sales-order-finish-grid-view', () => import('@pages/sales/sales-order-finish-grid-view/sales-order-finish-grid-view.vue'));
         Vue.component('lead-on-grid-view', () => import('@pages/sales/lead-on-grid-view/lead-on-grid-view.vue'));
         Vue.component('sales-order-detail-soproduct-grid-view', () => import('@pages/sales/sales-order-detail-soproduct-grid-view/sales-order-detail-soproduct-grid-view.vue'));
         Vue.component('incident-info-incident-view', () => import('@pages/service/incident-info-incident-view/incident-info-incident-view.vue'));
@@ -147,8 +150,8 @@ export const PageComponents = {
         Vue.component('sales-order-grid-view', () => import('@pages/sales/sales-order-grid-view/sales-order-grid-view.vue'));
         Vue.component('metric-pickup-view', () => import('@pages/base/metric-pickup-view/metric-pickup-view.vue'));
         Vue.component('lead-status-tab-view', () => import('@pages/sales/lead-status-tab-view/lead-status-tab-view.vue'));
-        Vue.component('lead-quick-create', () => import('@pages/sales/lead-quick-create/lead-quick-create.vue'));
         Vue.component('sales-order-quick-create-view', () => import('@pages/sales/sales-order-quick-create-view/sales-order-quick-create-view.vue'));
+        Vue.component('lead-quick-create', () => import('@pages/sales/lead-quick-create/lead-quick-create.vue'));
         Vue.component('competitor-pickup-grid-view', () => import('@pages/sales/competitor-pickup-grid-view/competitor-pickup-grid-view.vue'));
         Vue.component('price-level-pickup-view', () => import('@pages/product/price-level-pickup-view/price-level-pickup-view.vue'));
         Vue.component('incident-customer-pickup-view', () => import('@pages/service/incident-customer-pickup-view/incident-customer-pickup-view.vue'));
@@ -172,6 +175,7 @@ export const PageComponents = {
         Vue.component('quote-option-view', () => import('@pages/sales/quote-option-view/quote-option-view.vue'));
         Vue.component('sales-literature-info-sal-lit-view', () => import('@pages/sales/sales-literature-info-sal-lit-view/sales-literature-info-sal-lit-view.vue'));
         Vue.component('goal-pickup-view', () => import('@pages/sales/goal-pickup-view/goal-pickup-view.vue'));
+        Vue.component('sales-order-state-tab-view', () => import('@pages/sales/sales-order-state-tab-view/sales-order-state-tab-view.vue'));
         Vue.component('list-contact-inner', () => import('@pages/marketing/list-contact-inner/list-contact-inner.vue'));
         Vue.component('campaign-info-campagin', () => import('@pages/marketing/campaign-info-campagin/campaign-info-campagin.vue'));
         Vue.component('appointment-edit-view', () => import('@pages/base/appointment-edit-view/appointment-edit-view.vue'));
@@ -206,8 +210,8 @@ export const PageComponents = {
         Vue.component('lead-competitor-edit-comp-lead-view', () => import('@pages/sales/lead-competitor-edit-comp-lead-view/lead-competitor-edit-comp-lead-view.vue'));
         Vue.component('list-account-inner', () => import('@pages/marketing/list-account-inner/list-account-inner.vue'));
         Vue.component('contact-summary-view', () => import('@pages/base/contact-summary-view/contact-summary-view.vue'));
-        Vue.component('product-substitute-grid-view', () => import('@pages/product/product-substitute-grid-view/product-substitute-grid-view.vue'));
         Vue.component('task-edit-view', () => import('@pages/base/task-edit-view/task-edit-view.vue'));
+        Vue.component('product-substitute-grid-view', () => import('@pages/product/product-substitute-grid-view/product-substitute-grid-view.vue'));
         Vue.component('competitor-pickup-view', () => import('@pages/sales/competitor-pickup-view/competitor-pickup-view.vue'));
         Vue.component('product-sales-literature-sal-lit-pro-edit-view', () => import('@pages/sales/product-sales-literature-sal-lit-pro-edit-view/product-sales-literature-sal-lit-pro-edit-view.vue'));
         Vue.component('account-stop-grid-view', () => import('@pages/base/account-stop-grid-view/account-stop-grid-view.vue'));

app_CRM/src/pages/ungroup/central/router.ts

@@ -564,6 +564,103 @@ const router = new Router({
                     },
                     component: () => import('@pages/service/knowledge-article-incident-edit-view/knowledge-article-incident-edit-view.vue'),
                 },
+                {
+                    path: 'accounts/:account?/contacts/:contact?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/invoicegridview/:invoicegridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.invoicegridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'accounts', parameterName: 'account' },
+                            { pathName: 'contacts', parameterName: 'contact' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'invoicegridview', parameterName: 'invoicegridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-invoice-grid-view/sales-order-invoice-grid-view.vue'),
+                },
+                {
+                    path: 'contacts/:contact?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/invoicegridview/:invoicegridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.invoicegridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'contacts', parameterName: 'contact' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'invoicegridview', parameterName: 'invoicegridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-invoice-grid-view/sales-order-invoice-grid-view.vue'),
+                },
+                {
+                    path: 'accounts/:account?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/invoicegridview/:invoicegridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.invoicegridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'accounts', parameterName: 'account' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'invoicegridview', parameterName: 'invoicegridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-invoice-grid-view/sales-order-invoice-grid-view.vue'),
+                },
+                {
+                    path: 'opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/invoicegridview/:invoicegridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.invoicegridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'invoicegridview', parameterName: 'invoicegridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-invoice-grid-view/sales-order-invoice-grid-view.vue'),
+                },
+                {
+                    path: 'quotes/:quote?/salesorders/:salesorder?/invoicegridview/:invoicegridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.invoicegridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'invoicegridview', parameterName: 'invoicegridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-invoice-grid-view/sales-order-invoice-grid-view.vue'),
+                },
+                {
+                    path: 'salesorders/:salesorder?/invoicegridview/:invoicegridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.invoicegridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'invoicegridview', parameterName: 'invoicegridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-invoice-grid-view/sales-order-invoice-grid-view.vue'),
+                },
                 {
                     path: 'accounts/:account?/contacts/:contact?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/invoices/:invoice?/byparentkey/:byparentkey?',
                     meta: {
@@ -3739,6 +3836,103 @@ const router = new Router({
                     },
                     component: () => import('@pages/marketing/campaign-response-quick-create/campaign-response-quick-create.vue'),
                 },
+                {
+                    path: 'accounts/:account?/contacts/:contact?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/cancelgridview/:cancelgridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.cancelgridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'accounts', parameterName: 'account' },
+                            { pathName: 'contacts', parameterName: 'contact' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'cancelgridview', parameterName: 'cancelgridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-cancel-grid-view/sales-order-cancel-grid-view.vue'),
+                },
+                {
+                    path: 'contacts/:contact?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/cancelgridview/:cancelgridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.cancelgridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'contacts', parameterName: 'contact' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'cancelgridview', parameterName: 'cancelgridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-cancel-grid-view/sales-order-cancel-grid-view.vue'),
+                },
+                {
+                    path: 'accounts/:account?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/cancelgridview/:cancelgridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.cancelgridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'accounts', parameterName: 'account' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'cancelgridview', parameterName: 'cancelgridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-cancel-grid-view/sales-order-cancel-grid-view.vue'),
+                },
+                {
+                    path: 'opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/cancelgridview/:cancelgridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.cancelgridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'cancelgridview', parameterName: 'cancelgridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-cancel-grid-view/sales-order-cancel-grid-view.vue'),
+                },
+                {
+                    path: 'quotes/:quote?/salesorders/:salesorder?/cancelgridview/:cancelgridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.cancelgridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'cancelgridview', parameterName: 'cancelgridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-cancel-grid-view/sales-order-cancel-grid-view.vue'),
+                },
+                {
+                    path: 'salesorders/:salesorder?/cancelgridview/:cancelgridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.cancelgridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'cancelgridview', parameterName: 'cancelgridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-cancel-grid-view/sales-order-cancel-grid-view.vue'),
+                },
                 {
                     path: 'competitors/:competitor?/info/:info?',
                     meta: {
@@ -3976,6 +4170,103 @@ const router = new Router({
                     },
                     component: () => import('@pages/sales/lead-info/lead-info.vue'),
                 },
+                {
+                    path: 'accounts/:account?/contacts/:contact?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/finishgridview/:finishgridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.finishgridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'accounts', parameterName: 'account' },
+                            { pathName: 'contacts', parameterName: 'contact' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'finishgridview', parameterName: 'finishgridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-finish-grid-view/sales-order-finish-grid-view.vue'),
+                },
+                {
+                    path: 'contacts/:contact?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/finishgridview/:finishgridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.finishgridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'contacts', parameterName: 'contact' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'finishgridview', parameterName: 'finishgridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-finish-grid-view/sales-order-finish-grid-view.vue'),
+                },
+                {
+                    path: 'accounts/:account?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/finishgridview/:finishgridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.finishgridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'accounts', parameterName: 'account' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'finishgridview', parameterName: 'finishgridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-finish-grid-view/sales-order-finish-grid-view.vue'),
+                },
+                {
+                    path: 'opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/finishgridview/:finishgridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.finishgridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'finishgridview', parameterName: 'finishgridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-finish-grid-view/sales-order-finish-grid-view.vue'),
+                },
+                {
+                    path: 'quotes/:quote?/salesorders/:salesorder?/finishgridview/:finishgridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.finishgridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'finishgridview', parameterName: 'finishgridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-finish-grid-view/sales-order-finish-grid-view.vue'),
+                },
+                {
+                    path: 'salesorders/:salesorder?/finishgridview/:finishgridview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.finishgridview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'finishgridview', parameterName: 'finishgridview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-finish-grid-view/sales-order-finish-grid-view.vue'),
+                },
                 {
                     path: 'accounts/:account?/contacts/:contact?/leads/:lead?/ongridview/:ongridview?',
                     meta: {
@@ -6414,91 +6705,95 @@ const router = new Router({
                     component: () => import('@pages/sales/lead-status-tab-view/lead-status-tab-view.vue'),
                 },
                 {
-                    path: 'accounts/:account?/contacts/:contact?/leads/:lead?/quickcreate/:quickcreate?',
+                    path: 'accounts/:account?/contacts/:contact?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/quickcreateview/:quickcreateview?',
                     meta: {
-                        caption: 'entities.lead.views.quickcreate.title',
+                        caption: 'entities.salesorder.views.quickcreateview.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
                             { pathName: 'accounts', parameterName: 'account' },
                             { pathName: 'contacts', parameterName: 'contact' },
-                            { pathName: 'leads', parameterName: 'lead' },
-                            { pathName: 'quickcreate', parameterName: 'quickcreate' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'quickcreateview', parameterName: 'quickcreateview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/lead-quick-create/lead-quick-create.vue'),
+                    component: () => import('@pages/sales/sales-order-quick-create-view/sales-order-quick-create-view.vue'),
                 },
                 {
-                    path: 'contacts/:contact?/leads/:lead?/quickcreate/:quickcreate?',
+                    path: 'contacts/:contact?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/quickcreateview/:quickcreateview?',
                     meta: {
-                        caption: 'entities.lead.views.quickcreate.title',
+                        caption: 'entities.salesorder.views.quickcreateview.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
                             { pathName: 'contacts', parameterName: 'contact' },
-                            { pathName: 'leads', parameterName: 'lead' },
-                            { pathName: 'quickcreate', parameterName: 'quickcreate' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'quickcreateview', parameterName: 'quickcreateview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/lead-quick-create/lead-quick-create.vue'),
+                    component: () => import('@pages/sales/sales-order-quick-create-view/sales-order-quick-create-view.vue'),
                 },
                 {
-                    path: 'campaigns/:campaign?/leads/:lead?/quickcreate/:quickcreate?',
+                    path: 'accounts/:account?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/quickcreateview/:quickcreateview?',
                     meta: {
-                        caption: 'entities.lead.views.quickcreate.title',
+                        caption: 'entities.salesorder.views.quickcreateview.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
-                            { pathName: 'campaigns', parameterName: 'campaign' },
-                            { pathName: 'leads', parameterName: 'lead' },
-                            { pathName: 'quickcreate', parameterName: 'quickcreate' },
+                            { pathName: 'accounts', parameterName: 'account' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'quickcreateview', parameterName: 'quickcreateview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/lead-quick-create/lead-quick-create.vue'),
+                    component: () => import('@pages/sales/sales-order-quick-create-view/sales-order-quick-create-view.vue'),
                 },
                 {
-                    path: 'accounts/:account?/leads/:lead?/quickcreate/:quickcreate?',
+                    path: 'opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/quickcreateview/:quickcreateview?',
                     meta: {
-                        caption: 'entities.lead.views.quickcreate.title',
+                        caption: 'entities.salesorder.views.quickcreateview.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
-                            { pathName: 'accounts', parameterName: 'account' },
-                            { pathName: 'leads', parameterName: 'lead' },
-                            { pathName: 'quickcreate', parameterName: 'quickcreate' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'quickcreateview', parameterName: 'quickcreateview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/lead-quick-create/lead-quick-create.vue'),
+                    component: () => import('@pages/sales/sales-order-quick-create-view/sales-order-quick-create-view.vue'),
                 },
                 {
-                    path: 'leads/:lead?/quickcreate/:quickcreate?',
+                    path: 'quotes/:quote?/salesorders/:salesorder?/quickcreateview/:quickcreateview?',
                     meta: {
-                        caption: 'entities.lead.views.quickcreate.title',
+                        caption: 'entities.salesorder.views.quickcreateview.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
-                            { pathName: 'leads', parameterName: 'lead' },
-                            { pathName: 'quickcreate', parameterName: 'quickcreate' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'quickcreateview', parameterName: 'quickcreateview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/lead-quick-create/lead-quick-create.vue'),
+                    component: () => import('@pages/sales/sales-order-quick-create-view/sales-order-quick-create-view.vue'),
                 },
                 {
-                    path: 'accounts/:account?/contacts/:contact?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/quickcreateview/:quickcreateview?',
+                    path: 'salesorders/:salesorder?/quickcreateview/:quickcreateview?',
                     meta: {
                         caption: 'entities.salesorder.views.quickcreateview.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
-                            { pathName: 'accounts', parameterName: 'account' },
-                            { pathName: 'contacts', parameterName: 'contact' },
-                            { pathName: 'opportunities', parameterName: 'opportunity' },
-                            { pathName: 'quotes', parameterName: 'quote' },
                             { pathName: 'salesorders', parameterName: 'salesorder' },
                             { pathName: 'quickcreateview', parameterName: 'quickcreateview' },
                         ],
@@ -6507,83 +6802,79 @@ const router = new Router({
                     component: () => import('@pages/sales/sales-order-quick-create-view/sales-order-quick-create-view.vue'),
                 },
                 {
-                    path: 'contacts/:contact?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/quickcreateview/:quickcreateview?',
+                    path: 'accounts/:account?/contacts/:contact?/leads/:lead?/quickcreate/:quickcreate?',
                     meta: {
-                        caption: 'entities.salesorder.views.quickcreateview.title',
+                        caption: 'entities.lead.views.quickcreate.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'accounts', parameterName: 'account' },
                             { pathName: 'contacts', parameterName: 'contact' },
-                            { pathName: 'opportunities', parameterName: 'opportunity' },
-                            { pathName: 'quotes', parameterName: 'quote' },
-                            { pathName: 'salesorders', parameterName: 'salesorder' },
-                            { pathName: 'quickcreateview', parameterName: 'quickcreateview' },
+                            { pathName: 'leads', parameterName: 'lead' },
+                            { pathName: 'quickcreate', parameterName: 'quickcreate' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/sales-order-quick-create-view/sales-order-quick-create-view.vue'),
+                    component: () => import('@pages/sales/lead-quick-create/lead-quick-create.vue'),
                 },
                 {
-                    path: 'accounts/:account?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/quickcreateview/:quickcreateview?',
+                    path: 'contacts/:contact?/leads/:lead?/quickcreate/:quickcreate?',
                     meta: {
-                        caption: 'entities.salesorder.views.quickcreateview.title',
+                        caption: 'entities.lead.views.quickcreate.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
-                            { pathName: 'accounts', parameterName: 'account' },
-                            { pathName: 'opportunities', parameterName: 'opportunity' },
-                            { pathName: 'quotes', parameterName: 'quote' },
-                            { pathName: 'salesorders', parameterName: 'salesorder' },
-                            { pathName: 'quickcreateview', parameterName: 'quickcreateview' },
+                            { pathName: 'contacts', parameterName: 'contact' },
+                            { pathName: 'leads', parameterName: 'lead' },
+                            { pathName: 'quickcreate', parameterName: 'quickcreate' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/sales-order-quick-create-view/sales-order-quick-create-view.vue'),
+                    component: () => import('@pages/sales/lead-quick-create/lead-quick-create.vue'),
                 },
                 {
-                    path: 'opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/quickcreateview/:quickcreateview?',
+                    path: 'campaigns/:campaign?/leads/:lead?/quickcreate/:quickcreate?',
                     meta: {
-                        caption: 'entities.salesorder.views.quickcreateview.title',
+                        caption: 'entities.lead.views.quickcreate.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
-                            { pathName: 'opportunities', parameterName: 'opportunity' },
-                            { pathName: 'quotes', parameterName: 'quote' },
-                            { pathName: 'salesorders', parameterName: 'salesorder' },
-                            { pathName: 'quickcreateview', parameterName: 'quickcreateview' },
+                            { pathName: 'campaigns', parameterName: 'campaign' },
+                            { pathName: 'leads', parameterName: 'lead' },
+                            { pathName: 'quickcreate', parameterName: 'quickcreate' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/sales-order-quick-create-view/sales-order-quick-create-view.vue'),
+                    component: () => import('@pages/sales/lead-quick-create/lead-quick-create.vue'),
                 },
                 {
-                    path: 'quotes/:quote?/salesorders/:salesorder?/quickcreateview/:quickcreateview?',
+                    path: 'accounts/:account?/leads/:lead?/quickcreate/:quickcreate?',
                     meta: {
-                        caption: 'entities.salesorder.views.quickcreateview.title',
+                        caption: 'entities.lead.views.quickcreate.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
-                            { pathName: 'quotes', parameterName: 'quote' },
-                            { pathName: 'salesorders', parameterName: 'salesorder' },
-                            { pathName: 'quickcreateview', parameterName: 'quickcreateview' },
+                            { pathName: 'accounts', parameterName: 'account' },
+                            { pathName: 'leads', parameterName: 'lead' },
+                            { pathName: 'quickcreate', parameterName: 'quickcreate' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/sales-order-quick-create-view/sales-order-quick-create-view.vue'),
+                    component: () => import('@pages/sales/lead-quick-create/lead-quick-create.vue'),
                 },
                 {
-                    path: 'salesorders/:salesorder?/quickcreateview/:quickcreateview?',
+                    path: 'leads/:lead?/quickcreate/:quickcreate?',
                     meta: {
-                        caption: 'entities.salesorder.views.quickcreateview.title',
+                        caption: 'entities.lead.views.quickcreate.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
-                            { pathName: 'salesorders', parameterName: 'salesorder' },
-                            { pathName: 'quickcreateview', parameterName: 'quickcreateview' },
+                            { pathName: 'leads', parameterName: 'lead' },
+                            { pathName: 'quickcreate', parameterName: 'quickcreate' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/sales-order-quick-create-view/sales-order-quick-create-view.vue'),
+                    component: () => import('@pages/sales/lead-quick-create/lead-quick-create.vue'),
                 },
                 {
                     path: 'competitors/:competitor?/pickupgridview/:pickupgridview?',
@@ -7299,6 +7590,103 @@ const router = new Router({
                     },
                     component: () => import('@pages/sales/goal-pickup-view/goal-pickup-view.vue'),
                 },
+                {
+                    path: 'accounts/:account?/contacts/:contact?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/statetabview/:statetabview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.statetabview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'accounts', parameterName: 'account' },
+                            { pathName: 'contacts', parameterName: 'contact' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'statetabview', parameterName: 'statetabview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-state-tab-view/sales-order-state-tab-view.vue'),
+                },
+                {
+                    path: 'contacts/:contact?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/statetabview/:statetabview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.statetabview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'contacts', parameterName: 'contact' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'statetabview', parameterName: 'statetabview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-state-tab-view/sales-order-state-tab-view.vue'),
+                },
+                {
+                    path: 'accounts/:account?/opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/statetabview/:statetabview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.statetabview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'accounts', parameterName: 'account' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'statetabview', parameterName: 'statetabview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-state-tab-view/sales-order-state-tab-view.vue'),
+                },
+                {
+                    path: 'opportunities/:opportunity?/quotes/:quote?/salesorders/:salesorder?/statetabview/:statetabview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.statetabview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'opportunities', parameterName: 'opportunity' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'statetabview', parameterName: 'statetabview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-state-tab-view/sales-order-state-tab-view.vue'),
+                },
+                {
+                    path: 'quotes/:quote?/salesorders/:salesorder?/statetabview/:statetabview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.statetabview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'quotes', parameterName: 'quote' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'statetabview', parameterName: 'statetabview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-state-tab-view/sales-order-state-tab-view.vue'),
+                },
+                {
+                    path: 'salesorders/:salesorder?/statetabview/:statetabview?',
+                    meta: {
+                        caption: 'entities.salesorder.views.statetabview.title',
+                        info:'',
+                        parameters: [
+                            { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'salesorders', parameterName: 'salesorder' },
+                            { pathName: 'statetabview', parameterName: 'statetabview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sales/sales-order-state-tab-view/sales-order-state-tab-view.vue'),
+                },
                 {
                     path: 'accounts/:account?/contacts/:contact?/pickupview/:pickupview?',
                     meta: {
@@ -8593,27 +8981,27 @@ const router = new Router({
                     component: () => import('@pages/base/contact-summary-view/contact-summary-view.vue'),
                 },
                 {
-                    path: 'products/:product?/productsubstitutes/:productsubstitute?/gridview/:gridview?',
+                    path: 'tasks/:task?/editview/:editview?',
                     meta: {
-                        caption: 'entities.productsubstitute.views.gridview.title',
+                        caption: 'entities.task.views.editview.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
-                            { pathName: 'products', parameterName: 'product' },
-                            { pathName: 'productsubstitutes', parameterName: 'productsubstitute' },
-                            { pathName: 'gridview', parameterName: 'gridview' },
+                            { pathName: 'tasks', parameterName: 'task' },
+                            { pathName: 'editview', parameterName: 'editview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/product/product-substitute-grid-view/product-substitute-grid-view.vue'),
+                    component: () => import('@pages/base/task-edit-view/task-edit-view.vue'),
                 },
                 {
-                    path: 'productsubstitutes/:productsubstitute?/gridview/:gridview?',
+                    path: 'products/:product?/productsubstitutes/:productsubstitute?/gridview/:gridview?',
                     meta: {
                         caption: 'entities.productsubstitute.views.gridview.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
+                            { pathName: 'products', parameterName: 'product' },
                             { pathName: 'productsubstitutes', parameterName: 'productsubstitute' },
                             { pathName: 'gridview', parameterName: 'gridview' },
                         ],
@@ -8622,18 +9010,18 @@ const router = new Router({
                     component: () => import('@pages/product/product-substitute-grid-view/product-substitute-grid-view.vue'),
                 },
                 {
-                    path: 'tasks/:task?/editview/:editview?',
+                    path: 'productsubstitutes/:productsubstitute?/gridview/:gridview?',
                     meta: {
-                        caption: 'entities.task.views.editview.title',
+                        caption: 'entities.productsubstitute.views.gridview.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
-                            { pathName: 'tasks', parameterName: 'task' },
-                            { pathName: 'editview', parameterName: 'editview' },
+                            { pathName: 'productsubstitutes', parameterName: 'productsubstitute' },
+                            { pathName: 'gridview', parameterName: 'gridview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/base/task-edit-view/task-edit-view.vue'),
+                    component: () => import('@pages/product/product-substitute-grid-view/product-substitute-grid-view.vue'),
                 },
                 {
                     path: 'competitors/:competitor?/pickupview/:pickupview?',

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

@@ -35,6 +35,19 @@ export const viewstate: any = {
                 'a04bb3dac3122438b3b1096f5f370516',
             ],
         },
+        {
+            viewtag: '00e8e9d547a2367a0e13e232ea85b920',
+            viewmodule: 'Sales',
+            viewname: 'SalesOrderStateTabView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+                '21c30b09fecb0ca2979cf270e3c8b5db',
+                'dfc0051ae4813115e03f3d095f8cd7d3',
+                '7a406a001b323adf49ae7f63ee53b21b',
+                'b309094aa6e14d4a487da270a1e0f5aa',
+            ],
+        },
         {
             viewtag: '016e75bb460270519a0ee9dda57b2c90',
             viewmodule: 'Base',
@@ -355,6 +368,17 @@ export const viewstate: any = {
                 'd3692664b9e2e150526e1ce4b969f15b',
             ],
         },
+        {
+            viewtag: '21c30b09fecb0ca2979cf270e3c8b5db',
+            viewmodule: 'Sales',
+            viewname: 'SalesOrderFinishGridView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+                '4f45c8798db273fefeef7c02541fab6c',
+                'e9c822edbc51531e713b561101e783a6',
+            ],
+        },
         {
             viewtag: '2419ef8b89f0de40c9daa19acacbd706',
             viewmodule: 'Service',
@@ -1236,6 +1260,17 @@ export const viewstate: any = {
             refviews: [
             ],
         },
+        {
+            viewtag: '7a406a001b323adf49ae7f63ee53b21b',
+            viewmodule: 'Sales',
+            viewname: 'SalesOrderCancelGridView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+                '4f45c8798db273fefeef7c02541fab6c',
+                'e9c822edbc51531e713b561101e783a6',
+            ],
+        },
         {
             viewtag: '7b7560b6d508b7bb0447d3204ed1c8be',
             viewmodule: 'Marketing',
@@ -1396,9 +1431,9 @@ export const viewstate: any = {
                 '07c5035fbb847e889f3dbb9657723f30',
                 '0e4d8b949764a2c40c2b93261aed6fd8',
                 '24a93674ec4c976c08902a3e95421ca6',
+                '00e8e9d547a2367a0e13e232ea85b920',
                 'b38bc0256ecd5be1a58a3c2210a98d05',
                 '25bf5f8c2ebd1ce2be6d06717ed08a96',
-                'dfc0051ae4813115e03f3d095f8cd7d3',
                 '3202f3f503424c7a2c549b2c5186dc36',
                 'efe82dc0a6991dd88da8c33cee6bf451',
                 '8895fef7ce4f5bdd1cd8f950bd1f8bcc',
@@ -1921,6 +1956,17 @@ export const viewstate: any = {
                 '3de13dd6914e2465d23dab68ccea5cae',
             ],
         },
+        {
+            viewtag: 'b309094aa6e14d4a487da270a1e0f5aa',
+            viewmodule: 'Sales',
+            viewname: 'SalesOrderInvoiceGridView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+                '4f45c8798db273fefeef7c02541fab6c',
+                'e9c822edbc51531e713b561101e783a6',
+            ],
+        },
         {
             viewtag: 'b38bc0256ecd5be1a58a3c2210a98d05',
             viewmodule: 'Product',

app_CRM/src/uiservice/sales-order/sales-order-ui-service-base.ts

@@ -83,8 +83,10 @@ export default class SalesOrderUIServiceBase extends UIService {
         this.allViewMap.set('EDITVIEW:',{viewname:'editview',srfappde:'salesorders'});
         this.allViewMap.set(':',{viewname:'finishgridview',srfappde:'salesorders'});
         this.allViewMap.set(':',{viewname:'infoview',srfappde:'salesorders'});
+        this.allViewMap.set(':',{viewname:'cancelgridview',srfappde:'salesorders'});
         this.allViewMap.set(':',{viewname:'summaryview',srfappde:'salesorders'});
         this.allViewMap.set(':',{viewname:'byparentkey',srfappde:'salesorders'});
+        this.allViewMap.set(':',{viewname:'invoicegridview',srfappde:'salesorders'});
         this.allViewMap.set(':',{viewname:'pickupgridview',srfappde:'salesorders'});
         this.allViewMap.set('MDATAVIEW:',{viewname:'gridview',srfappde:'salesorders'});
         this.allViewMap.set(':',{viewname:'info_soview',srfappde:'salesorders'});

app_CRM/src/widgets/app/central-appmenu/central-appmenu-base.tsx

@@ -193,7 +193,7 @@ export class CentralBase extends Vue {
         const deResParameters: any[] = [];
         const parameters: any[] = [
             { pathName: 'salesorders', parameterName: 'salesorder' },
-            { pathName: 'gridview', parameterName: 'gridview' },
+            { pathName: 'statetabview', parameterName: 'statetabview' },
         ];
         const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
         if(Object.is(this.$route.fullPath,path)){

app_CRM/src/widgets/app/central-appmenu/central-appmenu-model.ts

@@ -477,7 +477,7 @@ export default class CentralModel {
                         	textcls: '',
                         	appfunctag: 'Auto3',
                         	appfuncyype: 'APPVIEW',
-                        	viewname: 'sales-order-grid-view',
+                        	viewname: 'sales-order-state-tab-view',
                         	resourcetag: '',
                         }
                         ,
@@ -889,12 +889,12 @@ export default class CentralModel {
             appfunctag: 'Auto3',
             appfuncyype: 'APPVIEW',
             openmode: '',
-            codename: 'salesordergridview',
+            codename: 'salesorderstatetabview',
             deResParameters: [],
-            routepath: '/central/:central?/salesorders/:salesorder?/gridview/:gridview?',
+            routepath: '/central/:central?/salesorders/:salesorder?/statetabview/:statetabview?',
             parameters: [
                 { pathName: 'salesorders', parameterName: 'salesorder' },
-                { pathName: 'gridview', parameterName: 'gridview' },
+                { pathName: 'statetabview', parameterName: 'statetabview' },
             ],
         },
         {

app_CRM/src/widgets/sales-order/state-tab-viewtabexppanel-tabexppanel/state-tab-viewtabexppanel-tabexppanel-base.tsx

+import { Prop, Provide, Emit, Model } from 'vue-property-decorator';
+import { Subject, Subscription } from 'rxjs';
+import { Watch, TabExpPanelControlBase } from '@/studio-core';
+import SalesOrderService from '@/service/sales-order/sales-order-service';
+import StateTabViewtabexppanelService from './state-tab-viewtabexppanel-tabexppanel-service';
+
+
+/**
+ * tabexppanel部件基类
+ *
+ * @export
+ * @class TabExpPanelControlBase
+ * @extends {StateTabViewtabexppanelTabexppanelBase}
+ */
+export class StateTabViewtabexppanelTabexppanelBase extends TabExpPanelControlBase {
+
+    /**
+     * 获取部件类型
+     *
+     * @protected
+     * @type {string}
+     * @memberof StateTabViewtabexppanelTabexppanelBase
+     */
+    protected controlType: string = 'TABEXPPANEL';
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {StateTabViewtabexppanelService}
+     * @memberof StateTabViewtabexppanelTabexppanelBase
+     */
+    public service: StateTabViewtabexppanelService = new StateTabViewtabexppanelService({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {SalesOrderService}
+     * @memberof StateTabViewtabexppanelTabexppanelBase
+     */
+    public appEntityService: SalesOrderService = new SalesOrderService({ $store: this.$store });
+
+    /**
+     * 应用实体名称
+     *
+     * @protected
+     * @type {string}
+     * @memberof StateTabViewtabexppanelTabexppanelBase
+     */
+    protected appDeName: string = 'salesorder';
+    /**
+     * 是否初始化
+     *
+     * @protected
+     * @returns {any}
+     * @memberof StateTabViewtabexppanel
+     */
+    protected isInit: any = {
+        tabviewpanel:  true ,
+        tabviewpanel2:  false ,
+        tabviewpanel3:  false ,
+        tabviewpanel4:  false ,
+    }
+
+    /**
+     * 被激活的分页面板
+     *
+     * @protected
+     * @type {string}
+     * @memberof StateTabViewtabexppanel
+     */
+    protected activatedTabViewPanel: string = 'tabviewpanel';
+
+    /**
+     * 组件创建完毕
+     *
+     * @protected
+     * @memberof StateTabViewtabexppanel
+     */
+    protected ctrlCreated(): void {
+        //设置分页导航srfparentdename和srfparentkey
+        if (this.context.salesorder) {
+            Object.assign(this.context, { srfparentdename: 'SalesOrder', srfparentkey: this.context.salesorder });
+        }
+        super.ctrlCreated();
+    }
+}
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabexppanel-tabexppanel/state-tab-viewtabexppanel-tabexppanel-model.ts

+/**
+ * StateTabViewtabexppanel 部件模型
+ *
+ * @export
+ * @class StateTabViewtabexppanelModel
+ */
+export default class StateTabViewtabexppanelModel {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof StateTabViewtabexppanelModel
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'entityimage',
+      },
+      {
+        name: 'pricingerrorcode',
+      },
+      {
+        name: 'shipto_country',
+      },
+      {
+        name: 'shipto_fax',
+      },
+      {
+        name: 'totallineitemamount_base',
+      },
+      {
+        name: 'billto_country',
+      },
+      {
+        name: 'totalamountlessfreight',
+      },
+      {
+        name: 'willcall',
+      },
+      {
+        name: 'discountamount_base',
+      },
+      {
+        name: 'datefulfilled',
+      },
+      {
+        name: 'billto_line3',
+      },
+      {
+        name: 'billto_line1',
+      },
+      {
+        name: 'utcconversiontimezonecode',
+      },
+      {
+        name: 'ownerid',
+      },
+      {
+        name: 'accountname',
+      },
+      {
+        name: 'exchangerate',
+      },
+      {
+        name: 'entityimageid',
+      },
+      {
+        name: 'shipto_line3',
+      },
+      {
+        name: 'contactname',
+      },
+      {
+        name: 'createman',
+      },
+      {
+        name: 'shipto_telephone',
+      },
+      {
+        name: 'stageid',
+      },
+      {
+        name: 'traversedpath',
+      },
+      {
+        name: 'updateman',
+      },
+      {
+        name: 'ordernumber',
+      },
+      {
+        name: 'timezoneruleversionnumber',
+      },
+      {
+        name: 'ownername',
+      },
+      {
+        name: 'totaldiscountamount_base',
+      },
+      {
+        name: 'shipto_contactname',
+      },
+      {
+        name: 'requestdeliveryby',
+      },
+      {
+        name: 'statecode',
+      },
+      {
+        name: 'totallineitemdiscountamount',
+      },
+      {
+        name: 'shipto_freighttermscode',
+      },
+      {
+        name: 'totaltax',
+      },
+      {
+        name: 'shipto_line1',
+      },
+      {
+        name: 'discountpercentage',
+      },
+      {
+        name: 'prioritycode',
+      },
+      {
+        name: 'billto_composite',
+      },
+      {
+        name: 'customername',
+      },
+      {
+        name: 'statuscode',
+      },
+      {
+        name: 'shipto_addressid',
+      },
+      {
+        name: 'paymenttermscode',
+      },
+      {
+        name: 'billto_postalcode',
+      },
+      {
+        name: 'billto_addressid',
+      },
+      {
+        name: 'billto_telephone',
+      },
+      {
+        name: 'shipto_composite',
+      },
+      {
+        name: 'submitstatus',
+      },
+      {
+        name: 'submitstatusdescription',
+      },
+      {
+        name: 'emailaddress',
+      },
+      {
+        name: 'billto_city',
+      },
+      {
+        name: 'freightamount_base',
+      },
+      {
+        name: 'createdate',
+      },
+      {
+        name: 'salesorder',
+        prop: 'salesorderid',
+      },
+      {
+        name: 'freightamount',
+      },
+      {
+        name: 'shipto_stateorprovince',
+      },
+      {
+        name: 'discountamount',
+      },
+      {
+        name: 'totalamount',
+      },
+      {
+        name: 'totaldiscountamount',
+      },
+      {
+        name: 'totalamount_base',
+      },
+      {
+        name: 'importsequencenumber',
+      },
+      {
+        name: 'totalamountlessfreight_base',
+      },
+      {
+        name: 'updatedate',
+      },
+      {
+        name: 'versionnumber',
+      },
+      {
+        name: 'shipto_city',
+      },
+      {
+        name: 'billto_line2',
+      },
+      {
+        name: 'shipto_line2',
+      },
+      {
+        name: 'processid',
+      },
+      {
+        name: 'billto_name',
+      },
+      {
+        name: 'totallineitemamount',
+      },
+      {
+        name: 'lastonholdtime',
+      },
+      {
+        name: 'lastbackofficesubmit',
+      },
+      {
+        name: 'customertype',
+      },
+      {
+        name: 'submitdate',
+      },
+      {
+        name: 'billto_fax',
+      },
+      {
+        name: 'shipto_postalcode',
+      },
+      {
+        name: 'entityimage_url',
+      },
+      {
+        name: 'overriddencreatedon',
+      },
+      {
+        name: 'customerid',
+      },
+      {
+        name: 'billto_contactname',
+      },
+      {
+        name: 'onholdtime',
+      },
+      {
+        name: 'totaltax_base',
+      },
+      {
+        name: 'entityimage_timestamp',
+      },
+      {
+        name: 'freighttermscode',
+      },
+      {
+        name: 'billto_stateorprovince',
+      },
+      {
+        name: 'shipto_name',
+      },
+      {
+        name: 'salesordername',
+      },
+      {
+        name: 'ownertype',
+      },
+      {
+        name: 'shippingmethodcode',
+      },
+      {
+        name: 'pricelocked',
+      },
+      {
+        name: 'description',
+      },
+      {
+        name: 'slaname',
+      },
+      {
+        name: 'quoteid',
+      },
+      {
+        name: 'slaid',
+      },
+      {
+        name: 'transactioncurrencyid',
+      },
+      {
+        name: 'opportunityid',
+      },
+      {
+        name: 'pricelevelid',
+      },
+      {
+        name: 'campaignid',
+      },
+      {
+        name: 'quotename',
+      },
+      {
+        name: 'transactioncurrencyname',
+      },
+      {
+        name: 'opportunityname',
+      },
+      {
+        name: 'pricelevelname',
+      },
+      {
+        name: 'campaignname',
+      },
+    ]
+  }
+
+
+}
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabexppanel-tabexppanel/state-tab-viewtabexppanel-tabexppanel-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import SalesOrderService from '@/service/sales-order/sales-order-service';
+import StateTabViewtabexppanelModel from './state-tab-viewtabexppanel-tabexppanel-model';
+
+
+/**
+ * StateTabViewtabexppanel 部件服务对象
+ *
+ * @export
+ * @class StateTabViewtabexppanelService
+ */
+export default class StateTabViewtabexppanelService extends ControlService {
+
+    /**
+     * 订单服务对象
+     *
+     * @type {SalesOrderService}
+     * @memberof StateTabViewtabexppanelService
+     */
+    public appEntityService: SalesOrderService = new SalesOrderService({ $store: this.getStore() });
+
+    /**
+     * 设置从数据模式
+     *
+     * @type {boolean}
+     * @memberof StateTabViewtabexppanelService
+     */
+    public setTempMode(){
+        this.isTempMode = false;
+    }
+
+    /**
+     * Creates an instance of StateTabViewtabexppanelService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof StateTabViewtabexppanelService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+        this.model = new StateTabViewtabexppanelModel();
+    }
+
+    
+}
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabexppanel-tabexppanel/state-tab-viewtabexppanel-tabexppanel.html

+<div class='tabviewpanel'>
+    <tabs :value="activatedTabViewPanel" :animated="false" class='tabexppanel' name='statetabviewtabexppanel' @on-click="tabPanelClick($event)">
+        <tab-pane :index="0" name='tabviewpanel' tab='statetabviewtabexppanel' class=''  
+            :label="(h) =>{
+                return h('div', [
+                    h('span', '全部订单'),
+                    h('Badge', {
+                        props: {
+                            count: undefined,
+                            type: 'primary'
+                        }
+                    })
+                ])
+            }" >
+            <view_tabviewpanel 
+    :viewState="viewState"  
+    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
+    :context="JSON.parse(JSON.stringify(context))" 
+    v-if="isInit.tabviewpanel"
+    name="tabviewpanel"  
+    ref='tabviewpanel'
+    :expActive="activatedTabViewPanel === 'tabviewpanel'"
+    @viewpanelDatasChange = "tabViewPanelDatasChange"
+    @closeview="closeView($event)">
+</view_tabviewpanel>
+        </tab-pane>
+        <tab-pane :index="1" name='tabviewpanel2' tab='statetabviewtabexppanel' class=''  
+            :label="(h) =>{
+                return h('div', [
+                    h('span', '已完成'),
+                    h('Badge', {
+                        props: {
+                            count: undefined,
+                            type: 'primary'
+                        }
+                    })
+                ])
+            }" >
+            <view_tabviewpanel2 
+    :viewState="viewState"  
+    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
+    :context="JSON.parse(JSON.stringify(context))" 
+    v-if="isInit.tabviewpanel2"
+    name="tabviewpanel2"  
+    ref='tabviewpanel2'
+    :expActive="activatedTabViewPanel === 'tabviewpanel2'"
+    @viewpanelDatasChange = "tabViewPanelDatasChange"
+    @closeview="closeView($event)">
+</view_tabviewpanel2>
+        </tab-pane>
+        <tab-pane :index="2" name='tabviewpanel3' tab='statetabviewtabexppanel' class=''  
+            :label="(h) =>{
+                return h('div', [
+                    h('span', '已开发票'),
+                    h('Badge', {
+                        props: {
+                            count: undefined,
+                            type: 'primary'
+                        }
+                    })
+                ])
+            }" >
+            <view_tabviewpanel3 
+    :viewState="viewState"  
+    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
+    :context="JSON.parse(JSON.stringify(context))" 
+    v-if="isInit.tabviewpanel3"
+    name="tabviewpanel3"  
+    ref='tabviewpanel3'
+    :expActive="activatedTabViewPanel === 'tabviewpanel3'"
+    @viewpanelDatasChange = "tabViewPanelDatasChange"
+    @closeview="closeView($event)">
+</view_tabviewpanel3>
+        </tab-pane>
+        <tab-pane :index="3" name='tabviewpanel4' tab='statetabviewtabexppanel' class=''  
+            :label="(h) =>{
+                return h('div', [
+                    h('span', '已取消'),
+                    h('Badge', {
+                        props: {
+                            count: undefined,
+                            type: 'primary'
+                        }
+                    })
+                ])
+            }" >
+            <view_tabviewpanel4 
+    :viewState="viewState"  
+    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
+    :context="JSON.parse(JSON.stringify(context))" 
+    v-if="isInit.tabviewpanel4"
+    name="tabviewpanel4"  
+    ref='tabviewpanel4'
+    :expActive="activatedTabViewPanel === 'tabviewpanel4'"
+    @viewpanelDatasChange = "tabViewPanelDatasChange"
+    @closeview="closeView($event)">
+</view_tabviewpanel4>
+        </tab-pane>
+    </tabs>
+</div>
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabexppanel-tabexppanel/state-tab-viewtabexppanel-tabexppanel.vue

+<template src="./state-tab-viewtabexppanel-tabexppanel.html"/>
+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import { VueLifeCycleProcessing } from '@/studio-core';
+import { StateTabViewtabexppanelTabexppanelBase } from './state-tab-viewtabexppanel-tabexppanel-base';
+import view_tabviewpanel from '@widgets/sales-order/state-tab-viewtabviewpanel-tabviewpanel/state-tab-viewtabviewpanel-tabviewpanel.vue';
+import view_tabviewpanel2 from '@widgets/sales-order/state-tab-viewtabviewpanel2-tabviewpanel/state-tab-viewtabviewpanel2-tabviewpanel.vue';
+import view_tabviewpanel3 from '@widgets/sales-order/state-tab-viewtabviewpanel3-tabviewpanel/state-tab-viewtabviewpanel3-tabviewpanel.vue';
+import view_tabviewpanel4 from '@widgets/sales-order/state-tab-viewtabviewpanel4-tabviewpanel/state-tab-viewtabviewpanel4-tabviewpanel.vue';
+ 
+
+/**
+ * tabexppanel部件
+ *
+ * @export
+ * @class StateTabViewtabexppanelTabexppanel
+ * @extends {StateTabViewtabexppanelTabexppanelBase}
+ */
+@Component({
+    components: {
+        view_tabviewpanel, 
+        view_tabviewpanel2, 
+        view_tabviewpanel3, 
+        view_tabviewpanel4, 
+         
+    }
+})
+@VueLifeCycleProcessing()
+export default class StateTabViewtabexppanelTabexppanel extends StateTabViewtabexppanelTabexppanelBase { }
+</script>

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel-tabviewpanel/state-tab-viewtabviewpanel-tabviewpanel-base.tsx

+import { Prop, Provide, Emit, Model } from 'vue-property-decorator';
+import { Subject, Subscription } from 'rxjs';
+import { Watch, MainControlBase } from '@/studio-core';
+import SalesOrderService from '@/service/sales-order/sales-order-service';
+import StateTabViewtabviewpanelService from './state-tab-viewtabviewpanel-tabviewpanel-service';
+
+
+/**
+ * tabviewpanel部件基类
+ *
+ * @export
+ * @class MainControlBase
+ * @extends {StateTabViewtabviewpanelTabviewpanelBase}
+ */
+export class StateTabViewtabviewpanelTabviewpanelBase extends MainControlBase {
+
+    /**
+     * 获取部件类型
+     *
+     * @protected
+     * @type {string}
+     * @memberof StateTabViewtabviewpanelTabviewpanelBase
+     */
+    protected controlType: string = 'TABVIEWPANEL';
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {StateTabViewtabviewpanelService}
+     * @memberof StateTabViewtabviewpanelTabviewpanelBase
+     */
+    public service: StateTabViewtabviewpanelService = new StateTabViewtabviewpanelService({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {SalesOrderService}
+     * @memberof StateTabViewtabviewpanelTabviewpanelBase
+     */
+    public appEntityService: SalesOrderService = new SalesOrderService({ $store: this.$store });
+
+    /**
+     * 应用实体名称
+     *
+     * @protected
+     * @type {string}
+     * @memberof StateTabViewtabviewpanelTabviewpanelBase
+     */
+    protected appDeName: string = 'salesorder';
+
+    /**
+     * 导航模式下项是否激活
+     *
+     * @type {*}
+     * @memberof StateTabViewtabviewpanel
+     */
+    @Prop()
+    public expActive!: any;
+
+    /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof StateTabViewtabviewpanel
+     */
+    public getDatas(): any[] {
+        return [];
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof StateTabViewtabviewpanel
+     */
+    public getData(): any {
+        return null;
+    }
+
+    /**
+     * 是否被激活
+     *
+     * @type {boolean}
+     * @memberof StateTabViewtabviewpanel
+     */
+    public isActivied: boolean = true;
+
+    /**
+     * 局部上下文
+     *
+     * @type {*}
+     * @memberof StateTabViewtabviewpanel
+     */
+    public localContext: any = null;
+
+    /**
+     * 局部视图参数
+     *
+     * @type {*}
+     * @memberof StateTabViewtabviewpanel
+     */
+    public localViewParam: any = null;
+
+    /**
+     * 传入上下文
+     *
+     * @type {string}
+     * @memberof TabExpViewtabviewpanel
+     */
+    public viewdata: string = JSON.stringify(this.context);
+
+    /**
+     * 传入视图参数
+     *
+     * @type {string}
+     * @memberof PickupViewpickupviewpanel
+     */
+    public viewparam: string = JSON.stringify(this.viewparams);
+
+    /**
+     * 视图面板过滤项
+     *
+     * @type {string}
+     * @memberof StateTabViewtabviewpanel
+     */
+    public navfilter: string = "";
+             
+    /**
+     * vue 生命周期
+     *
+     * @returns
+     * @memberof StateTabViewtabviewpanel
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof StateTabViewtabviewpanel
+     */    
+    public afterCreated(){
+        this.initNavParam();
+        if (this.viewState) {
+            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+                if (!Object.is(tag, this.name)) {
+                    return;
+                }
+                this.$forceUpdate();
+                this.initNavParam();
+            });
+        }
+    }
+
+    /**
+     * 初始化导航参数
+     *
+     * @memberof StateTabViewtabviewpanel
+     */
+    public initNavParam(){
+        if(!Object.is(this.navfilter,"")){
+            Object.assign(this.viewparams,{[this.navfilter]:this.context['majorentity']})
+        }
+        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);
+    }
+
+    /**
+     * 视图数据变化
+     *
+     * @memberof  StateTabViewtabviewpanel
+     */
+    public viewDatasChange($event:any){
+        this.$emit('viewpanelDatasChange',$event);
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof StateTabViewtabviewpanel
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof StateTabViewtabviewpanel
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+    }
+}
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel-tabviewpanel/state-tab-viewtabviewpanel-tabviewpanel-model.ts

+/**
+ * StateTabViewtabviewpanel 部件模型
+ *
+ * @export
+ * @class StateTabViewtabviewpanelModel
+ */
+export default class StateTabViewtabviewpanelModel {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof StateTabViewtabviewpanelModel
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'entityimage',
+      },
+      {
+        name: 'pricingerrorcode',
+      },
+      {
+        name: 'shipto_country',
+      },
+      {
+        name: 'shipto_fax',
+      },
+      {
+        name: 'totallineitemamount_base',
+      },
+      {
+        name: 'billto_country',
+      },
+      {
+        name: 'totalamountlessfreight',
+      },
+      {
+        name: 'willcall',
+      },
+      {
+        name: 'discountamount_base',
+      },
+      {
+        name: 'datefulfilled',
+      },
+      {
+        name: 'billto_line3',
+      },
+      {
+        name: 'billto_line1',
+      },
+      {
+        name: 'utcconversiontimezonecode',
+      },
+      {
+        name: 'ownerid',
+      },
+      {
+        name: 'accountname',
+      },
+      {
+        name: 'exchangerate',
+      },
+      {
+        name: 'entityimageid',
+      },
+      {
+        name: 'shipto_line3',
+      },
+      {
+        name: 'contactname',
+      },
+      {
+        name: 'createman',
+      },
+      {
+        name: 'shipto_telephone',
+      },
+      {
+        name: 'stageid',
+      },
+      {
+        name: 'traversedpath',
+      },
+      {
+        name: 'updateman',
+      },
+      {
+        name: 'ordernumber',
+      },
+      {
+        name: 'timezoneruleversionnumber',
+      },
+      {
+        name: 'ownername',
+      },
+      {
+        name: 'totaldiscountamount_base',
+      },
+      {
+        name: 'shipto_contactname',
+      },
+      {
+        name: 'requestdeliveryby',
+      },
+      {
+        name: 'statecode',
+      },
+      {
+        name: 'totallineitemdiscountamount',
+      },
+      {
+        name: 'shipto_freighttermscode',
+      },
+      {
+        name: 'totaltax',
+      },
+      {
+        name: 'shipto_line1',
+      },
+      {
+        name: 'discountpercentage',
+      },
+      {
+        name: 'prioritycode',
+      },
+      {
+        name: 'billto_composite',
+      },
+      {
+        name: 'customername',
+      },
+      {
+        name: 'statuscode',
+      },
+      {
+        name: 'shipto_addressid',
+      },
+      {
+        name: 'paymenttermscode',
+      },
+      {
+        name: 'billto_postalcode',
+      },
+      {
+        name: 'billto_addressid',
+      },
+      {
+        name: 'billto_telephone',
+      },
+      {
+        name: 'shipto_composite',
+      },
+      {
+        name: 'submitstatus',
+      },
+      {
+        name: 'submitstatusdescription',
+      },
+      {
+        name: 'emailaddress',
+      },
+      {
+        name: 'billto_city',
+      },
+      {
+        name: 'freightamount_base',
+      },
+      {
+        name: 'createdate',
+      },
+      {
+        name: 'salesorder',
+        prop: 'salesorderid',
+      },
+      {
+        name: 'freightamount',
+      },
+      {
+        name: 'shipto_stateorprovince',
+      },
+      {
+        name: 'discountamount',
+      },
+      {
+        name: 'totalamount',
+      },
+      {
+        name: 'totaldiscountamount',
+      },
+      {
+        name: 'totalamount_base',
+      },
+      {
+        name: 'importsequencenumber',
+      },
+      {
+        name: 'totalamountlessfreight_base',
+      },
+      {
+        name: 'updatedate',
+      },
+      {
+        name: 'versionnumber',
+      },
+      {
+        name: 'shipto_city',
+      },
+      {
+        name: 'billto_line2',
+      },
+      {
+        name: 'shipto_line2',
+      },
+      {
+        name: 'processid',
+      },
+      {
+        name: 'billto_name',
+      },
+      {
+        name: 'totallineitemamount',
+      },
+      {
+        name: 'lastonholdtime',
+      },
+      {
+        name: 'lastbackofficesubmit',
+      },
+      {
+        name: 'customertype',
+      },
+      {
+        name: 'submitdate',
+      },
+      {
+        name: 'billto_fax',
+      },
+      {
+        name: 'shipto_postalcode',
+      },
+      {
+        name: 'entityimage_url',
+      },
+      {
+        name: 'overriddencreatedon',
+      },
+      {
+        name: 'customerid',
+      },
+      {
+        name: 'billto_contactname',
+      },
+      {
+        name: 'onholdtime',
+      },
+      {
+        name: 'totaltax_base',
+      },
+      {
+        name: 'entityimage_timestamp',
+      },
+      {
+        name: 'freighttermscode',
+      },
+      {
+        name: 'billto_stateorprovince',
+      },
+      {
+        name: 'shipto_name',
+      },
+      {
+        name: 'salesordername',
+      },
+      {
+        name: 'ownertype',
+      },
+      {
+        name: 'shippingmethodcode',
+      },
+      {
+        name: 'pricelocked',
+      },
+      {
+        name: 'description',
+      },
+      {
+        name: 'slaname',
+      },
+      {
+        name: 'quoteid',
+      },
+      {
+        name: 'slaid',
+      },
+      {
+        name: 'transactioncurrencyid',
+      },
+      {
+        name: 'opportunityid',
+      },
+      {
+        name: 'pricelevelid',
+      },
+      {
+        name: 'campaignid',
+      },
+      {
+        name: 'quotename',
+      },
+      {
+        name: 'transactioncurrencyname',
+      },
+      {
+        name: 'opportunityname',
+      },
+      {
+        name: 'pricelevelname',
+      },
+      {
+        name: 'campaignname',
+      },
+    ]
+  }
+
+
+}
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel-tabviewpanel/state-tab-viewtabviewpanel-tabviewpanel-service.ts

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

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel-tabviewpanel/state-tab-viewtabviewpanel-tabviewpanel.html

+<div class='tabviewpanel' v-if='isActivied'>
+        <sales-order-grid-view 
+        class='viewcontainer2' 
+        :viewdata="viewdata" 
+        :viewparam="viewparam"
+        @viewload="viewDatasChange($event)" 
+        :viewDefaultUsage="false"
+        :viewUsage="7"
+        :expActive="expActive"
+    />
+</div>
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel-tabviewpanel/state-tab-viewtabviewpanel-tabviewpanel.vue

+<template src="./state-tab-viewtabviewpanel-tabviewpanel.html"/>
+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import { VueLifeCycleProcessing } from '@/studio-core';
+import { StateTabViewtabviewpanelTabviewpanelBase } from './state-tab-viewtabviewpanel-tabviewpanel-base';
+ 
+
+/**
+ * tabviewpanel部件
+ *
+ * @export
+ * @class StateTabViewtabviewpanelTabviewpanel
+ * @extends {StateTabViewtabviewpanelTabviewpanelBase}
+ */
+@Component({
+    components: {
+         
+    }
+})
+@VueLifeCycleProcessing()
+export default class StateTabViewtabviewpanelTabviewpanel extends StateTabViewtabviewpanelTabviewpanelBase { }
+</script>

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel2-tabviewpanel/state-tab-viewtabviewpanel2-tabviewpanel-base.tsx

+import { Prop, Provide, Emit, Model } from 'vue-property-decorator';
+import { Subject, Subscription } from 'rxjs';
+import { Watch, MainControlBase } from '@/studio-core';
+import SalesOrderService from '@/service/sales-order/sales-order-service';
+import StateTabViewtabviewpanel2Service from './state-tab-viewtabviewpanel2-tabviewpanel-service';
+
+
+/**
+ * tabviewpanel2部件基类
+ *
+ * @export
+ * @class MainControlBase
+ * @extends {StateTabViewtabviewpanel2TabviewpanelBase}
+ */
+export class StateTabViewtabviewpanel2TabviewpanelBase extends MainControlBase {
+
+    /**
+     * 获取部件类型
+     *
+     * @protected
+     * @type {string}
+     * @memberof StateTabViewtabviewpanel2TabviewpanelBase
+     */
+    protected controlType: string = 'TABVIEWPANEL';
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {StateTabViewtabviewpanel2Service}
+     * @memberof StateTabViewtabviewpanel2TabviewpanelBase
+     */
+    public service: StateTabViewtabviewpanel2Service = new StateTabViewtabviewpanel2Service({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {SalesOrderService}
+     * @memberof StateTabViewtabviewpanel2TabviewpanelBase
+     */
+    public appEntityService: SalesOrderService = new SalesOrderService({ $store: this.$store });
+
+    /**
+     * 应用实体名称
+     *
+     * @protected
+     * @type {string}
+     * @memberof StateTabViewtabviewpanel2TabviewpanelBase
+     */
+    protected appDeName: string = 'salesorder';
+
+    /**
+     * 导航模式下项是否激活
+     *
+     * @type {*}
+     * @memberof StateTabViewtabviewpanel2
+     */
+    @Prop()
+    public expActive!: any;
+
+    /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof StateTabViewtabviewpanel2
+     */
+    public getDatas(): any[] {
+        return [];
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof StateTabViewtabviewpanel2
+     */
+    public getData(): any {
+        return null;
+    }
+
+    /**
+     * 是否被激活
+     *
+     * @type {boolean}
+     * @memberof StateTabViewtabviewpanel2
+     */
+    public isActivied: boolean = true;
+
+    /**
+     * 局部上下文
+     *
+     * @type {*}
+     * @memberof StateTabViewtabviewpanel2
+     */
+    public localContext: any = null;
+
+    /**
+     * 局部视图参数
+     *
+     * @type {*}
+     * @memberof StateTabViewtabviewpanel2
+     */
+    public localViewParam: any = null;
+
+    /**
+     * 传入上下文
+     *
+     * @type {string}
+     * @memberof TabExpViewtabviewpanel
+     */
+    public viewdata: string = JSON.stringify(this.context);
+
+    /**
+     * 传入视图参数
+     *
+     * @type {string}
+     * @memberof PickupViewpickupviewpanel
+     */
+    public viewparam: string = JSON.stringify(this.viewparams);
+
+    /**
+     * 视图面板过滤项
+     *
+     * @type {string}
+     * @memberof StateTabViewtabviewpanel2
+     */
+    public navfilter: string = "";
+             
+    /**
+     * vue 生命周期
+     *
+     * @returns
+     * @memberof StateTabViewtabviewpanel2
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof StateTabViewtabviewpanel2
+     */    
+    public afterCreated(){
+        this.initNavParam();
+        if (this.viewState) {
+            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+                if (!Object.is(tag, this.name)) {
+                    return;
+                }
+                this.$forceUpdate();
+                this.initNavParam();
+            });
+        }
+    }
+
+    /**
+     * 初始化导航参数
+     *
+     * @memberof StateTabViewtabviewpanel2
+     */
+    public initNavParam(){
+        if(!Object.is(this.navfilter,"")){
+            Object.assign(this.viewparams,{[this.navfilter]:this.context['majorentity']})
+        }
+        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);
+    }
+
+    /**
+     * 视图数据变化
+     *
+     * @memberof  StateTabViewtabviewpanel2
+     */
+    public viewDatasChange($event:any){
+        this.$emit('viewpanelDatasChange',$event);
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof StateTabViewtabviewpanel2
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof StateTabViewtabviewpanel2
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+    }
+}
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel2-tabviewpanel/state-tab-viewtabviewpanel2-tabviewpanel-model.ts

+/**
+ * StateTabViewtabviewpanel2 部件模型
+ *
+ * @export
+ * @class StateTabViewtabviewpanel2Model
+ */
+export default class StateTabViewtabviewpanel2Model {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof StateTabViewtabviewpanel2Model
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'entityimage',
+      },
+      {
+        name: 'pricingerrorcode',
+      },
+      {
+        name: 'shipto_country',
+      },
+      {
+        name: 'shipto_fax',
+      },
+      {
+        name: 'totallineitemamount_base',
+      },
+      {
+        name: 'billto_country',
+      },
+      {
+        name: 'totalamountlessfreight',
+      },
+      {
+        name: 'willcall',
+      },
+      {
+        name: 'discountamount_base',
+      },
+      {
+        name: 'datefulfilled',
+      },
+      {
+        name: 'billto_line3',
+      },
+      {
+        name: 'billto_line1',
+      },
+      {
+        name: 'utcconversiontimezonecode',
+      },
+      {
+        name: 'ownerid',
+      },
+      {
+        name: 'accountname',
+      },
+      {
+        name: 'exchangerate',
+      },
+      {
+        name: 'entityimageid',
+      },
+      {
+        name: 'shipto_line3',
+      },
+      {
+        name: 'contactname',
+      },
+      {
+        name: 'createman',
+      },
+      {
+        name: 'shipto_telephone',
+      },
+      {
+        name: 'stageid',
+      },
+      {
+        name: 'traversedpath',
+      },
+      {
+        name: 'updateman',
+      },
+      {
+        name: 'ordernumber',
+      },
+      {
+        name: 'timezoneruleversionnumber',
+      },
+      {
+        name: 'ownername',
+      },
+      {
+        name: 'totaldiscountamount_base',
+      },
+      {
+        name: 'shipto_contactname',
+      },
+      {
+        name: 'requestdeliveryby',
+      },
+      {
+        name: 'statecode',
+      },
+      {
+        name: 'totallineitemdiscountamount',
+      },
+      {
+        name: 'shipto_freighttermscode',
+      },
+      {
+        name: 'totaltax',
+      },
+      {
+        name: 'shipto_line1',
+      },
+      {
+        name: 'discountpercentage',
+      },
+      {
+        name: 'prioritycode',
+      },
+      {
+        name: 'billto_composite',
+      },
+      {
+        name: 'customername',
+      },
+      {
+        name: 'statuscode',
+      },
+      {
+        name: 'shipto_addressid',
+      },
+      {
+        name: 'paymenttermscode',
+      },
+      {
+        name: 'billto_postalcode',
+      },
+      {
+        name: 'billto_addressid',
+      },
+      {
+        name: 'billto_telephone',
+      },
+      {
+        name: 'shipto_composite',
+      },
+      {
+        name: 'submitstatus',
+      },
+      {
+        name: 'submitstatusdescription',
+      },
+      {
+        name: 'emailaddress',
+      },
+      {
+        name: 'billto_city',
+      },
+      {
+        name: 'freightamount_base',
+      },
+      {
+        name: 'createdate',
+      },
+      {
+        name: 'salesorder',
+        prop: 'salesorderid',
+      },
+      {
+        name: 'freightamount',
+      },
+      {
+        name: 'shipto_stateorprovince',
+      },
+      {
+        name: 'discountamount',
+      },
+      {
+        name: 'totalamount',
+      },
+      {
+        name: 'totaldiscountamount',
+      },
+      {
+        name: 'totalamount_base',
+      },
+      {
+        name: 'importsequencenumber',
+      },
+      {
+        name: 'totalamountlessfreight_base',
+      },
+      {
+        name: 'updatedate',
+      },
+      {
+        name: 'versionnumber',
+      },
+      {
+        name: 'shipto_city',
+      },
+      {
+        name: 'billto_line2',
+      },
+      {
+        name: 'shipto_line2',
+      },
+      {
+        name: 'processid',
+      },
+      {
+        name: 'billto_name',
+      },
+      {
+        name: 'totallineitemamount',
+      },
+      {
+        name: 'lastonholdtime',
+      },
+      {
+        name: 'lastbackofficesubmit',
+      },
+      {
+        name: 'customertype',
+      },
+      {
+        name: 'submitdate',
+      },
+      {
+        name: 'billto_fax',
+      },
+      {
+        name: 'shipto_postalcode',
+      },
+      {
+        name: 'entityimage_url',
+      },
+      {
+        name: 'overriddencreatedon',
+      },
+      {
+        name: 'customerid',
+      },
+      {
+        name: 'billto_contactname',
+      },
+      {
+        name: 'onholdtime',
+      },
+      {
+        name: 'totaltax_base',
+      },
+      {
+        name: 'entityimage_timestamp',
+      },
+      {
+        name: 'freighttermscode',
+      },
+      {
+        name: 'billto_stateorprovince',
+      },
+      {
+        name: 'shipto_name',
+      },
+      {
+        name: 'salesordername',
+      },
+      {
+        name: 'ownertype',
+      },
+      {
+        name: 'shippingmethodcode',
+      },
+      {
+        name: 'pricelocked',
+      },
+      {
+        name: 'description',
+      },
+      {
+        name: 'slaname',
+      },
+      {
+        name: 'quoteid',
+      },
+      {
+        name: 'slaid',
+      },
+      {
+        name: 'transactioncurrencyid',
+      },
+      {
+        name: 'opportunityid',
+      },
+      {
+        name: 'pricelevelid',
+      },
+      {
+        name: 'campaignid',
+      },
+      {
+        name: 'quotename',
+      },
+      {
+        name: 'transactioncurrencyname',
+      },
+      {
+        name: 'opportunityname',
+      },
+      {
+        name: 'pricelevelname',
+      },
+      {
+        name: 'campaignname',
+      },
+    ]
+  }
+
+
+}
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel2-tabviewpanel/state-tab-viewtabviewpanel2-tabviewpanel-service.ts

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

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel2-tabviewpanel/state-tab-viewtabviewpanel2-tabviewpanel.html

+<div class='tabviewpanel' v-if='isActivied'>
+        <sales-order-finish-grid-view 
+        class='viewcontainer2' 
+        :viewdata="viewdata" 
+        :viewparam="viewparam"
+        @viewload="viewDatasChange($event)" 
+        :viewDefaultUsage="false"
+        :viewUsage="7"
+        :expActive="expActive"
+    />
+</div>
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel2-tabviewpanel/state-tab-viewtabviewpanel2-tabviewpanel.vue

+<template src="./state-tab-viewtabviewpanel2-tabviewpanel.html"/>
+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import { VueLifeCycleProcessing } from '@/studio-core';
+import { StateTabViewtabviewpanel2TabviewpanelBase } from './state-tab-viewtabviewpanel2-tabviewpanel-base';
+ 
+
+/**
+ * tabviewpanel2部件
+ *
+ * @export
+ * @class StateTabViewtabviewpanel2Tabviewpanel
+ * @extends {StateTabViewtabviewpanel2TabviewpanelBase}
+ */
+@Component({
+    components: {
+         
+    }
+})
+@VueLifeCycleProcessing()
+export default class StateTabViewtabviewpanel2Tabviewpanel extends StateTabViewtabviewpanel2TabviewpanelBase { }
+</script>

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel3-tabviewpanel/state-tab-viewtabviewpanel3-tabviewpanel-base.tsx

+import { Prop, Provide, Emit, Model } from 'vue-property-decorator';
+import { Subject, Subscription } from 'rxjs';
+import { Watch, MainControlBase } from '@/studio-core';
+import SalesOrderService from '@/service/sales-order/sales-order-service';
+import StateTabViewtabviewpanel3Service from './state-tab-viewtabviewpanel3-tabviewpanel-service';
+
+
+/**
+ * tabviewpanel3部件基类
+ *
+ * @export
+ * @class MainControlBase
+ * @extends {StateTabViewtabviewpanel3TabviewpanelBase}
+ */
+export class StateTabViewtabviewpanel3TabviewpanelBase extends MainControlBase {
+
+    /**
+     * 获取部件类型
+     *
+     * @protected
+     * @type {string}
+     * @memberof StateTabViewtabviewpanel3TabviewpanelBase
+     */
+    protected controlType: string = 'TABVIEWPANEL';
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {StateTabViewtabviewpanel3Service}
+     * @memberof StateTabViewtabviewpanel3TabviewpanelBase
+     */
+    public service: StateTabViewtabviewpanel3Service = new StateTabViewtabviewpanel3Service({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {SalesOrderService}
+     * @memberof StateTabViewtabviewpanel3TabviewpanelBase
+     */
+    public appEntityService: SalesOrderService = new SalesOrderService({ $store: this.$store });
+
+    /**
+     * 应用实体名称
+     *
+     * @protected
+     * @type {string}
+     * @memberof StateTabViewtabviewpanel3TabviewpanelBase
+     */
+    protected appDeName: string = 'salesorder';
+
+    /**
+     * 导航模式下项是否激活
+     *
+     * @type {*}
+     * @memberof StateTabViewtabviewpanel3
+     */
+    @Prop()
+    public expActive!: any;
+
+    /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof StateTabViewtabviewpanel3
+     */
+    public getDatas(): any[] {
+        return [];
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof StateTabViewtabviewpanel3
+     */
+    public getData(): any {
+        return null;
+    }
+
+    /**
+     * 是否被激活
+     *
+     * @type {boolean}
+     * @memberof StateTabViewtabviewpanel3
+     */
+    public isActivied: boolean = true;
+
+    /**
+     * 局部上下文
+     *
+     * @type {*}
+     * @memberof StateTabViewtabviewpanel3
+     */
+    public localContext: any = null;
+
+    /**
+     * 局部视图参数
+     *
+     * @type {*}
+     * @memberof StateTabViewtabviewpanel3
+     */
+    public localViewParam: any = null;
+
+    /**
+     * 传入上下文
+     *
+     * @type {string}
+     * @memberof TabExpViewtabviewpanel
+     */
+    public viewdata: string = JSON.stringify(this.context);
+
+    /**
+     * 传入视图参数
+     *
+     * @type {string}
+     * @memberof PickupViewpickupviewpanel
+     */
+    public viewparam: string = JSON.stringify(this.viewparams);
+
+    /**
+     * 视图面板过滤项
+     *
+     * @type {string}
+     * @memberof StateTabViewtabviewpanel3
+     */
+    public navfilter: string = "";
+             
+    /**
+     * vue 生命周期
+     *
+     * @returns
+     * @memberof StateTabViewtabviewpanel3
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof StateTabViewtabviewpanel3
+     */    
+    public afterCreated(){
+        this.initNavParam();
+        if (this.viewState) {
+            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+                if (!Object.is(tag, this.name)) {
+                    return;
+                }
+                this.$forceUpdate();
+                this.initNavParam();
+            });
+        }
+    }
+
+    /**
+     * 初始化导航参数
+     *
+     * @memberof StateTabViewtabviewpanel3
+     */
+    public initNavParam(){
+        if(!Object.is(this.navfilter,"")){
+            Object.assign(this.viewparams,{[this.navfilter]:this.context['majorentity']})
+        }
+        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);
+    }
+
+    /**
+     * 视图数据变化
+     *
+     * @memberof  StateTabViewtabviewpanel3
+     */
+    public viewDatasChange($event:any){
+        this.$emit('viewpanelDatasChange',$event);
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof StateTabViewtabviewpanel3
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof StateTabViewtabviewpanel3
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+    }
+}
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel3-tabviewpanel/state-tab-viewtabviewpanel3-tabviewpanel-model.ts

+/**
+ * StateTabViewtabviewpanel3 部件模型
+ *
+ * @export
+ * @class StateTabViewtabviewpanel3Model
+ */
+export default class StateTabViewtabviewpanel3Model {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof StateTabViewtabviewpanel3Model
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'entityimage',
+      },
+      {
+        name: 'pricingerrorcode',
+      },
+      {
+        name: 'shipto_country',
+      },
+      {
+        name: 'shipto_fax',
+      },
+      {
+        name: 'totallineitemamount_base',
+      },
+      {
+        name: 'billto_country',
+      },
+      {
+        name: 'totalamountlessfreight',
+      },
+      {
+        name: 'willcall',
+      },
+      {
+        name: 'discountamount_base',
+      },
+      {
+        name: 'datefulfilled',
+      },
+      {
+        name: 'billto_line3',
+      },
+      {
+        name: 'billto_line1',
+      },
+      {
+        name: 'utcconversiontimezonecode',
+      },
+      {
+        name: 'ownerid',
+      },
+      {
+        name: 'accountname',
+      },
+      {
+        name: 'exchangerate',
+      },
+      {
+        name: 'entityimageid',
+      },
+      {
+        name: 'shipto_line3',
+      },
+      {
+        name: 'contactname',
+      },
+      {
+        name: 'createman',
+      },
+      {
+        name: 'shipto_telephone',
+      },
+      {
+        name: 'stageid',
+      },
+      {
+        name: 'traversedpath',
+      },
+      {
+        name: 'updateman',
+      },
+      {
+        name: 'ordernumber',
+      },
+      {
+        name: 'timezoneruleversionnumber',
+      },
+      {
+        name: 'ownername',
+      },
+      {
+        name: 'totaldiscountamount_base',
+      },
+      {
+        name: 'shipto_contactname',
+      },
+      {
+        name: 'requestdeliveryby',
+      },
+      {
+        name: 'statecode',
+      },
+      {
+        name: 'totallineitemdiscountamount',
+      },
+      {
+        name: 'shipto_freighttermscode',
+      },
+      {
+        name: 'totaltax',
+      },
+      {
+        name: 'shipto_line1',
+      },
+      {
+        name: 'discountpercentage',
+      },
+      {
+        name: 'prioritycode',
+      },
+      {
+        name: 'billto_composite',
+      },
+      {
+        name: 'customername',
+      },
+      {
+        name: 'statuscode',
+      },
+      {
+        name: 'shipto_addressid',
+      },
+      {
+        name: 'paymenttermscode',
+      },
+      {
+        name: 'billto_postalcode',
+      },
+      {
+        name: 'billto_addressid',
+      },
+      {
+        name: 'billto_telephone',
+      },
+      {
+        name: 'shipto_composite',
+      },
+      {
+        name: 'submitstatus',
+      },
+      {
+        name: 'submitstatusdescription',
+      },
+      {
+        name: 'emailaddress',
+      },
+      {
+        name: 'billto_city',
+      },
+      {
+        name: 'freightamount_base',
+      },
+      {
+        name: 'createdate',
+      },
+      {
+        name: 'salesorder',
+        prop: 'salesorderid',
+      },
+      {
+        name: 'freightamount',
+      },
+      {
+        name: 'shipto_stateorprovince',
+      },
+      {
+        name: 'discountamount',
+      },
+      {
+        name: 'totalamount',
+      },
+      {
+        name: 'totaldiscountamount',
+      },
+      {
+        name: 'totalamount_base',
+      },
+      {
+        name: 'importsequencenumber',
+      },
+      {
+        name: 'totalamountlessfreight_base',
+      },
+      {
+        name: 'updatedate',
+      },
+      {
+        name: 'versionnumber',
+      },
+      {
+        name: 'shipto_city',
+      },
+      {
+        name: 'billto_line2',
+      },
+      {
+        name: 'shipto_line2',
+      },
+      {
+        name: 'processid',
+      },
+      {
+        name: 'billto_name',
+      },
+      {
+        name: 'totallineitemamount',
+      },
+      {
+        name: 'lastonholdtime',
+      },
+      {
+        name: 'lastbackofficesubmit',
+      },
+      {
+        name: 'customertype',
+      },
+      {
+        name: 'submitdate',
+      },
+      {
+        name: 'billto_fax',
+      },
+      {
+        name: 'shipto_postalcode',
+      },
+      {
+        name: 'entityimage_url',
+      },
+      {
+        name: 'overriddencreatedon',
+      },
+      {
+        name: 'customerid',
+      },
+      {
+        name: 'billto_contactname',
+      },
+      {
+        name: 'onholdtime',
+      },
+      {
+        name: 'totaltax_base',
+      },
+      {
+        name: 'entityimage_timestamp',
+      },
+      {
+        name: 'freighttermscode',
+      },
+      {
+        name: 'billto_stateorprovince',
+      },
+      {
+        name: 'shipto_name',
+      },
+      {
+        name: 'salesordername',
+      },
+      {
+        name: 'ownertype',
+      },
+      {
+        name: 'shippingmethodcode',
+      },
+      {
+        name: 'pricelocked',
+      },
+      {
+        name: 'description',
+      },
+      {
+        name: 'slaname',
+      },
+      {
+        name: 'quoteid',
+      },
+      {
+        name: 'slaid',
+      },
+      {
+        name: 'transactioncurrencyid',
+      },
+      {
+        name: 'opportunityid',
+      },
+      {
+        name: 'pricelevelid',
+      },
+      {
+        name: 'campaignid',
+      },
+      {
+        name: 'quotename',
+      },
+      {
+        name: 'transactioncurrencyname',
+      },
+      {
+        name: 'opportunityname',
+      },
+      {
+        name: 'pricelevelname',
+      },
+      {
+        name: 'campaignname',
+      },
+    ]
+  }
+
+
+}
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel3-tabviewpanel/state-tab-viewtabviewpanel3-tabviewpanel-service.ts

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

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel3-tabviewpanel/state-tab-viewtabviewpanel3-tabviewpanel.html

+<div class='tabviewpanel' v-if='isActivied'>
+        <sales-order-invoice-grid-view 
+        class='viewcontainer2' 
+        :viewdata="viewdata" 
+        :viewparam="viewparam"
+        @viewload="viewDatasChange($event)" 
+        :viewDefaultUsage="false"
+        :viewUsage="7"
+        :expActive="expActive"
+    />
+</div>
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel3-tabviewpanel/state-tab-viewtabviewpanel3-tabviewpanel.vue

+<template src="./state-tab-viewtabviewpanel3-tabviewpanel.html"/>
+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import { VueLifeCycleProcessing } from '@/studio-core';
+import { StateTabViewtabviewpanel3TabviewpanelBase } from './state-tab-viewtabviewpanel3-tabviewpanel-base';
+ 
+
+/**
+ * tabviewpanel3部件
+ *
+ * @export
+ * @class StateTabViewtabviewpanel3Tabviewpanel
+ * @extends {StateTabViewtabviewpanel3TabviewpanelBase}
+ */
+@Component({
+    components: {
+         
+    }
+})
+@VueLifeCycleProcessing()
+export default class StateTabViewtabviewpanel3Tabviewpanel extends StateTabViewtabviewpanel3TabviewpanelBase { }
+</script>

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel4-tabviewpanel/state-tab-viewtabviewpanel4-tabviewpanel-base.tsx

+import { Prop, Provide, Emit, Model } from 'vue-property-decorator';
+import { Subject, Subscription } from 'rxjs';
+import { Watch, MainControlBase } from '@/studio-core';
+import SalesOrderService from '@/service/sales-order/sales-order-service';
+import StateTabViewtabviewpanel4Service from './state-tab-viewtabviewpanel4-tabviewpanel-service';
+
+
+/**
+ * tabviewpanel4部件基类
+ *
+ * @export
+ * @class MainControlBase
+ * @extends {StateTabViewtabviewpanel4TabviewpanelBase}
+ */
+export class StateTabViewtabviewpanel4TabviewpanelBase extends MainControlBase {
+
+    /**
+     * 获取部件类型
+     *
+     * @protected
+     * @type {string}
+     * @memberof StateTabViewtabviewpanel4TabviewpanelBase
+     */
+    protected controlType: string = 'TABVIEWPANEL';
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {StateTabViewtabviewpanel4Service}
+     * @memberof StateTabViewtabviewpanel4TabviewpanelBase
+     */
+    public service: StateTabViewtabviewpanel4Service = new StateTabViewtabviewpanel4Service({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {SalesOrderService}
+     * @memberof StateTabViewtabviewpanel4TabviewpanelBase
+     */
+    public appEntityService: SalesOrderService = new SalesOrderService({ $store: this.$store });
+
+    /**
+     * 应用实体名称
+     *
+     * @protected
+     * @type {string}
+     * @memberof StateTabViewtabviewpanel4TabviewpanelBase
+     */
+    protected appDeName: string = 'salesorder';
+
+    /**
+     * 导航模式下项是否激活
+     *
+     * @type {*}
+     * @memberof StateTabViewtabviewpanel4
+     */
+    @Prop()
+    public expActive!: any;
+
+    /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof StateTabViewtabviewpanel4
+     */
+    public getDatas(): any[] {
+        return [];
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof StateTabViewtabviewpanel4
+     */
+    public getData(): any {
+        return null;
+    }
+
+    /**
+     * 是否被激活
+     *
+     * @type {boolean}
+     * @memberof StateTabViewtabviewpanel4
+     */
+    public isActivied: boolean = true;
+
+    /**
+     * 局部上下文
+     *
+     * @type {*}
+     * @memberof StateTabViewtabviewpanel4
+     */
+    public localContext: any = null;
+
+    /**
+     * 局部视图参数
+     *
+     * @type {*}
+     * @memberof StateTabViewtabviewpanel4
+     */
+    public localViewParam: any = null;
+
+    /**
+     * 传入上下文
+     *
+     * @type {string}
+     * @memberof TabExpViewtabviewpanel
+     */
+    public viewdata: string = JSON.stringify(this.context);
+
+    /**
+     * 传入视图参数
+     *
+     * @type {string}
+     * @memberof PickupViewpickupviewpanel
+     */
+    public viewparam: string = JSON.stringify(this.viewparams);
+
+    /**
+     * 视图面板过滤项
+     *
+     * @type {string}
+     * @memberof StateTabViewtabviewpanel4
+     */
+    public navfilter: string = "";
+             
+    /**
+     * vue 生命周期
+     *
+     * @returns
+     * @memberof StateTabViewtabviewpanel4
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof StateTabViewtabviewpanel4
+     */    
+    public afterCreated(){
+        this.initNavParam();
+        if (this.viewState) {
+            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+                if (!Object.is(tag, this.name)) {
+                    return;
+                }
+                this.$forceUpdate();
+                this.initNavParam();
+            });
+        }
+    }
+
+    /**
+     * 初始化导航参数
+     *
+     * @memberof StateTabViewtabviewpanel4
+     */
+    public initNavParam(){
+        if(!Object.is(this.navfilter,"")){
+            Object.assign(this.viewparams,{[this.navfilter]:this.context['majorentity']})
+        }
+        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);
+    }
+
+    /**
+     * 视图数据变化
+     *
+     * @memberof  StateTabViewtabviewpanel4
+     */
+    public viewDatasChange($event:any){
+        this.$emit('viewpanelDatasChange',$event);
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof StateTabViewtabviewpanel4
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof StateTabViewtabviewpanel4
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+    }
+}
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel4-tabviewpanel/state-tab-viewtabviewpanel4-tabviewpanel-model.ts

+/**
+ * StateTabViewtabviewpanel4 部件模型
+ *
+ * @export
+ * @class StateTabViewtabviewpanel4Model
+ */
+export default class StateTabViewtabviewpanel4Model {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof StateTabViewtabviewpanel4Model
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'entityimage',
+      },
+      {
+        name: 'pricingerrorcode',
+      },
+      {
+        name: 'shipto_country',
+      },
+      {
+        name: 'shipto_fax',
+      },
+      {
+        name: 'totallineitemamount_base',
+      },
+      {
+        name: 'billto_country',
+      },
+      {
+        name: 'totalamountlessfreight',
+      },
+      {
+        name: 'willcall',
+      },
+      {
+        name: 'discountamount_base',
+      },
+      {
+        name: 'datefulfilled',
+      },
+      {
+        name: 'billto_line3',
+      },
+      {
+        name: 'billto_line1',
+      },
+      {
+        name: 'utcconversiontimezonecode',
+      },
+      {
+        name: 'ownerid',
+      },
+      {
+        name: 'accountname',
+      },
+      {
+        name: 'exchangerate',
+      },
+      {
+        name: 'entityimageid',
+      },
+      {
+        name: 'shipto_line3',
+      },
+      {
+        name: 'contactname',
+      },
+      {
+        name: 'createman',
+      },
+      {
+        name: 'shipto_telephone',
+      },
+      {
+        name: 'stageid',
+      },
+      {
+        name: 'traversedpath',
+      },
+      {
+        name: 'updateman',
+      },
+      {
+        name: 'ordernumber',
+      },
+      {
+        name: 'timezoneruleversionnumber',
+      },
+      {
+        name: 'ownername',
+      },
+      {
+        name: 'totaldiscountamount_base',
+      },
+      {
+        name: 'shipto_contactname',
+      },
+      {
+        name: 'requestdeliveryby',
+      },
+      {
+        name: 'statecode',
+      },
+      {
+        name: 'totallineitemdiscountamount',
+      },
+      {
+        name: 'shipto_freighttermscode',
+      },
+      {
+        name: 'totaltax',
+      },
+      {
+        name: 'shipto_line1',
+      },
+      {
+        name: 'discountpercentage',
+      },
+      {
+        name: 'prioritycode',
+      },
+      {
+        name: 'billto_composite',
+      },
+      {
+        name: 'customername',
+      },
+      {
+        name: 'statuscode',
+      },
+      {
+        name: 'shipto_addressid',
+      },
+      {
+        name: 'paymenttermscode',
+      },
+      {
+        name: 'billto_postalcode',
+      },
+      {
+        name: 'billto_addressid',
+      },
+      {
+        name: 'billto_telephone',
+      },
+      {
+        name: 'shipto_composite',
+      },
+      {
+        name: 'submitstatus',
+      },
+      {
+        name: 'submitstatusdescription',
+      },
+      {
+        name: 'emailaddress',
+      },
+      {
+        name: 'billto_city',
+      },
+      {
+        name: 'freightamount_base',
+      },
+      {
+        name: 'createdate',
+      },
+      {
+        name: 'salesorder',
+        prop: 'salesorderid',
+      },
+      {
+        name: 'freightamount',
+      },
+      {
+        name: 'shipto_stateorprovince',
+      },
+      {
+        name: 'discountamount',
+      },
+      {
+        name: 'totalamount',
+      },
+      {
+        name: 'totaldiscountamount',
+      },
+      {
+        name: 'totalamount_base',
+      },
+      {
+        name: 'importsequencenumber',
+      },
+      {
+        name: 'totalamountlessfreight_base',
+      },
+      {
+        name: 'updatedate',
+      },
+      {
+        name: 'versionnumber',
+      },
+      {
+        name: 'shipto_city',
+      },
+      {
+        name: 'billto_line2',
+      },
+      {
+        name: 'shipto_line2',
+      },
+      {
+        name: 'processid',
+      },
+      {
+        name: 'billto_name',
+      },
+      {
+        name: 'totallineitemamount',
+      },
+      {
+        name: 'lastonholdtime',
+      },
+      {
+        name: 'lastbackofficesubmit',
+      },
+      {
+        name: 'customertype',
+      },
+      {
+        name: 'submitdate',
+      },
+      {
+        name: 'billto_fax',
+      },
+      {
+        name: 'shipto_postalcode',
+      },
+      {
+        name: 'entityimage_url',
+      },
+      {
+        name: 'overriddencreatedon',
+      },
+      {
+        name: 'customerid',
+      },
+      {
+        name: 'billto_contactname',
+      },
+      {
+        name: 'onholdtime',
+      },
+      {
+        name: 'totaltax_base',
+      },
+      {
+        name: 'entityimage_timestamp',
+      },
+      {
+        name: 'freighttermscode',
+      },
+      {
+        name: 'billto_stateorprovince',
+      },
+      {
+        name: 'shipto_name',
+      },
+      {
+        name: 'salesordername',
+      },
+      {
+        name: 'ownertype',
+      },
+      {
+        name: 'shippingmethodcode',
+      },
+      {
+        name: 'pricelocked',
+      },
+      {
+        name: 'description',
+      },
+      {
+        name: 'slaname',
+      },
+      {
+        name: 'quoteid',
+      },
+      {
+        name: 'slaid',
+      },
+      {
+        name: 'transactioncurrencyid',
+      },
+      {
+        name: 'opportunityid',
+      },
+      {
+        name: 'pricelevelid',
+      },
+      {
+        name: 'campaignid',
+      },
+      {
+        name: 'quotename',
+      },
+      {
+        name: 'transactioncurrencyname',
+      },
+      {
+        name: 'opportunityname',
+      },
+      {
+        name: 'pricelevelname',
+      },
+      {
+        name: 'campaignname',
+      },
+    ]
+  }
+
+
+}
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel4-tabviewpanel/state-tab-viewtabviewpanel4-tabviewpanel-service.ts

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

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel4-tabviewpanel/state-tab-viewtabviewpanel4-tabviewpanel.html

+<div class='tabviewpanel' v-if='isActivied'>
+        <sales-order-cancel-grid-view 
+        class='viewcontainer2' 
+        :viewdata="viewdata" 
+        :viewparam="viewparam"
+        @viewload="viewDatasChange($event)" 
+        :viewDefaultUsage="false"
+        :viewUsage="7"
+        :expActive="expActive"
+    />
+</div>
\ No newline at end of file

app_CRM/src/widgets/sales-order/state-tab-viewtabviewpanel4-tabviewpanel/state-tab-viewtabviewpanel4-tabviewpanel.vue

+<template src="./state-tab-viewtabviewpanel4-tabviewpanel.html"/>
+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import { VueLifeCycleProcessing } from '@/studio-core';
+import { StateTabViewtabviewpanel4TabviewpanelBase } from './state-tab-viewtabviewpanel4-tabviewpanel-base';
+ 
+
+/**
+ * tabviewpanel4部件
+ *
+ * @export
+ * @class StateTabViewtabviewpanel4Tabviewpanel
+ * @extends {StateTabViewtabviewpanel4TabviewpanelBase}
+ */
+@Component({
+    components: {
+         
+    }
+})
+@VueLifeCycleProcessing()
+export default class StateTabViewtabviewpanel4Tabviewpanel extends StateTabViewtabviewpanel4TabviewpanelBase { }
+</script>

businesscentral-core/src/main/resources/liquibase/h2_table.xml

@@ -9346,7 +9346,7 @@
 
 
     <!--输出实体[SALESORDER]数据结构 -->
-    <changeSet author="a_LAB01_e85d8801c" id="tab-salesorder-108-110">
+    <changeSet author="a_LAB01_e85d8801c" id="tab-salesorder-112-110">
         <createTable tableName="SALESORDER">
                 <column name="ENTITYIMAGE" remarks="" type="VARCHAR(100)">
                 </column>
@@ -11792,22 +11792,22 @@
        <addForeignKeyConstraint baseColumnNames="SALESLITERATUREID" baseTableName="SALESLITERATUREITEM" constraintName="DER1N_SALESLITERATUREITEM__SAL" deferrable="false" initiallyDeferred="false" onDelete="RESTRICT" onUpdate="RESTRICT" referencedColumnNames="SALESLITERATUREID" referencedTableName="SALESLITERATURE" validate="true"/>
     </changeSet>
         <!--输出实体[SALESORDER]外键关系 -->
-    <changeSet author="a_LAB01_e85d8801c" id="fk-salesorder-108-395">
+    <changeSet author="a_LAB01_e85d8801c" id="fk-salesorder-112-395">
        <addForeignKeyConstraint baseColumnNames="CAMPAIGNID" baseTableName="SALESORDER" constraintName="DER1N_SALESORDER__CAMPAIGN__CA" deferrable="false" initiallyDeferred="false" onDelete="RESTRICT" onUpdate="RESTRICT" referencedColumnNames="CAMPAIGNID" referencedTableName="CAMPAIGN" validate="true"/>
     </changeSet>
-    <changeSet author="a_LAB01_e85d8801c" id="fk-salesorder-108-396">
+    <changeSet author="a_LAB01_e85d8801c" id="fk-salesorder-112-396">
        <addForeignKeyConstraint baseColumnNames="OPPORTUNITYID" baseTableName="SALESORDER" constraintName="DER1N_SALESORDER__OPPORTUNITY_" deferrable="false" initiallyDeferred="false" onDelete="RESTRICT" onUpdate="RESTRICT" referencedColumnNames="OPPORTUNITYID" referencedTableName="OPPORTUNITY" validate="true"/>
     </changeSet>
-    <changeSet author="a_LAB01_e85d8801c" id="fk-salesorder-108-397">
+    <changeSet author="a_LAB01_e85d8801c" id="fk-salesorder-112-397">
        <addForeignKeyConstraint baseColumnNames="PRICELEVELID" baseTableName="SALESORDER" constraintName="DER1N_SALESORDER__PRICELEVEL__" deferrable="false" initiallyDeferred="false" onDelete="RESTRICT" onUpdate="RESTRICT" referencedColumnNames="PRICELEVELID" referencedTableName="PRICELEVEL" validate="true"/>
     </changeSet>
-    <changeSet author="a_LAB01_e85d8801c" id="fk-salesorder-108-398">
+    <changeSet author="a_LAB01_e85d8801c" id="fk-salesorder-112-398">
        <addForeignKeyConstraint baseColumnNames="QUOTEID" baseTableName="SALESORDER" constraintName="DER1N_SALESORDER__QUOTE__QUOTE" deferrable="false" initiallyDeferred="false" onDelete="RESTRICT" onUpdate="RESTRICT" referencedColumnNames="QUOTEID" referencedTableName="QUOTE" validate="true"/>
     </changeSet>
-    <changeSet author="a_LAB01_e85d8801c" id="fk-salesorder-108-399">
+    <changeSet author="a_LAB01_e85d8801c" id="fk-salesorder-112-399">
        <addForeignKeyConstraint baseColumnNames="SLAID" baseTableName="SALESORDER" constraintName="DER1N_SALESORDER__SLA__SLAID" deferrable="false" initiallyDeferred="false" onDelete="RESTRICT" onUpdate="RESTRICT" referencedColumnNames="SLAID" referencedTableName="SLA" validate="true"/>
     </changeSet>
-    <changeSet author="a_LAB01_e85d8801c" id="fk-salesorder-108-400">
+    <changeSet author="a_LAB01_e85d8801c" id="fk-salesorder-112-400">
        <addForeignKeyConstraint baseColumnNames="TRANSACTIONCURRENCYID" baseTableName="SALESORDER" constraintName="DER1N_SALESORDER__TRANSACTIONC" deferrable="false" initiallyDeferred="false" onDelete="RESTRICT" onUpdate="RESTRICT" referencedColumnNames="TRANSACTIONCURRENCYID" referencedTableName="TRANSACTIONCURRENCY" validate="true"/>
     </changeSet>
         <!--输出实体[SALESORDERDETAIL]外键关系 -->