xignzi006 发布系统代码

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

@@ -159,13 +159,13 @@
         "viewtag": "172607e680c007004183ab01c1a674d6",
         "memo": ""
     },
-    "opportunitydashboardview": {
-        "title": "商机数据看板视图",
-        "caption": "商机",
+    "opportunitysummary": {
+        "title": "商机概览",
+        "caption": "商机概览",
         "viewtype": "DEPORTALVIEW",
         "viewmodule": "Sales",
-        "viewname": "OpportunityDashboardView",
-        "viewfilename": "opportunity-dashboard-view",
+        "viewname": "OpportunitySummary",
+        "viewfilename": "opportunity-summary",
         "viewtag": "177c00d1674621e8933efe6db68bce0e",
         "memo": ""
     },
@@ -819,13 +819,13 @@
         "viewtag": "8b806fb12589b2fc17d1bb90f4b5422e",
         "memo": "系统自动添加"
     },
-    "opportunitytabexpview": {
-        "title": "商机分页导航视图",
-        "caption": "商品信息",
+    "opportunityinfo": {
+        "title": "商机信息",
+        "caption": "商机信息",
         "viewtype": "DETABEXPVIEW",
         "viewmodule": "Sales",
-        "viewname": "OpportunityTabExpView",
-        "viewfilename": "opportunity-tab-exp-view",
+        "viewname": "OpportunityInfo",
+        "viewfilename": "opportunity-info",
         "viewtag": "8bfcd7acdd1f36afc1714f1071671f2c",
         "memo": ""
     },
@@ -959,13 +959,13 @@
         "viewtag": "a1b44c891ef0bbc073c82693d8489de6",
         "memo": ""
     },
-    "opportunityoptionview": {
-        "title": "商机快速新建视图",
-        "caption": "商机",
+    "opportunityquickcreate": {
+        "title": "快速新建",
+        "caption": "快速新建",
         "viewtype": "DEOPTVIEW",
         "viewmodule": "Sales",
-        "viewname": "OpportunityOptionView",
-        "viewfilename": "opportunity-option-view",
+        "viewname": "OpportunityQuickCreate",
+        "viewfilename": "opportunity-quick-create",
         "viewtag": "a243cd62accb02ceba4fb128703128f0",
         "memo": ""
     },

app_CRM/src/locale/lanres/entities/opportunity/opportunity_en_US.ts

@@ -114,9 +114,9 @@ export default {
     pricelevelname: '价目表',
   },
 	views: {
-		dashboardview: {
-			caption: "商机",
-      title: '商机数据看板视图',
+		summary: {
+			caption: "商机概览",
+      title: '商机概览',
 		},
 		gridview: {
 			caption: "商机信息",
@@ -130,17 +130,17 @@ export default {
 			caption: "商机",
       title: '商机编辑视图',
 		},
-		tabexpview: {
-			caption: "商品信息",
-      title: '商机分页导航视图',
+		info: {
+			caption: "商机信息",
+      title: '商机信息',
 		},
 		oppprodashboardview: {
 			caption: "商机",
       title: '商机数据看板视图',
 		},
-		optionview: {
-			caption: "商机",
-      title: '商机快速新建视图',
+		quickcreate: {
+			caption: "快速新建",
+      title: '快速新建',
 		},
 		info_product: {
 			caption: "商机",
@@ -310,6 +310,48 @@ export default {
 			tip: "Filter",
 		},
 	},
+	infotoolbar_toolbar: {
+		tbitem3: {
+			caption: "Save",
+			tip: "Save",
+		},
+		tbitem5: {
+			caption: "Save And Close",
+			tip: "Save And Close Window",
+		},
+		tbitem6: {
+			caption: "-",
+			tip: "",
+		},
+		deuiaction1: {
+			caption: "Remove And Close",
+			tip: "Remove And Close Window",
+		},
+		deuiaction2: {
+			caption: "刷新",
+			tip: "刷新",
+		},
+		seperator1: {
+			caption: "",
+			tip: "",
+		},
+		deuiaction4: {
+			caption: "作为赢单结束",
+			tip: "作为赢单结束",
+		},
+		deuiaction5: {
+			caption: "作为丢单结束",
+			tip: "作为丢单结束",
+		},
+		tbitem13: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem12: {
+			caption: "关闭",
+			tip: "关闭",
+		},
+	},
 	editviewtoolbar_toolbar: {
 		tbitem3: {
 			caption: "Save",

app_CRM/src/locale/lanres/entities/opportunity/opportunity_zh_CN.ts

@@ -113,9 +113,9 @@ export default {
     pricelevelname: '价目表',
   },
 	views: {
-		dashboardview: {
-			caption: '商机',
-      title: '商机数据看板视图',
+		summary: {
+			caption: '商机概览',
+      title: '商机概览',
 		},
 		gridview: {
 			caption: '商机信息',
@@ -129,17 +129,17 @@ export default {
 			caption: '商机',
       title: '商机编辑视图',
 		},
-		tabexpview: {
-			caption: '商品信息',
-      title: '商机分页导航视图',
+		info: {
+			caption: '商机信息',
+      title: '商机信息',
 		},
 		oppprodashboardview: {
 			caption: '商机',
       title: '商机数据看板视图',
 		},
-		optionview: {
-			caption: '商机',
-      title: '商机快速新建视图',
+		quickcreate: {
+			caption: '快速新建',
+      title: '快速新建',
 		},
 		info_product: {
 			caption: '商机',
@@ -309,6 +309,48 @@ export default {
 			tip: '过滤',
 		},
 	},
+	infotoolbar_toolbar: {
+		tbitem3: {
+			caption: '保存',
+			tip: '保存',
+		},
+		tbitem5: {
+			caption: '保存并关闭',
+			tip: '保存并关闭',
+		},
+		tbitem6: {
+			caption: '-',
+			tip: '',
+		},
+		deuiaction1: {
+			caption: '删除并关闭',
+			tip: '删除并关闭',
+		},
+		deuiaction2: {
+			caption: '刷新',
+			tip: '刷新',
+		},
+		seperator1: {
+			caption: '',
+			tip: '',
+		},
+		deuiaction4: {
+			caption: '作为赢单结束',
+			tip: '作为赢单结束',
+		},
+		deuiaction5: {
+			caption: '作为丢单结束',
+			tip: '作为丢单结束',
+		},
+		tbitem13: {
+			caption: '-',
+			tip: '',
+		},
+		tbitem12: {
+			caption: '关闭',
+			tip: '关闭',
+		},
+	},
 	editviewtoolbar_toolbar: {
 		tbitem3: {
 			caption: '保存',

app_CRM/src/mock/viewconfig/viewconfig.ts

@@ -135,12 +135,12 @@ mock.onGet('./assets/json/view-config.json').reply((config: any) => {
             "viewname": "CompetitorOptionView",
             "viewtag": "172607e680c007004183ab01c1a674d6"
         },
-        "opportunitydashboardview": {
-            "title": "商机数据看板视图",
-            "caption": "商机",
+        "opportunitysummary": {
+            "title": "商机概览",
+            "caption": "商机概览",
             "viewtype": "DEPORTALVIEW",
             "viewmodule": "Sales",
-            "viewname": "OpportunityDashboardView",
+            "viewname": "OpportunitySummary",
             "viewtag": "177c00d1674621e8933efe6db68bce0e"
         },
         "leadpickupview": {
@@ -663,12 +663,12 @@ mock.onGet('./assets/json/view-config.json').reply((config: any) => {
             "viewname": "PriceLevelPickupView",
             "viewtag": "8b806fb12589b2fc17d1bb90f4b5422e"
         },
-        "opportunitytabexpview": {
-            "title": "商机分页导航视图",
-            "caption": "商品信息",
+        "opportunityinfo": {
+            "title": "商机信息",
+            "caption": "商机信息",
             "viewtype": "DETABEXPVIEW",
             "viewmodule": "Sales",
-            "viewname": "OpportunityTabExpView",
+            "viewname": "OpportunityInfo",
             "viewtag": "8bfcd7acdd1f36afc1714f1071671f2c"
         },
         "listleadquickcreatebylist": {
@@ -775,12 +775,12 @@ mock.onGet('./assets/json/view-config.json').reply((config: any) => {
             "viewname": "ListAccountQuickCreateByList",
             "viewtag": "a1b44c891ef0bbc073c82693d8489de6"
         },
-        "opportunityoptionview": {
-            "title": "商机快速新建视图",
-            "caption": "商机",
+        "opportunityquickcreate": {
+            "title": "快速新建",
+            "caption": "快速新建",
             "viewtype": "DEOPTVIEW",
             "viewmodule": "Sales",
-            "viewname": "OpportunityOptionView",
+            "viewname": "OpportunityQuickCreate",
             "viewtag": "a243cd62accb02ceba4fb128703128f0"
         },
         "appointmenteditview": {

app_CRM/src/pages/sales/opportunity-grid-view/opportunity-grid-view-base.vue

@@ -563,10 +563,10 @@ export default class OpportunityGridViewBase extends GridViewBase {
             });
         }
         const view: any = {
-            viewname: 'opportunity-option-view', 
+            viewname: 'opportunity-quick-create', 
             height: 0, 
             width: 0,  
-            title: this.$t('entities.opportunity.views.optionview.title'),
+            title: this.$t('entities.opportunity.views.quickcreate.title'),
             placement: 'DRAWER_RIGHT',
         };
         openDrawer(view, data);
@@ -599,7 +599,7 @@ export default class OpportunityGridViewBase extends GridViewBase {
         }
         const parameters: any[] = [
             { pathName: 'opportunities', parameterName: 'opportunity' },
-            { pathName: 'tabexpview', parameterName: 'tabexpview' },
+            { pathName: 'info', parameterName: 'info' },
         ];
         const _this: any = this;
         const openIndexViewTab = (data: any) => {

app_CRM/src/pages/sales/opportunity-info/opportunity-info-base.vue

+<template>
+<studio-view-style2 viewName="opportunityinfo" viewTitle="商机信息" class='detabexpview opportunity-info'>
+    <template slot='title'>
+    <span class='caption-info'>{{$t(model.srfTitle)}}</span>
+    </template>
+    <template slot="toolbar">
+                <view-toolbar mode="STYLE2" :model="toolBarModels" @item-click="toolbar_click"/>    </template>
+    <view_tabexppanel 
+        :viewState="viewState"  
+        :viewparams="viewparams" 
+        :context="context" 
+        name="tabexppanel"  
+        ref='tabexppanel' 
+        @closeview="closeView($event)">
+    </view_tabexppanel>
+</studio-view-style2>
+</template>
+
+<script lang='tsx'>
+import { Component, Prop, Provide, Emit, Watch } from 'vue-property-decorator';
+import { Subject } from 'rxjs';
+import { UIActionTool, Util } from '@/utils';
+import { VueLifeCycleProcessing, TabExpViewBase } from '@/studio-core';
+import OpportunityService from '@/service/opportunity/opportunity-service';
+
+import TabExpViewEngine from '@engine/view/tab-exp-view-engine';
+
+import OpportunityUIService from '@/uiservice/opportunity/opportunity-ui-service';
+
+/**
+ * 商机信息视图基类
+ *
+ * @export
+ * @class OpportunityInfoBase
+ * @extends {TabExpViewBase}
+ */
+@Component({})
+@VueLifeCycleProcessing()
+export default class OpportunityInfoBase extends TabExpViewBase {
+
+    /**
+     * 实体服务对象
+     *
+     * @type {OpportunityService}
+     * @memberof OpportunityInfoBase
+     */
+    protected appEntityService: OpportunityService = new OpportunityService;
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @protected
+     * @type {Array<*>}
+     * @memberof OpportunityInfoBase
+     */    
+    protected counterServiceArray: Array<any> = [];
+
+	/**
+	 * 自定义视图导航上下文集合
+	 *
+     * @protected
+	 * @type {*}
+	 * @memberof OpportunityInfoBase
+	 */
+    protected customViewNavContexts: any = {
+    };
+
+	/**
+	 * 自定义视图导航参数集合
+	 *
+     * @protected
+	 * @type {*}
+	 * @memberof OpportunityInfoBase
+	 */
+    protected customViewParams: any = {
+    };
+
+    /**
+     * 视图模型数据
+     *
+     * @protected
+     * @type {*}
+     * @memberof OpportunityInfoBase
+     */
+    protected model: any = {
+        srfCaption: 'entities.opportunity.views.info.caption',
+        srfTitle: 'entities.opportunity.views.info.title',
+        srfSubTitle: 'entities.opportunity.views.info.subtitle',
+        dataInfo: ''
+    }
+
+    /**
+     * 容器模型
+     *
+     * @protected
+     * @type {*}
+     * @memberof OpportunityInfoBase
+     */
+    protected containerModel: any = {
+        view_toolbar: { name: 'toolbar', type: 'TOOLBAR' },
+        view_tabexppanel: { name: 'tabexppanel', type: 'TABEXPPANEL' },
+    };
+
+    /**
+     * 工具栏模型
+     *
+     * @type {*}
+     * @memberof OpportunityInfo
+     */
+    public toolBarModels: any = {
+        tbitem3: { name: 'tbitem3', caption: '保存','isShowCaption':true,'isShowIcon':true, tooltip: '保存', iconcls: 'fa fa-save', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Save', target: '' }, class: '' },
+
+        tbitem5: { name: 'tbitem5', caption: '保存并关闭','isShowCaption':true,'isShowIcon':true, tooltip: '保存并关闭', iconcls: 'fa fa-power-off', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'SaveAndExit', target: '' }, class: '' },
+
+        tbitem6: {  name: 'tbitem6', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        deuiaction1: { name: 'deuiaction1', caption: '删除并关闭','isShowCaption':true,'isShowIcon':true, tooltip: '删除并关闭', iconcls: 'fa fa-remove', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'RemoveAndExit', target: 'SINGLEKEY' }, class: '' },
+
+        deuiaction2: { name: 'deuiaction2', caption: '刷新','isShowCaption':true,'isShowIcon':true, tooltip: '刷新', iconcls: 'fa fa-refresh', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Refresh', target: 'SINGLEKEY' }, class: '' },
+
+        seperator1: {  name: 'seperator1', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        deuiaction4: { name: 'deuiaction4', caption: '作为赢单结束','isShowCaption':true,'isShowIcon':true, tooltip: '作为赢单结束', iconcls: 'fa fa-coffee', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Win', target: 'SINGLEKEY' }, class: '' },
+
+        deuiaction5: { name: 'deuiaction5', caption: '作为丢单结束','isShowCaption':true,'isShowIcon':true, tooltip: '作为丢单结束', iconcls: 'fa fa-close', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Lose', target: 'SINGLEKEY' }, class: '' },
+
+        tbitem13: {  name: 'tbitem13', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } },
+        tbitem12: { name: 'tbitem12', caption: '关闭','isShowCaption':true,'isShowIcon':true, tooltip: '关闭', iconcls: 'fa fa-sign-out', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Exit', target: '' }, class: '' },
+
+    };
+
+
+
+    /**
+     * 视图引擎
+     *
+     * @public
+     * @type {Engine}
+     * @memberof OpportunityInfoBase
+     */
+    public engine: TabExpViewEngine = new TabExpViewEngine();
+
+    /**
+     * 引擎初始化
+     *
+     * @public
+     * @memberof OpportunityInfoBase
+     */
+    public engineInit(): void {
+        this.engine.init({
+            view: this,
+            keyPSDEField: 'opportunity',
+            majorPSDEField: 'opportunityname',
+            isLoadDefault: true,
+        });
+    }
+
+    /**
+     * toolbar 部件 click 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof OpportunityInfoBase
+     */
+    public toolbar_click($event: any, $event2?: any): void {
+        if (Object.is($event.tag, 'tbitem3')) {
+            this.toolbar_tbitem3_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem5')) {
+            this.toolbar_tbitem5_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'deuiaction1')) {
+            this.toolbar_deuiaction1_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'deuiaction2')) {
+            this.toolbar_deuiaction2_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'deuiaction4')) {
+            this.toolbar_deuiaction4_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'deuiaction5')) {
+            this.toolbar_deuiaction5_click(null, '', $event2);
+        }
+        if (Object.is($event.tag, 'tbitem12')) {
+            this.toolbar_tbitem12_click(null, '', $event2);
+        }
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem3_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        if (_this.getDatas && _this.getDatas instanceof Function) {
+            datas = [..._this.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Save(datas, contextJO,paramJO,  $event, xData,this,"Opportunity");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem5_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        if (_this.getDatas && _this.getDatas instanceof Function) {
+            datas = [..._this.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.SaveAndExit(datas, contextJO,paramJO,  $event, xData,this,"Opportunity");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_deuiaction1_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        if (_this.getDatas && _this.getDatas instanceof Function) {
+            datas = [..._this.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.RemoveAndExit(datas, contextJO,paramJO,  $event, xData,this,"Opportunity");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_deuiaction2_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        if (_this.getDatas && _this.getDatas instanceof Function) {
+            datas = [..._this.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Refresh(datas, contextJO,paramJO,  $event, xData,this,"Opportunity");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_deuiaction4_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 = {};
+        if (_this.getDatas && _this.getDatas instanceof Function) {
+            datas = [..._this.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        const curUIService:OpportunityUIService  = new OpportunityUIService();
+        curUIService.Opportunity_Win(datas,contextJO, paramJO,  $event, xData,this,"Opportunity");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_deuiaction5_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 = {};
+        if (_this.getDatas && _this.getDatas instanceof Function) {
+            datas = [..._this.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        const curUIService:OpportunityUIService  = new OpportunityUIService();
+        curUIService.Opportunity_Lose(datas,contextJO, paramJO,  $event, xData,this,"Opportunity");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public toolbar_tbitem12_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        if (_this.getDatas && _this.getDatas instanceof Function) {
+            datas = [..._this.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Exit(datas, contextJO,paramJO,  $event, xData,this,"Opportunity");
+    }
+
+    /**
+     * 保存
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof OpportunityInfoBase
+     */
+    public Save(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        // 界面行为容器对象 _this
+        const _this: any = this;
+        if (xData && xData.save instanceof Function) {
+            xData.save().then((response: any) => {
+                if (!response || response.status !== 200) {
+                    return;
+                }
+                _this.$emit('viewdataschange', [{ ...response.data }]);
+            });
+        } else if (_this.save && _this.save instanceof Function) {
+            _this.save();
+        }
+    }
+
+    /**
+     * 保存并关闭
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof OpportunityInfoBase
+     */
+    public SaveAndExit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (xData && xData.saveAndExit instanceof Function) {
+            xData.saveAndExit().then((response: any) => {
+                if (!response || response.status !== 200) {
+                    return;
+                }
+                if(window.parent){
+                    window.parent.postMessage([{ ...response.data }],'*');
+                }
+            });
+        } else if (_this.saveAndExit && _this.saveAndExit instanceof Function) {
+            _this.saveAndExit().then((response: any) => {
+                if (!response || response.status !== 200) {
+                    return;
+                }
+                if(window.parent){
+                    window.parent.postMessage([{ ...response.data }],'*');
+                }
+            });
+        }
+    }
+    /**
+     * 删除并关闭
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof OpportunityInfoBase
+     */
+    public RemoveAndExit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (xData && xData.removeAndExit instanceof Function) {
+            xData.removeAndExit().then((response: any) => {
+                if (!response || response.status !== 200) {
+                    return;
+                }
+                if(window.parent){
+                    window.parent.postMessage([{ ...response.data }],'*');
+                }
+            });
+        } else if (_this.removeAndExit && _this.removeAndExit instanceof Function) {
+            _this.removeAndExit().then((response: any) => {
+                if (!response || response.status !== 200) {
+                    return;
+                }
+                if(window.parent){
+                    window.parent.postMessage([{ ...response.data }],'*');
+                }
+            });
+        }
+    }
+    /**
+     * 刷新
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof OpportunityInfoBase
+     */
+    public Refresh(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (xData && xData.refresh && xData.refresh instanceof Function) {
+            xData.refresh(args);
+        } else if (_this.refresh && _this.refresh instanceof Function) {
+            _this.refresh(args);
+        }
+    }
+    /**
+     * 关闭
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof OpportunityInfoBase
+     */
+    public Exit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        this.closeView(args);
+        if(window.parent){
+            window.parent.postMessage([{ ...args }],'*');
+        }
+    }
+
+
+
+    /**
+     * 加载模型
+     *
+     * @protected
+     * @memberof OpportunityInfoBase
+     */
+    protected async loadModel(): Promise<any> {
+        if(this.context.opportunity){
+            this.appEntityService.getDataInfo(JSON.parse(JSON.stringify(this.context)),{},false).then((response:any) =>{
+                if (!response || response.status !== 200) {
+                    return;
+                }
+                const { data: _data } = response;
+                if (_data.opportunityname) {
+                    Object.assign(this.model, { dataInfo: _data.opportunityname });
+                    if (this.$tabPageExp) {
+                        this.$tabPageExp.setCurPageCaption(this.model.srfTitle, this.model.srfTitle, this.model.dataInfo);
+                    }
+                    if(this.$route){
+                        this.$route.meta.info = this.model.dataInfo;
+                    }
+                    Object.assign(this.model, { srfTitle: `${this.$t(this.model.srfTitle)} - ${this.model.dataInfo}` });
+                }
+            })
+        }
+    }
+
+
+}
+</script>
+
+<style lang='less'>
+@import './opportunity-info.less';
+</style>
\ No newline at end of file

app_CRM/src/pages/sales/opportunity-info/opportunity-info.less

+// 避免空文件，后台不让空文件过
+.opportunity-info {
+    --opportunity-info: 0;
+}
+// 视图样式
+        // this is less
+
+

app_CRM/src/pages/sales/opportunity-info/opportunity-info.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import OpportunityInfoBase from './opportunity-info-base.vue';
+
+import view_tabexppanel from '@widgets/opportunity/infotabexppanel-tabexppanel/infotabexppanel-tabexppanel.vue';
+@Component({
+    components: {
+        view_tabexppanel, 
+    },
+    beforeRouteEnter: (to: any, from: any, next: any) => {
+        next((vm: any) => {
+            vm.$store.commit('addCurPageViewtag', { route: to, viewtag: vm.viewtag });
+        });
+    },
+})
+export default class OpportunityInfo extends OpportunityInfoBase {
+
+}
+</script>
\ No newline at end of file

app_CRM/src/pages/sales/opportunity-quick-create/opportunity-quick-create-base.vue

+<template>
+<studio-view-style2 viewName="opportunityquickcreate" viewTitle="快速新建" class='deoptview opportunity-quick-create'>
+    <template slot='title'>
+    <span class='caption-info'>{{$t(model.srfTitle)}}</span>
+    </template>
+    <view_form 
+                    :viewState="viewState"  
+                    :viewparams="viewparams" 
+                    :context="context" 
+                    :autosave="false" 
+                    :viewtag="viewtag"
+                    :showBusyIndicator="true"
+                    updateAction="Update"
+                    removeAction="Remove"
+                    loaddraftAction="GetDraft"
+                    loadAction="Get"
+                    createAction="Create"
+                    WFSubmitAction=""
+                    WFStartAction=""
+                    style='' 
+                    name="form"  
+                    ref='form' 
+                    @save="form_save($event)"  
+                    @remove="form_remove($event)"  
+                    @load="form_load($event)"  
+                    @closeview="closeView($event)">
+                </view_form>
+    <template slot="footer">
+        <div class="option-view-footer-actions">
+            <i-button type='primary' @click="onClickOk">{{ containerModel.view_okbtn.text }}</i-button>
+            &nbsp;&nbsp;
+            <i-button @click="onClickCancel">{{ containerModel.view_cancelbtn.text }}</i-button>
+        </div>
+    </template>
+</studio-view-style2>
+</template>
+
+<script lang='tsx'>
+import { Component, Prop, Provide, Emit, Watch } from 'vue-property-decorator';
+import { Subject } from 'rxjs';
+import { UIActionTool, Util } from '@/utils';
+import { VueLifeCycleProcessing, OptionViewBase } from '@/studio-core';
+import OpportunityService from '@/service/opportunity/opportunity-service';
+
+import OptionViewEngine from '@engine/view/option-view-engine';
+
+
+/**
+ * 快速新建视图基类
+ *
+ * @export
+ * @class OpportunityQuickCreateBase
+ * @extends {OptionViewBase}
+ */
+@Component({})
+@VueLifeCycleProcessing()
+export default class OpportunityQuickCreateBase extends OptionViewBase {
+
+    /**
+     * 实体服务对象
+     *
+     * @type {OpportunityService}
+     * @memberof OpportunityQuickCreateBase
+     */
+    protected appEntityService: OpportunityService = new OpportunityService;
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @protected
+     * @type {Array<*>}
+     * @memberof OpportunityQuickCreateBase
+     */    
+    protected counterServiceArray: Array<any> = [];
+
+	/**
+	 * 自定义视图导航上下文集合
+	 *
+     * @protected
+	 * @type {*}
+	 * @memberof OpportunityQuickCreateBase
+	 */
+    protected customViewNavContexts: any = {
+    };
+
+	/**
+	 * 自定义视图导航参数集合
+	 *
+     * @protected
+	 * @type {*}
+	 * @memberof OpportunityQuickCreateBase
+	 */
+    protected customViewParams: any = {
+    };
+
+    /**
+     * 视图模型数据
+     *
+     * @protected
+     * @type {*}
+     * @memberof OpportunityQuickCreateBase
+     */
+    protected model: any = {
+        srfCaption: 'entities.opportunity.views.quickcreate.caption',
+        srfTitle: 'entities.opportunity.views.quickcreate.title',
+        srfSubTitle: 'entities.opportunity.views.quickcreate.subtitle',
+        dataInfo: ''
+    }
+
+    /**
+     * 容器模型
+     *
+     * @protected
+     * @type {*}
+     * @memberof OpportunityQuickCreateBase
+     */
+    protected containerModel: any = {
+        view_form: { name: 'form', type: 'FORM' },
+        view_okbtn: { name: 'okbtn', type: 'button', text: '确定', disabled: true },
+        view_cancelbtn: { name: 'cancelbtn', type: 'button', text: '取消', disabled: false },
+        view_leftbtn: { name: 'leftbtn', type: 'button', text: '左移', disabled: true },
+        view_rightbtn: { name: 'rightbtn', type: 'button', text: '右移', disabled: true },
+        view_allleftbtn: { name: 'allleftbtn', type: 'button', text: '全部左移', disabled: true },
+        view_allrightbtn: { name: 'allrightbtn', type: 'button', text: '全部右移', disabled: true },
+    };
+
+
+    /**
+     * 视图引擎
+     *
+     * @public
+     * @type {Engine}
+     * @memberof OpportunityQuickCreateBase
+     */
+    public engine: OptionViewEngine = new OptionViewEngine();
+
+    /**
+     * 引擎初始化
+     *
+     * @public
+     * @memberof OpportunityQuickCreateBase
+     */
+    public engineInit(): void {
+        this.engine.init({
+            view: this,
+            form: this.$refs.form,
+            p2k: '0',
+            keyPSDEField: 'opportunity',
+            majorPSDEField: 'opportunityname',
+            isLoadDefault: true,
+        });
+    }
+
+    /**
+     * form 部件 save 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof OpportunityQuickCreateBase
+     */
+    public form_save($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('form', 'save', $event);
+    }
+
+    /**
+     * form 部件 remove 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof OpportunityQuickCreateBase
+     */
+    public form_remove($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('form', 'remove', $event);
+    }
+
+    /**
+     * form 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof OpportunityQuickCreateBase
+     */
+    public form_load($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('form', 'load', $event);
+    }
+
+
+}
+</script>
+
+<style lang='less'>
+@import './opportunity-quick-create.less';
+</style>
\ No newline at end of file

app_CRM/src/pages/sales/opportunity-quick-create/opportunity-quick-create.less

+.option-view {
+    --option-view: 0;
+}
+// 避免空文件，后台不让空文件过
+.opportunity-quick-create {
+    --opportunity-quick-create: 0;
+}
+
+

app_CRM/src/pages/sales/opportunity-quick-create/opportunity-quick-create.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import OpportunityQuickCreateBase from './opportunity-quick-create-base.vue';
+
+import view_form from '@widgets/opportunity/quick-create-form/quick-create-form.vue';
+@Component({
+    components: {
+        view_form, 
+    },
+    beforeRouteEnter: (to: any, from: any, next: any) => {
+        next((vm: any) => {
+            vm.$store.commit('addCurPageViewtag', { route: to, viewtag: vm.viewtag });
+        });
+    },
+})
+export default class OpportunityQuickCreate extends OpportunityQuickCreateBase {
+
+}
+</script>
\ No newline at end of file

app_CRM/src/pages/sales/opportunity-summary/opportunity-summary-base.vue

+<template>
+<studio-view-style2 viewName="opportunitysummary" viewTitle="商机概览" class='deportalview opportunity-summary'>
+    <template slot='title'>
+    <span class='caption-info'>{{$t(model.srfTitle)}}</span>
+    </template>
+    <view_dashboard 
+                    :viewState="viewState"  
+                    :viewparams="viewparams" 
+                    :context="JSON.parse(JSON.stringify(context))" 
+                    :isEnableCustomized = "false"
+                    name="dashboard"  
+                    ref='dashboard' 
+                    @load="dashboard_load($event)"  
+                    @closeview="closeView($event)">
+                </view_dashboard>
+</studio-view-style2>
+</template>
+
+<script lang='tsx'>
+import { Component, Prop, Provide, Emit, Watch } from 'vue-property-decorator';
+import { Subject } from 'rxjs';
+import { UIActionTool, Util } from '@/utils';
+import { VueLifeCycleProcessing, DashboardViewBase } from '@/studio-core';
+import OpportunityService from '@/service/opportunity/opportunity-service';
+
+import PortalViewEngine from '@engine/view/portal-view-engine';
+
+
+/**
+ * 商机概览视图基类
+ *
+ * @export
+ * @class OpportunitySummaryBase
+ * @extends {DashboardViewBase}
+ */
+@Component({})
+@VueLifeCycleProcessing()
+export default class OpportunitySummaryBase extends DashboardViewBase {
+
+    /**
+     * 实体服务对象
+     *
+     * @type {OpportunityService}
+     * @memberof OpportunitySummaryBase
+     */
+    protected appEntityService: OpportunityService = new OpportunityService;
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @protected
+     * @type {Array<*>}
+     * @memberof OpportunitySummaryBase
+     */    
+    protected counterServiceArray: Array<any> = [];
+
+	/**
+	 * 自定义视图导航上下文集合
+	 *
+     * @protected
+	 * @type {*}
+	 * @memberof OpportunitySummaryBase
+	 */
+    protected customViewNavContexts: any = {
+    };
+
+	/**
+	 * 自定义视图导航参数集合
+	 *
+     * @protected
+	 * @type {*}
+	 * @memberof OpportunitySummaryBase
+	 */
+    protected customViewParams: any = {
+    };
+
+    /**
+     * 视图模型数据
+     *
+     * @protected
+     * @type {*}
+     * @memberof OpportunitySummaryBase
+     */
+    protected model: any = {
+        srfCaption: 'entities.opportunity.views.summary.caption',
+        srfTitle: 'entities.opportunity.views.summary.title',
+        srfSubTitle: 'entities.opportunity.views.summary.subtitle',
+        dataInfo: ''
+    }
+
+    /**
+     * 容器模型
+     *
+     * @protected
+     * @type {*}
+     * @memberof OpportunitySummaryBase
+     */
+    protected containerModel: any = {
+        view_dashboard: { name: 'dashboard', type: 'DASHBOARD' },
+    };
+
+
+    /**
+     * 视图引擎
+     *
+     * @public
+     * @type {Engine}
+     * @memberof OpportunitySummaryBase
+     */
+    public engine: PortalViewEngine = new PortalViewEngine();
+
+    /**
+     * 引擎初始化
+     *
+     * @public
+     * @memberof OpportunitySummaryBase
+     */
+    public engineInit(): void {
+        this.engine.init({
+            view: this,
+            dashboard: this.$refs.dashboard,
+            keyPSDEField: 'opportunity',
+            majorPSDEField: 'opportunityname',
+            isLoadDefault: true,
+        });
+    }
+
+    /**
+     * dashboard 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof OpportunitySummaryBase
+     */
+    public dashboard_load($event: any, $event2?: any): void {
+        this.engine.onCtrlEvent('dashboard', 'load', $event);
+    }
+
+
+}
+</script>
+
+<style lang='less'>
+@import './opportunity-summary.less';
+</style>
\ No newline at end of file

app_CRM/src/pages/sales/opportunity-summary/opportunity-summary.less

+// 避免空文件，后台不让空文件过
+.opportunity-summary {
+    --opportunity-summary: 0;
+}
+
+

app_CRM/src/pages/sales/opportunity-summary/opportunity-summary.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import OpportunitySummaryBase from './opportunity-summary-base.vue';
+
+import view_dashboard from '@widgets/opportunity/dashboard-dashboard/dashboard-dashboard.vue';
+@Component({
+    components: {
+        view_dashboard, 
+    },
+    beforeRouteEnter: (to: any, from: any, next: any) => {
+        next((vm: any) => {
+            vm.$store.commit('addCurPageViewtag', { route: to, viewtag: vm.viewtag });
+        });
+    },
+})
+export default class OpportunitySummary extends OpportunitySummaryBase {
+
+}
+</script>
\ No newline at end of file

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

@@ -10,7 +10,7 @@ export const PageComponents = {
         Vue.component('contact-info-book', () => import('@pages/base/contact-info-book/contact-info-book.vue'));
         Vue.component('centeral-portal', () => import('@pages/ungroup/centeral-portal/centeral-portal.vue'));
         Vue.component('task-quick-create', () => import('@pages/base/task-quick-create/task-quick-create.vue'));
-        Vue.component('opportunity-option-view', () => import('@pages/sales/opportunity-option-view/opportunity-option-view.vue'));
+        Vue.component('opportunity-quick-create', () => import('@pages/sales/opportunity-quick-create/opportunity-quick-create.vue'));
         Vue.component('opportunity-info-product', () => import('@pages/sales/opportunity-info-product/opportunity-info-product.vue'));
         Vue.component('opportunity-competitor-opp-comp-grid-view', () => import('@pages/sales/opportunity-competitor-opp-comp-grid-view/opportunity-competitor-opp-comp-grid-view.vue'));
         Vue.component('contact-info-person', () => import('@pages/base/contact-info-person/contact-info-person.vue'));
@@ -68,14 +68,14 @@ export const PageComponents = {
         Vue.component('quote-grid-view', () => import('@pages/sales/quote-grid-view/quote-grid-view.vue'));
         Vue.component('invoice-edit-view', () => import('@pages/finance/invoice-edit-view/invoice-edit-view.vue'));
         Vue.component('campaign-edit-view', () => import('@pages/marketing/campaign-edit-view/campaign-edit-view.vue'));
-        Vue.component('opportunity-dashboard-view', () => import('@pages/sales/opportunity-dashboard-view/opportunity-dashboard-view.vue'));
+        Vue.component('opportunity-summary', () => import('@pages/sales/opportunity-summary/opportunity-summary.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'));
         Vue.component('contact-tab-exp-view', () => import('@pages/base/contact-tab-exp-view/contact-tab-exp-view.vue'));
         Vue.component('contact-pickup-grid-view', () => import('@pages/base/contact-pickup-grid-view/contact-pickup-grid-view.vue'));
         Vue.component('list-account-edit-view', () => import('@pages/marketing/list-account-edit-view/list-account-edit-view.vue'));
-        Vue.component('opportunity-tab-exp-view', () => import('@pages/sales/opportunity-tab-exp-view/opportunity-tab-exp-view.vue'));
+        Vue.component('opportunity-info', () => import('@pages/sales/opportunity-info/opportunity-info.vue'));
         Vue.component('service-appointment-edit-view', () => import('@pages/service/service-appointment-edit-view/service-appointment-edit-view.vue'));
         Vue.component('contact-grid-view', () => import('@pages/base/contact-grid-view/contact-grid-view.vue'));
         Vue.component('transaction-currency-pickup-grid-view', () => import('@pages/base/transaction-currency-pickup-grid-view/transaction-currency-pickup-grid-view.vue'));

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

@@ -266,49 +266,49 @@ const router = new Router({
                     component: () => import('@pages/base/task-quick-create/task-quick-create.vue'),
                 },
                 {
-                    path: 'accounts/:account?/contacts/:contact?/opportunities/:opportunity?/optionview/:optionview?',
+                    path: 'accounts/:account?/contacts/:contact?/opportunities/:opportunity?/quickcreate/:quickcreate?',
                     meta: {
-                        caption: 'entities.opportunity.views.optionview.title',
+                        caption: 'entities.opportunity.views.quickcreate.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
                             { pathName: 'accounts', parameterName: 'account' },
                             { pathName: 'contacts', parameterName: 'contact' },
                             { pathName: 'opportunities', parameterName: 'opportunity' },
-                            { pathName: 'optionview', parameterName: 'optionview' },
+                            { pathName: 'quickcreate', parameterName: 'quickcreate' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/opportunity-option-view/opportunity-option-view.vue'),
+                    component: () => import('@pages/sales/opportunity-quick-create/opportunity-quick-create.vue'),
                 },
                 {
-                    path: 'contacts/:contact?/opportunities/:opportunity?/optionview/:optionview?',
+                    path: 'contacts/:contact?/opportunities/:opportunity?/quickcreate/:quickcreate?',
                     meta: {
-                        caption: 'entities.opportunity.views.optionview.title',
+                        caption: 'entities.opportunity.views.quickcreate.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
                             { pathName: 'contacts', parameterName: 'contact' },
                             { pathName: 'opportunities', parameterName: 'opportunity' },
-                            { pathName: 'optionview', parameterName: 'optionview' },
+                            { pathName: 'quickcreate', parameterName: 'quickcreate' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/opportunity-option-view/opportunity-option-view.vue'),
+                    component: () => import('@pages/sales/opportunity-quick-create/opportunity-quick-create.vue'),
                 },
                 {
-                    path: 'opportunities/:opportunity?/optionview/:optionview?',
+                    path: 'opportunities/:opportunity?/quickcreate/:quickcreate?',
                     meta: {
-                        caption: 'entities.opportunity.views.optionview.title',
+                        caption: 'entities.opportunity.views.quickcreate.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
                             { pathName: 'opportunities', parameterName: 'opportunity' },
-                            { pathName: 'optionview', parameterName: 'optionview' },
+                            { pathName: 'quickcreate', parameterName: 'quickcreate' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/opportunity-option-view/opportunity-option-view.vue'),
+                    component: () => import('@pages/sales/opportunity-quick-create/opportunity-quick-create.vue'),
                 },
                 {
                     path: 'accounts/:account?/contacts/:contact?/opportunities/:opportunity?/info_product/:info_product?',
@@ -2016,49 +2016,49 @@ const router = new Router({
                     component: () => import('@pages/marketing/campaign-edit-view/campaign-edit-view.vue'),
                 },
                 {
-                    path: 'accounts/:account?/contacts/:contact?/opportunities/:opportunity?/dashboardview/:dashboardview?',
+                    path: 'accounts/:account?/contacts/:contact?/opportunities/:opportunity?/summary/:summary?',
                     meta: {
-                        caption: 'entities.opportunity.views.dashboardview.title',
+                        caption: 'entities.opportunity.views.summary.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
                             { pathName: 'accounts', parameterName: 'account' },
                             { pathName: 'contacts', parameterName: 'contact' },
                             { pathName: 'opportunities', parameterName: 'opportunity' },
-                            { pathName: 'dashboardview', parameterName: 'dashboardview' },
+                            { pathName: 'summary', parameterName: 'summary' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/opportunity-dashboard-view/opportunity-dashboard-view.vue'),
+                    component: () => import('@pages/sales/opportunity-summary/opportunity-summary.vue'),
                 },
                 {
-                    path: 'contacts/:contact?/opportunities/:opportunity?/dashboardview/:dashboardview?',
+                    path: 'contacts/:contact?/opportunities/:opportunity?/summary/:summary?',
                     meta: {
-                        caption: 'entities.opportunity.views.dashboardview.title',
+                        caption: 'entities.opportunity.views.summary.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
                             { pathName: 'contacts', parameterName: 'contact' },
                             { pathName: 'opportunities', parameterName: 'opportunity' },
-                            { pathName: 'dashboardview', parameterName: 'dashboardview' },
+                            { pathName: 'summary', parameterName: 'summary' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/opportunity-dashboard-view/opportunity-dashboard-view.vue'),
+                    component: () => import('@pages/sales/opportunity-summary/opportunity-summary.vue'),
                 },
                 {
-                    path: 'opportunities/:opportunity?/dashboardview/:dashboardview?',
+                    path: 'opportunities/:opportunity?/summary/:summary?',
                     meta: {
-                        caption: 'entities.opportunity.views.dashboardview.title',
+                        caption: 'entities.opportunity.views.summary.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
                             { pathName: 'opportunities', parameterName: 'opportunity' },
-                            { pathName: 'dashboardview', parameterName: 'dashboardview' },
+                            { pathName: 'summary', parameterName: 'summary' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/opportunity-dashboard-view/opportunity-dashboard-view.vue'),
+                    component: () => import('@pages/sales/opportunity-summary/opportunity-summary.vue'),
                 },
                 {
                     path: 'accounts/:account?/contacts/:contact?/listcontacts/:listcontact?/inner/:inner?',
@@ -2251,49 +2251,49 @@ const router = new Router({
                     component: () => import('@pages/marketing/list-account-edit-view/list-account-edit-view.vue'),
                 },
                 {
-                    path: 'accounts/:account?/contacts/:contact?/opportunities/:opportunity?/tabexpview/:tabexpview?',
+                    path: 'accounts/:account?/contacts/:contact?/opportunities/:opportunity?/info/:info?',
                     meta: {
-                        caption: 'entities.opportunity.views.tabexpview.title',
+                        caption: 'entities.opportunity.views.info.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
                             { pathName: 'accounts', parameterName: 'account' },
                             { pathName: 'contacts', parameterName: 'contact' },
                             { pathName: 'opportunities', parameterName: 'opportunity' },
-                            { pathName: 'tabexpview', parameterName: 'tabexpview' },
+                            { pathName: 'info', parameterName: 'info' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/opportunity-tab-exp-view/opportunity-tab-exp-view.vue'),
+                    component: () => import('@pages/sales/opportunity-info/opportunity-info.vue'),
                 },
                 {
-                    path: 'contacts/:contact?/opportunities/:opportunity?/tabexpview/:tabexpview?',
+                    path: 'contacts/:contact?/opportunities/:opportunity?/info/:info?',
                     meta: {
-                        caption: 'entities.opportunity.views.tabexpview.title',
+                        caption: 'entities.opportunity.views.info.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
                             { pathName: 'contacts', parameterName: 'contact' },
                             { pathName: 'opportunities', parameterName: 'opportunity' },
-                            { pathName: 'tabexpview', parameterName: 'tabexpview' },
+                            { pathName: 'info', parameterName: 'info' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/opportunity-tab-exp-view/opportunity-tab-exp-view.vue'),
+                    component: () => import('@pages/sales/opportunity-info/opportunity-info.vue'),
                 },
                 {
-                    path: 'opportunities/:opportunity?/tabexpview/:tabexpview?',
+                    path: 'opportunities/:opportunity?/info/:info?',
                     meta: {
-                        caption: 'entities.opportunity.views.tabexpview.title',
+                        caption: 'entities.opportunity.views.info.title',
                         info:'',
                         parameters: [
                             { pathName: 'central', parameterName: 'central' },
                             { pathName: 'opportunities', parameterName: 'opportunity' },
-                            { pathName: 'tabexpview', parameterName: 'tabexpview' },
+                            { pathName: 'info', parameterName: 'info' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sales/opportunity-tab-exp-view/opportunity-tab-exp-view.vue'),
+                    component: () => import('@pages/sales/opportunity-info/opportunity-info.vue'),
                 },
                 {
                     path: 'serviceappointments/:serviceappointment?/editview/:editview?',
@@ -3785,46 +3785,46 @@ const router = new Router({
         component: () => import('@pages/sales/competitor-option-view/competitor-option-view.vue'),
     },
     {
-        path: '/accounts/:account?/contacts/:contact?/opportunities/:opportunity?/dashboardview/:dashboardview?',
+        path: '/accounts/:account?/contacts/:contact?/opportunities/:opportunity?/summary/:summary?',
         meta: {
-            caption: 'entities.opportunity.views.dashboardview.title',
+            caption: 'entities.opportunity.views.summary.title',
             info:'',
             parameters: [
                 { pathName: 'accounts', parameterName: 'account' },
                 { pathName: 'contacts', parameterName: 'contact' },
                 { pathName: 'opportunities', parameterName: 'opportunity' },
-                { pathName: 'dashboardview', parameterName: 'dashboardview' },
+                { pathName: 'summary', parameterName: 'summary' },
             ],
             requireAuth: true,
         },
-        component: () => import('@pages/sales/opportunity-dashboard-view/opportunity-dashboard-view.vue'),
+        component: () => import('@pages/sales/opportunity-summary/opportunity-summary.vue'),
     },
     {
-        path: '/contacts/:contact?/opportunities/:opportunity?/dashboardview/:dashboardview?',
+        path: '/contacts/:contact?/opportunities/:opportunity?/summary/:summary?',
         meta: {
-            caption: 'entities.opportunity.views.dashboardview.title',
+            caption: 'entities.opportunity.views.summary.title',
             info:'',
             parameters: [
                 { pathName: 'contacts', parameterName: 'contact' },
                 { pathName: 'opportunities', parameterName: 'opportunity' },
-                { pathName: 'dashboardview', parameterName: 'dashboardview' },
+                { pathName: 'summary', parameterName: 'summary' },
             ],
             requireAuth: true,
         },
-        component: () => import('@pages/sales/opportunity-dashboard-view/opportunity-dashboard-view.vue'),
+        component: () => import('@pages/sales/opportunity-summary/opportunity-summary.vue'),
     },
     {
-        path: '/opportunities/:opportunity?/dashboardview/:dashboardview?',
+        path: '/opportunities/:opportunity?/summary/:summary?',
         meta: {
-            caption: 'entities.opportunity.views.dashboardview.title',
+            caption: 'entities.opportunity.views.summary.title',
             info:'',
             parameters: [
                 { pathName: 'opportunities', parameterName: 'opportunity' },
-                { pathName: 'dashboardview', parameterName: 'dashboardview' },
+                { pathName: 'summary', parameterName: 'summary' },
             ],
             requireAuth: true,
         },
-        component: () => import('@pages/sales/opportunity-dashboard-view/opportunity-dashboard-view.vue'),
+        component: () => import('@pages/sales/opportunity-summary/opportunity-summary.vue'),
     },
     {
         path: '/accounts/:account?/contacts/:contact?/leads/:lead?/pickupview/:pickupview?',
@@ -5362,46 +5362,46 @@ const router = new Router({
         component: () => import('@pages/product/price-level-pickup-view/price-level-pickup-view.vue'),
     },
     {
-        path: '/accounts/:account?/contacts/:contact?/opportunities/:opportunity?/tabexpview/:tabexpview?',
+        path: '/accounts/:account?/contacts/:contact?/opportunities/:opportunity?/info/:info?',
         meta: {
-            caption: 'entities.opportunity.views.tabexpview.title',
+            caption: 'entities.opportunity.views.info.title',
             info:'',
             parameters: [
                 { pathName: 'accounts', parameterName: 'account' },
                 { pathName: 'contacts', parameterName: 'contact' },
                 { pathName: 'opportunities', parameterName: 'opportunity' },
-                { pathName: 'tabexpview', parameterName: 'tabexpview' },
+                { pathName: 'info', parameterName: 'info' },
             ],
             requireAuth: true,
         },
-        component: () => import('@pages/sales/opportunity-tab-exp-view/opportunity-tab-exp-view.vue'),
+        component: () => import('@pages/sales/opportunity-info/opportunity-info.vue'),
     },
     {
-        path: '/contacts/:contact?/opportunities/:opportunity?/tabexpview/:tabexpview?',
+        path: '/contacts/:contact?/opportunities/:opportunity?/info/:info?',
         meta: {
-            caption: 'entities.opportunity.views.tabexpview.title',
+            caption: 'entities.opportunity.views.info.title',
             info:'',
             parameters: [
                 { pathName: 'contacts', parameterName: 'contact' },
                 { pathName: 'opportunities', parameterName: 'opportunity' },
-                { pathName: 'tabexpview', parameterName: 'tabexpview' },
+                { pathName: 'info', parameterName: 'info' },
             ],
             requireAuth: true,
         },
-        component: () => import('@pages/sales/opportunity-tab-exp-view/opportunity-tab-exp-view.vue'),
+        component: () => import('@pages/sales/opportunity-info/opportunity-info.vue'),
     },
     {
-        path: '/opportunities/:opportunity?/tabexpview/:tabexpview?',
+        path: '/opportunities/:opportunity?/info/:info?',
         meta: {
-            caption: 'entities.opportunity.views.tabexpview.title',
+            caption: 'entities.opportunity.views.info.title',
             info:'',
             parameters: [
                 { pathName: 'opportunities', parameterName: 'opportunity' },
-                { pathName: 'tabexpview', parameterName: 'tabexpview' },
+                { pathName: 'info', parameterName: 'info' },
             ],
             requireAuth: true,
         },
-        component: () => import('@pages/sales/opportunity-tab-exp-view/opportunity-tab-exp-view.vue'),
+        component: () => import('@pages/sales/opportunity-info/opportunity-info.vue'),
     },
     {
         path: '/accounts/:account?/contacts/:contact?/leads/:lead?/listleads/:listlead?/quickcreatebylist/:quickcreatebylist?',
@@ -5734,46 +5734,46 @@ const router = new Router({
         component: () => import('@pages/marketing/list-account-quick-create-by-list/list-account-quick-create-by-list.vue'),
     },
     {
-        path: '/accounts/:account?/contacts/:contact?/opportunities/:opportunity?/optionview/:optionview?',
+        path: '/accounts/:account?/contacts/:contact?/opportunities/:opportunity?/quickcreate/:quickcreate?',
         meta: {
-            caption: 'entities.opportunity.views.optionview.title',
+            caption: 'entities.opportunity.views.quickcreate.title',
             info:'',
             parameters: [
                 { pathName: 'accounts', parameterName: 'account' },
                 { pathName: 'contacts', parameterName: 'contact' },
                 { pathName: 'opportunities', parameterName: 'opportunity' },
-                { pathName: 'optionview', parameterName: 'optionview' },
+                { pathName: 'quickcreate', parameterName: 'quickcreate' },
             ],
             requireAuth: true,
         },
-        component: () => import('@pages/sales/opportunity-option-view/opportunity-option-view.vue'),
+        component: () => import('@pages/sales/opportunity-quick-create/opportunity-quick-create.vue'),
     },
     {
-        path: '/contacts/:contact?/opportunities/:opportunity?/optionview/:optionview?',
+        path: '/contacts/:contact?/opportunities/:opportunity?/quickcreate/:quickcreate?',
         meta: {
-            caption: 'entities.opportunity.views.optionview.title',
+            caption: 'entities.opportunity.views.quickcreate.title',
             info:'',
             parameters: [
                 { pathName: 'contacts', parameterName: 'contact' },
                 { pathName: 'opportunities', parameterName: 'opportunity' },
-                { pathName: 'optionview', parameterName: 'optionview' },
+                { pathName: 'quickcreate', parameterName: 'quickcreate' },
             ],
             requireAuth: true,
         },
-        component: () => import('@pages/sales/opportunity-option-view/opportunity-option-view.vue'),
+        component: () => import('@pages/sales/opportunity-quick-create/opportunity-quick-create.vue'),
     },
     {
-        path: '/opportunities/:opportunity?/optionview/:optionview?',
+        path: '/opportunities/:opportunity?/quickcreate/:quickcreate?',
         meta: {
-            caption: 'entities.opportunity.views.optionview.title',
+            caption: 'entities.opportunity.views.quickcreate.title',
             info:'',
             parameters: [
                 { pathName: 'opportunities', parameterName: 'opportunity' },
-                { pathName: 'optionview', parameterName: 'optionview' },
+                { pathName: 'quickcreate', parameterName: 'quickcreate' },
             ],
             requireAuth: true,
         },
-        component: () => import('@pages/sales/opportunity-option-view/opportunity-option-view.vue'),
+        component: () => import('@pages/sales/opportunity-quick-create/opportunity-quick-create.vue'),
     },
     {
         path: '/appointments/:appointment?/editview/:editview?',

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

@@ -168,7 +168,7 @@ export const viewstate: any = {
         {
             viewtag: '177c00d1674621e8933efe6db68bce0e',
             viewmodule: 'Sales',
-            viewname: 'OpportunityDashboardView',
+            viewname: 'OpportunitySummary',
             viewaction: '',
             viewdatachange: false,
             refviews: [
@@ -772,7 +772,7 @@ export const viewstate: any = {
         {
             viewtag: '8bfcd7acdd1f36afc1714f1071671f2c',
             viewmodule: 'Sales',
-            viewname: 'OpportunityTabExpView',
+            viewname: 'OpportunityInfo',
             viewaction: '',
             viewdatachange: false,
             refviews: [
@@ -900,7 +900,7 @@ export const viewstate: any = {
         {
             viewtag: 'a243cd62accb02ceba4fb128703128f0',
             viewmodule: 'Sales',
-            viewname: 'OpportunityOptionView',
+            viewname: 'OpportunityQuickCreate',
             viewaction: '',
             viewdatachange: false,
             refviews: [

app_CRM/src/uiservice/opportunity/opportunity-ui-service-base.ts

@@ -79,13 +79,13 @@ export default class OpportunityUIServiceBase extends UIService {
      * @memberof  OpportunityUIServiceBase
      */  
     public initViewMap(){
-        this.allViewMap.set(':',{viewname:'dashboardview',srfappde:'opportunities'});
+        this.allViewMap.set(':',{viewname:'summary',srfappde:'opportunities'});
         this.allViewMap.set('MDATAVIEW:',{viewname:'gridview',srfappde:'opportunities'});
         this.allViewMap.set(':',{viewname:'info_abstract',srfappde:'opportunities'});
         this.allViewMap.set('EDITVIEW:',{viewname:'editview',srfappde:'opportunities'});
-        this.allViewMap.set(':',{viewname:'tabexpview',srfappde:'opportunities'});
+        this.allViewMap.set(':',{viewname:'info',srfappde:'opportunities'});
         this.allViewMap.set(':',{viewname:'oppprodashboardview',srfappde:'opportunities'});
-        this.allViewMap.set(':',{viewname:'optionview',srfappde:'opportunities'});
+        this.allViewMap.set(':',{viewname:'quickcreate',srfappde:'opportunities'});
         this.allViewMap.set(':',{viewname:'info_product',srfappde:'opportunities'});
     }
 
@@ -97,6 +97,70 @@ export default class OpportunityUIServiceBase extends UIService {
     public initDeMainStateMap(){
     }
 
+    /**
+     * 作为赢单结束
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} context 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @param {*} [srfParentDeName] 父实体名称
+     * @returns {Promise<any>}
+     */
+    public async Opportunity_Win(args: any[],context:any = {}, params:any = {}, $event?: any, xData?: any,actionContext?: any,srfParentDeName?:string){
+        let data: any = {};
+        let parentContext:any = {};
+        let parentViewParam:any = {};
+        const _this: any = actionContext;
+        const _args: any[] = Util.deepCopy(args);
+        const actionTarget: string | null = 'SINGLEKEY';
+        Object.assign(context, { opportunity: '%opportunity%' });
+        Object.assign(params, { opportunityid: '%opportunity%' });
+        Object.assign(params, { opportunityname: '%opportunityname%' });
+        if(_this.context){
+            parentContext = _this.context;
+        }
+        if(_this.viewparams){
+            parentViewParam = _this.viewparams;
+        }
+        context = UIActionTool.handleContextParam(actionTarget,_args,parentContext,parentViewParam,context);
+        data = UIActionTool.handleActionParam(actionTarget,_args,parentContext,parentViewParam,params);
+        context = Object.assign({},actionContext.context,context);
+        let parentObj:any = {srfparentdename:srfParentDeName?srfParentDeName:null,srfparentkey:srfParentDeName?context[srfParentDeName.toLowerCase()]:null};
+        Object.assign(data,parentObj);
+        Object.assign(context,parentObj);
+        // 直接调实体服务需要转换的数据
+        if(context && context.srfsessionid){
+          context.srfsessionkey = context.srfsessionid;
+            delete context.srfsessionid;
+        }
+        const backend = () => {
+            const curService:OpportunityService =  new OpportunityService();
+            curService.Win(context,data, true).then((response: any) => {
+                if (!response || response.status !== 200) {
+                    actionContext.$Notice.error({ title: '错误', desc: response.message });
+                    return;
+                }
+                actionContext.$Notice.success({ title: '成功', desc: '作为赢单结束成功！' });
+
+                const _this: any = actionContext;
+                return response;
+            }).catch((response: any) => {
+                if (!response || !response.status || !response.data) {
+                    actionContext.$Notice.error({ title: '错误', desc: '系统异常！' });
+                    return;
+                }
+                if (response.status === 401) {
+                    return;
+                }
+                return response;
+            });
+        };
+        backend();
+    }
+
     /**
      * 新建
      *
@@ -153,15 +217,79 @@ export default class OpportunityUIServiceBase extends UIService {
                 });
             }
             const view: any = {
-                viewname: 'opportunity-option-view', 
+                viewname: 'opportunity-quick-create', 
                 height: 0, 
                 width: 0,  
-                title: actionContext.$t('entities.opportunity.views.optionview.title'),
+                title: actionContext.$t('entities.opportunity.views.quickcreate.title'),
                 placement: 'DRAWER_RIGHT',
             };
             openDrawer(view, data);
     }
 
+    /**
+     * 作为丢单结束
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} context 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @param {*} [srfParentDeName] 父实体名称
+     * @returns {Promise<any>}
+     */
+    public async Opportunity_Lose(args: any[],context:any = {}, params:any = {}, $event?: any, xData?: any,actionContext?: any,srfParentDeName?:string){
+        let data: any = {};
+        let parentContext:any = {};
+        let parentViewParam:any = {};
+        const _this: any = actionContext;
+        const _args: any[] = Util.deepCopy(args);
+        const actionTarget: string | null = 'SINGLEKEY';
+        Object.assign(context, { opportunity: '%opportunity%' });
+        Object.assign(params, { opportunityid: '%opportunity%' });
+        Object.assign(params, { opportunityname: '%opportunityname%' });
+        if(_this.context){
+            parentContext = _this.context;
+        }
+        if(_this.viewparams){
+            parentViewParam = _this.viewparams;
+        }
+        context = UIActionTool.handleContextParam(actionTarget,_args,parentContext,parentViewParam,context);
+        data = UIActionTool.handleActionParam(actionTarget,_args,parentContext,parentViewParam,params);
+        context = Object.assign({},actionContext.context,context);
+        let parentObj:any = {srfparentdename:srfParentDeName?srfParentDeName:null,srfparentkey:srfParentDeName?context[srfParentDeName.toLowerCase()]:null};
+        Object.assign(data,parentObj);
+        Object.assign(context,parentObj);
+        // 直接调实体服务需要转换的数据
+        if(context && context.srfsessionid){
+          context.srfsessionkey = context.srfsessionid;
+            delete context.srfsessionid;
+        }
+        const backend = () => {
+            const curService:OpportunityService =  new OpportunityService();
+            curService.Lose(context,data, true).then((response: any) => {
+                if (!response || response.status !== 200) {
+                    actionContext.$Notice.error({ title: '错误', desc: response.message });
+                    return;
+                }
+                actionContext.$Notice.success({ title: '成功', desc: '作为丢单结束成功！' });
+
+                const _this: any = actionContext;
+                return response;
+            }).catch((response: any) => {
+                if (!response || !response.status || !response.data) {
+                    actionContext.$Notice.error({ title: '错误', desc: '系统异常！' });
+                    return;
+                }
+                if (response.status === 401) {
+                    return;
+                }
+                return response;
+            });
+        };
+        backend();
+    }
+
 
     /**
      * 获取指定数据的重定向页面

app_CRM/src/widgets/opportunity/infotabexppanel-tabexppanel/infotabexppanel-tabexppanel-base.vue

+<template>
+  <div class='tabviewpanel'>
+        <tabs :value="activiedTabViewPanel" :animated="false" class='tabexppanel' name='infotabexppanel' @on-click="tabPanelClick">
+        <tab-pane :index="0" name='tabviewpanel' tab='infotabexppanel' class=''  
+            :label="(h) =>{
+                return h('div', [
+                    h('i',{
+                        class:'fa fa-info-circle',
+                        style:{
+                            'margin-right' : '2px'
+                        }
+                    }),
+                    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'
+    @viewpanelDatasChange = "tabViewPanelDatasChange"
+    @closeview="closeView($event)">
+</view_tabviewpanel>
+        </tab-pane>
+        <tab-pane :index="1" name='tabviewpanel2' tab='infotabexppanel' class=''  
+            :label="(h) =>{
+                return h('div', [
+                    h('i',{
+                        class:'fa fa-cube',
+                        style:{
+                            'margin-right' : '2px'
+                        }
+                    }),
+                    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'
+    @viewpanelDatasChange = "tabViewPanelDatasChange"
+    @closeview="closeView($event)">
+</view_tabviewpanel2>
+        </tab-pane>
+        <tab-pane :index="2" name='tabviewpanel3' tab='infotabexppanel' class=''  
+            :label="(h) =>{
+                return h('div', [
+                    h('i',{
+                        class:'fa fa-file-text-o',
+                        style:{
+                            'margin-right' : '2px'
+                        }
+                    }),
+                    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'
+    @viewpanelDatasChange = "tabViewPanelDatasChange"
+    @closeview="closeView($event)">
+</view_tabviewpanel3>
+        </tab-pane>
+    </tabs>
+  </div>
+</template>
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch, Model } from 'vue-property-decorator';
+import { CreateElement } from 'vue';
+import { Subject, Subscription } from 'rxjs';
+import { ControlInterface } from '@/interface/control';
+import { UIActionTool,Util } from '@/utils';
+import OpportunityService from '@/service/opportunity/opportunity-service';
+import InfotabexppanelService from './infotabexppanel-tabexppanel-service';
+
+
+
+@Component({
+    components: {
+      
+    }
+})
+export default class InfotabexppanelBase extends Vue implements ControlInterface {
+
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof Infotabexppanel
+     */
+    @Prop() public name?: string;
+
+    /**
+     * 视图通讯对象
+     *
+     * @type {Subject<ViewState>}
+     * @memberof Infotabexppanel
+     */
+    @Prop() public viewState!: Subject<ViewState>;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof Infotabexppanel
+     */
+    @Prop() public context: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof Infotabexppanel
+     */
+    @Prop() public viewparams: any;
+
+    /**
+     * 视图状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof Infotabexppanel
+     */
+    public viewStateEvent: Subscription | undefined;
+
+    /**
+     * 获取部件类型
+     *
+     * @returns {string}
+     * @memberof Infotabexppanel
+     */
+    public getControlType(): string {
+        return 'TABEXPPANEL'
+    }
+
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @type {Array<*>}
+     * @memberof Infotabexppanel
+     */    
+    public counterServiceArray:Array<any> = [];
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {InfotabexppanelService}
+     * @memberof Infotabexppanel
+     */
+    public service: InfotabexppanelService = new InfotabexppanelService({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {OpportunityService}
+     * @memberof Infotabexppanel
+     */
+    public appEntityService: OpportunityService = new OpportunityService({ $store: this.$store });
+    
+
+
+    /**
+     * 关闭视图
+     *
+     * @param {any} args
+     * @memberof Infotabexppanel
+     */
+    public closeView(args: any): void {
+        let _this: any = this;
+        _this.$emit('closeview', [args]);
+    }
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof Infotabexppanel
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+    /**
+     * 是否初始化
+     *
+     * @returns {any}
+     * @memberof Infotabexppanel
+     */
+    public isInit: any = {
+        tabviewpanel:  true ,
+        tabviewpanel2:  false ,
+        tabviewpanel3:  false ,
+    }
+
+    /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof Infotabexppanel
+     */
+    public getDatas(): any[] {
+        return [];
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof Infotabexppanel
+     */
+    public getData(): any {
+        return null;
+    }
+
+    /**
+     * 行为参数
+     *
+     * @public
+     * @type {*}
+     * @memberof Infotabexppanel
+     */
+    public action:any = '';
+
+    /**
+     * 被激活的分页面板
+     *
+     * @type {string}
+     * @memberof Infotabexppanel
+     */
+    public activiedTabViewPanel: string = 'tabviewpanel';
+
+    /**
+     * 分页视图面板数据变更
+     *
+     * @memberof Infotabexppanel
+     */
+    public tabViewPanelDatasChange(){
+        this.counterRefresh();
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @returns
+     * @memberof Infotabexppanel
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof Infotabexppanel
+     */
+    public afterCreated(){
+        //设置分页导航srfparentdename和srfparentkey
+        if (this.context.opportunity) {
+            Object.assign(this.context, { srfparentdename: 'Opportunity', srfparentkey: this.context.opportunity });
+        }
+        if (this.viewState) {
+            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+                if (!Object.is(tag, this.name)) {
+                    return;
+                }
+                this.action = action;
+                this.viewState.next({ tag: this.activiedTabViewPanel, action: action, data: data });
+                this.$forceUpdate();
+            });
+        }
+    }
+
+    /**
+     * 组件加载完毕
+     *
+     *  @memberof Infotabexppanel
+     */
+    public mounted(): void {
+        if (this.viewparams) {
+            const activate = this.viewparams.srftabactivate;
+            if (activate && this.isInit[activate] !== undefined) {
+                for (const key in this.isInit) {
+                    if (this.isInit.hasOwnProperty(key)) {
+                        this.isInit[key] = false;
+                    }
+                }
+                this.$nextTick(() => {
+                    this.tabPanelClick(activate);
+                });
+            }
+        }
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof Infotabexppanel
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof Infotabexppanel
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+    }
+
+    /**
+     * 分页面板选中
+     *
+     * @param {*} $event
+     * @returns
+     * @memberof Infotabexppanel
+     */
+    public tabPanelClick($event: any) {
+        if (!$event) {
+            return;
+        }
+        this.isInit[$event] = true;
+        if (!this.viewState) {
+            return;
+        }
+        this.activiedTabViewPanel = $event;
+        this.viewState.next({ tag: this.activiedTabViewPanel, action: this.action, data: {}});
+    }
+
+
+
+}
+</script>
+
+<style lang='less'>
+@import './infotabexppanel-tabexppanel.less';
+</style>
\ No newline at end of file

app_CRM/src/widgets/opportunity/infotabexppanel-tabexppanel/infotabexppanel-tabexppanel-model.ts

+/**
+ * Infotabexppanel 部件模型
+ *
+ * @export
+ * @class InfotabexppanelModel
+ */
+export default class InfotabexppanelModel {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof InfotabexppanelModel
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'decisionmaker',
+      },
+      {
+        name: 'totallineitemamount',
+      },
+      {
+        name: 'processid',
+      },
+      {
+        name: 'discountpercentage',
+      },
+      {
+        name: 'pricingerrorcode',
+      },
+      {
+        name: 'totalamount',
+      },
+      {
+        name: 'totaltax_base',
+      },
+      {
+        name: 'totaltax',
+      },
+      {
+        name: 'updateman',
+      },
+      {
+        name: 'estimatedvalue_base',
+      },
+      {
+        name: 'presentfinalproposal',
+      },
+      {
+        name: 'developproposal',
+      },
+      {
+        name: 'opportunityratingcode',
+      },
+      {
+        name: 'totalamount_base',
+      },
+      {
+        name: 'totalamountlessfreight',
+      },
+      {
+        name: 'description',
+      },
+      {
+        name: 'identifycompetitors',
+      },
+      {
+        name: 'updatedate',
+      },
+      {
+        name: 'sendthankyounote',
+      },
+      {
+        name: 'totaldiscountamount_base',
+      },
+      {
+        name: 'totallineitemdiscountamount',
+      },
+      {
+        name: 'purchaseprocess',
+      },
+      {
+        name: 'traversedpath',
+      },
+      {
+        name: 'captureproposalfeedback',
+      },
+      {
+        name: 'finaldecisiondate',
+      },
+      {
+        name: 'stepid',
+      },
+      {
+        name: 'resolvefeedback',
+      },
+      {
+        name: 'budgetamount_base',
+      },
+      {
+        name: 'owneridyominame',
+      },
+      {
+        name: 'pursuitdecision',
+      },
+      {
+        name: 'revenuesystemcalculated',
+      },
+      {
+        name: 'scheduleproposalmeeting',
+      },
+      {
+        name: 'closeprobability',
+      },
+      {
+        name: 'utcconversiontimezonecode',
+      },
+      {
+        name: 'presentproposal',
+      },
+      {
+        name: 'schedulefollowup_prospect',
+      },
+      {
+        name: 'statuscode',
+      },
+      {
+        name: 'actualclosedate',
+      },
+      {
+        name: 'confirminterest',
+      },
+      {
+        name: 'customerid',
+      },
+      {
+        name: 'salesstage',
+      },
+      {
+        name: 'opportunity',
+        prop: 'opportunityid',
+      },
+      {
+        name: 'onholdtime',
+      },
+      {
+        name: 'qualificationcomments',
+      },
+      {
+        name: 'accountidyominame',
+      },
+      {
+        name: 'schedulefollowup_qualify',
+      },
+      {
+        name: 'participatesinworkflow',
+      },
+      {
+        name: 'exchangerate',
+      },
+      {
+        name: 'stepname',
+      },
+      {
+        name: 'customerneed',
+      },
+      {
+        name: 'importsequencenumber',
+      },
+      {
+        name: 'completeinternalreview',
+      },
+      {
+        name: 'evaluatefit',
+      },
+      {
+        name: 'salesstagecode',
+      },
+      {
+        name: 'identifypursuitteam',
+      },
+      {
+        name: 'contactidyominame',
+      },
+      {
+        name: 'initialcommunication',
+      },
+      {
+        name: 'versionnumber',
+      },
+      {
+        name: 'freightamount_base',
+      },
+      {
+        name: 'teamsfollowed',
+      },
+      {
+        name: 'proposedsolution',
+      },
+      {
+        name: 'filedebrief',
+      },
+      {
+        name: 'budgetamount',
+      },
+      {
+        name: 'budgetstatus',
+      },
+      {
+        name: 'discountamount_base',
+      },
+      {
+        name: 'completefinalproposal',
+      },
+      {
+        name: 'discountamount',
+      },
+      {
+        name: 'customeridyominame',
+      },
+      {
+        name: 'need',
+      },
+      {
+        name: 'stageid',
+      },
+      {
+        name: 'freightamount',
+      },
+      {
+        name: 'actualvalue',
+      },
+      {
+        name: 'ibizprivate',
+      },
+      {
+        name: 'timezoneruleversionnumber',
+      },
+      {
+        name: 'createdate',
+      },
+      {
+        name: 'prioritycode',
+      },
+      {
+        name: 'totallineitemamount_base',
+      },
+      {
+        name: 'estimatedclosedate',
+      },
+      {
+        name: 'currentsituation',
+      },
+      {
+        name: 'actualvalue_base',
+      },
+      {
+        name: 'customerpainpoints',
+      },
+      {
+        name: 'totaldiscountamount',
+      },
+      {
+        name: 'opportunityname',
+      },
+      {
+        name: 'owneridtype',
+      },
+      {
+        name: 'identifycustomercontacts',
+      },
+      {
+        name: 'timeline',
+      },
+      {
+        name: 'lastonholdtime',
+      },
+      {
+        name: 'totalamountlessfreight_base',
+      },
+      {
+        name: 'estimatedvalue',
+      },
+      {
+        name: 'emailaddress',
+      },
+      {
+        name: 'statecode',
+      },
+      {
+        name: 'purchasetimeframe',
+      },
+      {
+        name: 'createman',
+      },
+      {
+        name: 'quotecomments',
+      },
+      {
+        name: 'customeridtype',
+      },
+      {
+        name: 'overriddencreatedon',
+      },
+      {
+        name: 'ownerid',
+      },
+      {
+        name: 'slaname',
+      },
+      {
+        name: 'parentcontactid',
+      },
+      {
+        name: 'campaignid',
+      },
+      {
+        name: 'transactioncurrencyid',
+      },
+      {
+        name: 'parentaccountid',
+      },
+      {
+        name: 'pricelevelid',
+      },
+      {
+        name: 'originatingleadid',
+      },
+      {
+        name: 'slaid',
+      },
+      {
+        name: 'originatingleadname',
+      },
+      {
+        name: 'parentaccountname',
+      },
+      {
+        name: 'campaignname',
+      },
+      {
+        name: 'parentcontactname',
+      },
+      {
+        name: 'transactioncurrencyname',
+      },
+      {
+        name: 'pricelevelname',
+      },
+    ]
+  }
+
+
+}
\ No newline at end of file

app_CRM/src/widgets/opportunity/infotabexppanel-tabexppanel/infotabexppanel-tabexppanel-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import OpportunityService from '@/service/opportunity/opportunity-service';
+import InfotabexppanelModel from './infotabexppanel-tabexppanel-model';
+
+
+/**
+ * Infotabexppanel 部件服务对象
+ *
+ * @export
+ * @class InfotabexppanelService
+ */
+export default class InfotabexppanelService extends ControlService {
+
+    /**
+     * 商机服务对象
+     *
+     * @type {OpportunityService}
+     * @memberof InfotabexppanelService
+     */
+    public appEntityService: OpportunityService = new OpportunityService({ $store: this.getStore() });
+
+    /**
+     * 设置从数据模式
+     *
+     * @type {boolean}
+     * @memberof InfotabexppanelService
+     */
+    public setTempMode(){
+        this.isTempMode = false;
+    }
+
+    /**
+     * Creates an instance of InfotabexppanelService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof InfotabexppanelService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+        this.model = new InfotabexppanelModel();
+    }
+
+    
+}
\ No newline at end of file

app_CRM/src/widgets/opportunity/infotabexppanel-tabexppanel/infotabexppanel-tabexppanel.less

+.tabexppanel {
+    --tabexppanel: 0;
+}
+// this is less

app_CRM/src/widgets/opportunity/infotabexppanel-tabexppanel/infotabexppanel-tabexppanel.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import InfotabexppanelBase from './infotabexppanel-tabexppanel-base.vue';
+import view_tabviewpanel from '@widgets/opportunity/infotabviewpanel-tabviewpanel/infotabviewpanel-tabviewpanel.vue';
+import view_tabviewpanel2 from '@widgets/opportunity/infotabviewpanel2-tabviewpanel/infotabviewpanel2-tabviewpanel.vue';
+import view_tabviewpanel3 from '@widgets/opportunity/infotabviewpanel3-tabviewpanel/infotabviewpanel3-tabviewpanel.vue';
+
+ 
+@Component({
+    components: {
+        view_tabviewpanel, 
+        view_tabviewpanel2, 
+        view_tabviewpanel3, 
+         
+    }
+})
+export default class Infotabexppanel extends InfotabexppanelBase {
+
+}
+</script>
\ No newline at end of file

app_CRM/src/widgets/opportunity/infotabviewpanel-tabviewpanel/infotabviewpanel-tabviewpanel-base.vue

+<template>
+  <div class='tabviewpanel' style="height:100%;" v-if = 'isActivied' >
+        <opportunity-summary 
+      class='viewcontainer2' 
+      :viewdata="viewdata" 
+      :viewparam="viewparam"
+      @viewload="viewDatasChange($event)" 
+      :viewDefaultUsage="false" >
+    </opportunity-summary>
+  </div>
+</template>
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch, Model } from 'vue-property-decorator';
+import { CreateElement } from 'vue';
+import { Subject, Subscription } from 'rxjs';
+import { ControlInterface } from '@/interface/control';
+import { UIActionTool,Util } from '@/utils';
+import OpportunityService from '@/service/opportunity/opportunity-service';
+import InfotabviewpanelService from './infotabviewpanel-tabviewpanel-service';
+
+
+
+@Component({
+    components: {
+      
+    }
+})
+export default class InfotabviewpanelBase extends Vue implements ControlInterface {
+
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof Infotabviewpanel
+     */
+    @Prop() public name?: string;
+
+    /**
+     * 视图通讯对象
+     *
+     * @type {Subject<ViewState>}
+     * @memberof Infotabviewpanel
+     */
+    @Prop() public viewState!: Subject<ViewState>;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof Infotabviewpanel
+     */
+    @Prop() public context: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof Infotabviewpanel
+     */
+    @Prop() public viewparams: any;
+
+    /**
+     * 视图状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof Infotabviewpanel
+     */
+    public viewStateEvent: Subscription | undefined;
+
+    /**
+     * 获取部件类型
+     *
+     * @returns {string}
+     * @memberof Infotabviewpanel
+     */
+    public getControlType(): string {
+        return 'TABVIEWPANEL'
+    }
+
+
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {InfotabviewpanelService}
+     * @memberof Infotabviewpanel
+     */
+    public service: InfotabviewpanelService = new InfotabviewpanelService({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {OpportunityService}
+     * @memberof Infotabviewpanel
+     */
+    public appEntityService: OpportunityService = new OpportunityService({ $store: this.$store });
+    
+
+
+    /**
+     * 关闭视图
+     *
+     * @param {any} args
+     * @memberof Infotabviewpanel
+     */
+    public closeView(args: any): void {
+        let _this: any = this;
+        _this.$emit('closeview', [args]);
+    }
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof Infotabviewpanel
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+
+
+ /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof Infotabviewpanel
+     */
+    public getDatas(): any[] {
+        return [];
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof Infotabviewpanel
+     */
+    public getData(): any {
+        return null;
+    }
+
+    /**
+     * 是否被激活
+     *
+     * @type {boolean}
+     * @memberof Infotabviewpanel
+     */
+    public isActivied: boolean = true;
+
+    /**
+     * 局部上下文
+     *
+     * @type {*}
+     * @memberof Infotabviewpanel
+     */
+    public localContext: any = null;
+
+    /**
+     * 局部视图参数
+     *
+     * @type {*}
+     * @memberof Infotabviewpanel
+     */
+    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 Infotabviewpanel
+     */
+    public navfilter: string = "";
+             
+    /**
+     * vue 生命周期
+     *
+     * @returns
+     * @memberof Infotabviewpanel
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof Infotabviewpanel
+     */    
+    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 Infotabviewpanel
+     */
+    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  Infotabviewpanel
+     */
+    public viewDatasChange($event:any){
+        this.$emit('viewpanelDatasChange',$event);
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof Infotabviewpanel
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof Infotabviewpanel
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+    }
+
+
+
+}
+</script>
+
+<style lang='less'>
+@import './infotabviewpanel-tabviewpanel.less';
+</style>
\ No newline at end of file

app_CRM/src/widgets/opportunity/infotabviewpanel-tabviewpanel/infotabviewpanel-tabviewpanel-model.ts

+/**
+ * Infotabviewpanel 部件模型
+ *
+ * @export
+ * @class InfotabviewpanelModel
+ */
+export default class InfotabviewpanelModel {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof InfotabviewpanelModel
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'decisionmaker',
+      },
+      {
+        name: 'totallineitemamount',
+      },
+      {
+        name: 'processid',
+      },
+      {
+        name: 'discountpercentage',
+      },
+      {
+        name: 'pricingerrorcode',
+      },
+      {
+        name: 'totalamount',
+      },
+      {
+        name: 'totaltax_base',
+      },
+      {
+        name: 'totaltax',
+      },
+      {
+        name: 'updateman',
+      },
+      {
+        name: 'estimatedvalue_base',
+      },
+      {
+        name: 'presentfinalproposal',
+      },
+      {
+        name: 'developproposal',
+      },
+      {
+        name: 'opportunityratingcode',
+      },
+      {
+        name: 'totalamount_base',
+      },
+      {
+        name: 'totalamountlessfreight',
+      },
+      {
+        name: 'description',
+      },
+      {
+        name: 'identifycompetitors',
+      },
+      {
+        name: 'updatedate',
+      },
+      {
+        name: 'sendthankyounote',
+      },
+      {
+        name: 'totaldiscountamount_base',
+      },
+      {
+        name: 'totallineitemdiscountamount',
+      },
+      {
+        name: 'purchaseprocess',
+      },
+      {
+        name: 'traversedpath',
+      },
+      {
+        name: 'captureproposalfeedback',
+      },
+      {
+        name: 'finaldecisiondate',
+      },
+      {
+        name: 'stepid',
+      },
+      {
+        name: 'resolvefeedback',
+      },
+      {
+        name: 'budgetamount_base',
+      },
+      {
+        name: 'owneridyominame',
+      },
+      {
+        name: 'pursuitdecision',
+      },
+      {
+        name: 'revenuesystemcalculated',
+      },
+      {
+        name: 'scheduleproposalmeeting',
+      },
+      {
+        name: 'closeprobability',
+      },
+      {
+        name: 'utcconversiontimezonecode',
+      },
+      {
+        name: 'presentproposal',
+      },
+      {
+        name: 'schedulefollowup_prospect',
+      },
+      {
+        name: 'statuscode',
+      },
+      {
+        name: 'actualclosedate',
+      },
+      {
+        name: 'confirminterest',
+      },
+      {
+        name: 'customerid',
+      },
+      {
+        name: 'salesstage',
+      },
+      {
+        name: 'opportunity',
+        prop: 'opportunityid',
+      },
+      {
+        name: 'onholdtime',
+      },
+      {
+        name: 'qualificationcomments',
+      },
+      {
+        name: 'accountidyominame',
+      },
+      {
+        name: 'schedulefollowup_qualify',
+      },
+      {
+        name: 'participatesinworkflow',
+      },
+      {
+        name: 'exchangerate',
+      },
+      {
+        name: 'stepname',
+      },
+      {
+        name: 'customerneed',
+      },
+      {
+        name: 'importsequencenumber',
+      },
+      {
+        name: 'completeinternalreview',
+      },
+      {
+        name: 'evaluatefit',
+      },
+      {
+        name: 'salesstagecode',
+      },
+      {
+        name: 'identifypursuitteam',
+      },
+      {
+        name: 'contactidyominame',
+      },
+      {
+        name: 'initialcommunication',
+      },
+      {
+        name: 'versionnumber',
+      },
+      {
+        name: 'freightamount_base',
+      },
+      {
+        name: 'teamsfollowed',
+      },
+      {
+        name: 'proposedsolution',
+      },
+      {
+        name: 'filedebrief',
+      },
+      {
+        name: 'budgetamount',
+      },
+      {
+        name: 'budgetstatus',
+      },
+      {
+        name: 'discountamount_base',
+      },
+      {
+        name: 'completefinalproposal',
+      },
+      {
+        name: 'discountamount',
+      },
+      {
+        name: 'customeridyominame',
+      },
+      {
+        name: 'need',
+      },
+      {
+        name: 'stageid',
+      },
+      {
+        name: 'freightamount',
+      },
+      {
+        name: 'actualvalue',
+      },
+      {
+        name: 'ibizprivate',
+      },
+      {
+        name: 'timezoneruleversionnumber',
+      },
+      {
+        name: 'createdate',
+      },
+      {
+        name: 'prioritycode',
+      },
+      {
+        name: 'totallineitemamount_base',
+      },
+      {
+        name: 'estimatedclosedate',
+      },
+      {
+        name: 'currentsituation',
+      },
+      {
+        name: 'actualvalue_base',
+      },
+      {
+        name: 'customerpainpoints',
+      },
+      {
+        name: 'totaldiscountamount',
+      },
+      {
+        name: 'opportunityname',
+      },
+      {
+        name: 'owneridtype',
+      },
+      {
+        name: 'identifycustomercontacts',
+      },
+      {
+        name: 'timeline',
+      },
+      {
+        name: 'lastonholdtime',
+      },
+      {
+        name: 'totalamountlessfreight_base',
+      },
+      {
+        name: 'estimatedvalue',
+      },
+      {
+        name: 'emailaddress',
+      },
+      {
+        name: 'statecode',
+      },
+      {
+        name: 'purchasetimeframe',
+      },
+      {
+        name: 'createman',
+      },
+      {
+        name: 'quotecomments',
+      },
+      {
+        name: 'customeridtype',
+      },
+      {
+        name: 'overriddencreatedon',
+      },
+      {
+        name: 'ownerid',
+      },
+      {
+        name: 'slaname',
+      },
+      {
+        name: 'parentcontactid',
+      },
+      {
+        name: 'campaignid',
+      },
+      {
+        name: 'transactioncurrencyid',
+      },
+      {
+        name: 'parentaccountid',
+      },
+      {
+        name: 'pricelevelid',
+      },
+      {
+        name: 'originatingleadid',
+      },
+      {
+        name: 'slaid',
+      },
+      {
+        name: 'originatingleadname',
+      },
+      {
+        name: 'parentaccountname',
+      },
+      {
+        name: 'campaignname',
+      },
+      {
+        name: 'parentcontactname',
+      },
+      {
+        name: 'transactioncurrencyname',
+      },
+      {
+        name: 'pricelevelname',
+      },
+    ]
+  }
+
+
+}
\ No newline at end of file

app_CRM/src/widgets/opportunity/infotabviewpanel-tabviewpanel/infotabviewpanel-tabviewpanel-service.ts

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

app_CRM/src/widgets/opportunity/infotabviewpanel-tabviewpanel/infotabviewpanel-tabviewpanel.less

+// this is less

app_CRM/src/widgets/opportunity/infotabviewpanel-tabviewpanel/infotabviewpanel-tabviewpanel.vue

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

app_CRM/src/widgets/opportunity/infotabviewpanel2-tabviewpanel/infotabviewpanel2-tabviewpanel-base.vue

+<template>
+  <div class='tabviewpanel' style="height:100%;" v-if = 'isActivied' >
+        <opportunity-opp-pro-dashboard-view 
+      class='viewcontainer2' 
+      :viewdata="viewdata" 
+      :viewparam="viewparam"
+      @viewload="viewDatasChange($event)" 
+      :viewDefaultUsage="false" >
+    </opportunity-opp-pro-dashboard-view>
+  </div>
+</template>
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch, Model } from 'vue-property-decorator';
+import { CreateElement } from 'vue';
+import { Subject, Subscription } from 'rxjs';
+import { ControlInterface } from '@/interface/control';
+import { UIActionTool,Util } from '@/utils';
+import OpportunityService from '@/service/opportunity/opportunity-service';
+import Infotabviewpanel2Service from './infotabviewpanel2-tabviewpanel-service';
+
+
+
+@Component({
+    components: {
+      
+    }
+})
+export default class Infotabviewpanel2Base extends Vue implements ControlInterface {
+
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof Infotabviewpanel2
+     */
+    @Prop() public name?: string;
+
+    /**
+     * 视图通讯对象
+     *
+     * @type {Subject<ViewState>}
+     * @memberof Infotabviewpanel2
+     */
+    @Prop() public viewState!: Subject<ViewState>;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof Infotabviewpanel2
+     */
+    @Prop() public context: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof Infotabviewpanel2
+     */
+    @Prop() public viewparams: any;
+
+    /**
+     * 视图状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof Infotabviewpanel2
+     */
+    public viewStateEvent: Subscription | undefined;
+
+    /**
+     * 获取部件类型
+     *
+     * @returns {string}
+     * @memberof Infotabviewpanel2
+     */
+    public getControlType(): string {
+        return 'TABVIEWPANEL'
+    }
+
+
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {Infotabviewpanel2Service}
+     * @memberof Infotabviewpanel2
+     */
+    public service: Infotabviewpanel2Service = new Infotabviewpanel2Service({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {OpportunityService}
+     * @memberof Infotabviewpanel2
+     */
+    public appEntityService: OpportunityService = new OpportunityService({ $store: this.$store });
+    
+
+
+    /**
+     * 关闭视图
+     *
+     * @param {any} args
+     * @memberof Infotabviewpanel2
+     */
+    public closeView(args: any): void {
+        let _this: any = this;
+        _this.$emit('closeview', [args]);
+    }
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof Infotabviewpanel2
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+
+
+ /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof Infotabviewpanel2
+     */
+    public getDatas(): any[] {
+        return [];
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof Infotabviewpanel2
+     */
+    public getData(): any {
+        return null;
+    }
+
+    /**
+     * 是否被激活
+     *
+     * @type {boolean}
+     * @memberof Infotabviewpanel2
+     */
+    public isActivied: boolean = true;
+
+    /**
+     * 局部上下文
+     *
+     * @type {*}
+     * @memberof Infotabviewpanel2
+     */
+    public localContext: any = null;
+
+    /**
+     * 局部视图参数
+     *
+     * @type {*}
+     * @memberof Infotabviewpanel2
+     */
+    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 Infotabviewpanel2
+     */
+    public navfilter: string = "";
+             
+    /**
+     * vue 生命周期
+     *
+     * @returns
+     * @memberof Infotabviewpanel2
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof Infotabviewpanel2
+     */    
+    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 Infotabviewpanel2
+     */
+    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  Infotabviewpanel2
+     */
+    public viewDatasChange($event:any){
+        this.$emit('viewpanelDatasChange',$event);
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof Infotabviewpanel2
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof Infotabviewpanel2
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+    }
+
+
+
+}
+</script>
+
+<style lang='less'>
+@import './infotabviewpanel2-tabviewpanel.less';
+</style>
\ No newline at end of file

app_CRM/src/widgets/opportunity/infotabviewpanel2-tabviewpanel/infotabviewpanel2-tabviewpanel-model.ts

+/**
+ * Infotabviewpanel2 部件模型
+ *
+ * @export
+ * @class Infotabviewpanel2Model
+ */
+export default class Infotabviewpanel2Model {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof Infotabviewpanel2Model
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'decisionmaker',
+      },
+      {
+        name: 'totallineitemamount',
+      },
+      {
+        name: 'processid',
+      },
+      {
+        name: 'discountpercentage',
+      },
+      {
+        name: 'pricingerrorcode',
+      },
+      {
+        name: 'totalamount',
+      },
+      {
+        name: 'totaltax_base',
+      },
+      {
+        name: 'totaltax',
+      },
+      {
+        name: 'updateman',
+      },
+      {
+        name: 'estimatedvalue_base',
+      },
+      {
+        name: 'presentfinalproposal',
+      },
+      {
+        name: 'developproposal',
+      },
+      {
+        name: 'opportunityratingcode',
+      },
+      {
+        name: 'totalamount_base',
+      },
+      {
+        name: 'totalamountlessfreight',
+      },
+      {
+        name: 'description',
+      },
+      {
+        name: 'identifycompetitors',
+      },
+      {
+        name: 'updatedate',
+      },
+      {
+        name: 'sendthankyounote',
+      },
+      {
+        name: 'totaldiscountamount_base',
+      },
+      {
+        name: 'totallineitemdiscountamount',
+      },
+      {
+        name: 'purchaseprocess',
+      },
+      {
+        name: 'traversedpath',
+      },
+      {
+        name: 'captureproposalfeedback',
+      },
+      {
+        name: 'finaldecisiondate',
+      },
+      {
+        name: 'stepid',
+      },
+      {
+        name: 'resolvefeedback',
+      },
+      {
+        name: 'budgetamount_base',
+      },
+      {
+        name: 'owneridyominame',
+      },
+      {
+        name: 'pursuitdecision',
+      },
+      {
+        name: 'revenuesystemcalculated',
+      },
+      {
+        name: 'scheduleproposalmeeting',
+      },
+      {
+        name: 'closeprobability',
+      },
+      {
+        name: 'utcconversiontimezonecode',
+      },
+      {
+        name: 'presentproposal',
+      },
+      {
+        name: 'schedulefollowup_prospect',
+      },
+      {
+        name: 'statuscode',
+      },
+      {
+        name: 'actualclosedate',
+      },
+      {
+        name: 'confirminterest',
+      },
+      {
+        name: 'customerid',
+      },
+      {
+        name: 'salesstage',
+      },
+      {
+        name: 'opportunity',
+        prop: 'opportunityid',
+      },
+      {
+        name: 'onholdtime',
+      },
+      {
+        name: 'qualificationcomments',
+      },
+      {
+        name: 'accountidyominame',
+      },
+      {
+        name: 'schedulefollowup_qualify',
+      },
+      {
+        name: 'participatesinworkflow',
+      },
+      {
+        name: 'exchangerate',
+      },
+      {
+        name: 'stepname',
+      },
+      {
+        name: 'customerneed',
+      },
+      {
+        name: 'importsequencenumber',
+      },
+      {
+        name: 'completeinternalreview',
+      },
+      {
+        name: 'evaluatefit',
+      },
+      {
+        name: 'salesstagecode',
+      },
+      {
+        name: 'identifypursuitteam',
+      },
+      {
+        name: 'contactidyominame',
+      },
+      {
+        name: 'initialcommunication',
+      },
+      {
+        name: 'versionnumber',
+      },
+      {
+        name: 'freightamount_base',
+      },
+      {
+        name: 'teamsfollowed',
+      },
+      {
+        name: 'proposedsolution',
+      },
+      {
+        name: 'filedebrief',
+      },
+      {
+        name: 'budgetamount',
+      },
+      {
+        name: 'budgetstatus',
+      },
+      {
+        name: 'discountamount_base',
+      },
+      {
+        name: 'completefinalproposal',
+      },
+      {
+        name: 'discountamount',
+      },
+      {
+        name: 'customeridyominame',
+      },
+      {
+        name: 'need',
+      },
+      {
+        name: 'stageid',
+      },
+      {
+        name: 'freightamount',
+      },
+      {
+        name: 'actualvalue',
+      },
+      {
+        name: 'ibizprivate',
+      },
+      {
+        name: 'timezoneruleversionnumber',
+      },
+      {
+        name: 'createdate',
+      },
+      {
+        name: 'prioritycode',
+      },
+      {
+        name: 'totallineitemamount_base',
+      },
+      {
+        name: 'estimatedclosedate',
+      },
+      {
+        name: 'currentsituation',
+      },
+      {
+        name: 'actualvalue_base',
+      },
+      {
+        name: 'customerpainpoints',
+      },
+      {
+        name: 'totaldiscountamount',
+      },
+      {
+        name: 'opportunityname',
+      },
+      {
+        name: 'owneridtype',
+      },
+      {
+        name: 'identifycustomercontacts',
+      },
+      {
+        name: 'timeline',
+      },
+      {
+        name: 'lastonholdtime',
+      },
+      {
+        name: 'totalamountlessfreight_base',
+      },
+      {
+        name: 'estimatedvalue',
+      },
+      {
+        name: 'emailaddress',
+      },
+      {
+        name: 'statecode',
+      },
+      {
+        name: 'purchasetimeframe',
+      },
+      {
+        name: 'createman',
+      },
+      {
+        name: 'quotecomments',
+      },
+      {
+        name: 'customeridtype',
+      },
+      {
+        name: 'overriddencreatedon',
+      },
+      {
+        name: 'ownerid',
+      },
+      {
+        name: 'slaname',
+      },
+      {
+        name: 'parentcontactid',
+      },
+      {
+        name: 'campaignid',
+      },
+      {
+        name: 'transactioncurrencyid',
+      },
+      {
+        name: 'parentaccountid',
+      },
+      {
+        name: 'pricelevelid',
+      },
+      {
+        name: 'originatingleadid',
+      },
+      {
+        name: 'slaid',
+      },
+      {
+        name: 'originatingleadname',
+      },
+      {
+        name: 'parentaccountname',
+      },
+      {
+        name: 'campaignname',
+      },
+      {
+        name: 'parentcontactname',
+      },
+      {
+        name: 'transactioncurrencyname',
+      },
+      {
+        name: 'pricelevelname',
+      },
+    ]
+  }
+
+
+}
\ No newline at end of file

app_CRM/src/widgets/opportunity/infotabviewpanel2-tabviewpanel/infotabviewpanel2-tabviewpanel-service.ts

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

app_CRM/src/widgets/opportunity/infotabviewpanel2-tabviewpanel/infotabviewpanel2-tabviewpanel.less

+// this is less

app_CRM/src/widgets/opportunity/infotabviewpanel2-tabviewpanel/infotabviewpanel2-tabviewpanel.vue

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

app_CRM/src/widgets/opportunity/infotabviewpanel3-tabviewpanel/infotabviewpanel3-tabviewpanel-base.vue

+<template>
+  <div class='tabviewpanel' style="height:100%;" v-if = 'isActivied' >
+        <quote-opp-qua-grid-view 
+      class='viewcontainer2' 
+      :viewdata="viewdata" 
+      :viewparam="viewparam"
+      @viewload="viewDatasChange($event)" 
+      :viewDefaultUsage="false" >
+    </quote-opp-qua-grid-view>
+  </div>
+</template>
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch, Model } from 'vue-property-decorator';
+import { CreateElement } from 'vue';
+import { Subject, Subscription } from 'rxjs';
+import { ControlInterface } from '@/interface/control';
+import { UIActionTool,Util } from '@/utils';
+import OpportunityService from '@/service/opportunity/opportunity-service';
+import Infotabviewpanel3Service from './infotabviewpanel3-tabviewpanel-service';
+
+
+
+@Component({
+    components: {
+      
+    }
+})
+export default class Infotabviewpanel3Base extends Vue implements ControlInterface {
+
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof Infotabviewpanel3
+     */
+    @Prop() public name?: string;
+
+    /**
+     * 视图通讯对象
+     *
+     * @type {Subject<ViewState>}
+     * @memberof Infotabviewpanel3
+     */
+    @Prop() public viewState!: Subject<ViewState>;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof Infotabviewpanel3
+     */
+    @Prop() public context: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof Infotabviewpanel3
+     */
+    @Prop() public viewparams: any;
+
+    /**
+     * 视图状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof Infotabviewpanel3
+     */
+    public viewStateEvent: Subscription | undefined;
+
+    /**
+     * 获取部件类型
+     *
+     * @returns {string}
+     * @memberof Infotabviewpanel3
+     */
+    public getControlType(): string {
+        return 'TABVIEWPANEL'
+    }
+
+
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {Infotabviewpanel3Service}
+     * @memberof Infotabviewpanel3
+     */
+    public service: Infotabviewpanel3Service = new Infotabviewpanel3Service({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {OpportunityService}
+     * @memberof Infotabviewpanel3
+     */
+    public appEntityService: OpportunityService = new OpportunityService({ $store: this.$store });
+    
+
+
+    /**
+     * 关闭视图
+     *
+     * @param {any} args
+     * @memberof Infotabviewpanel3
+     */
+    public closeView(args: any): void {
+        let _this: any = this;
+        _this.$emit('closeview', [args]);
+    }
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof Infotabviewpanel3
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+
+
+ /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof Infotabviewpanel3
+     */
+    public getDatas(): any[] {
+        return [];
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof Infotabviewpanel3
+     */
+    public getData(): any {
+        return null;
+    }
+
+    /**
+     * 是否被激活
+     *
+     * @type {boolean}
+     * @memberof Infotabviewpanel3
+     */
+    public isActivied: boolean = true;
+
+    /**
+     * 局部上下文
+     *
+     * @type {*}
+     * @memberof Infotabviewpanel3
+     */
+    public localContext: any = null;
+
+    /**
+     * 局部视图参数
+     *
+     * @type {*}
+     * @memberof Infotabviewpanel3
+     */
+    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 Infotabviewpanel3
+     */
+    public navfilter: string = "";
+             
+    /**
+     * vue 生命周期
+     *
+     * @returns
+     * @memberof Infotabviewpanel3
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof Infotabviewpanel3
+     */    
+    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 Infotabviewpanel3
+     */
+    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  Infotabviewpanel3
+     */
+    public viewDatasChange($event:any){
+        this.$emit('viewpanelDatasChange',$event);
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof Infotabviewpanel3
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof Infotabviewpanel3
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+    }
+
+
+
+}
+</script>
+
+<style lang='less'>
+@import './infotabviewpanel3-tabviewpanel.less';
+</style>
\ No newline at end of file

app_CRM/src/widgets/opportunity/infotabviewpanel3-tabviewpanel/infotabviewpanel3-tabviewpanel-model.ts

+/**
+ * Infotabviewpanel3 部件模型
+ *
+ * @export
+ * @class Infotabviewpanel3Model
+ */
+export default class Infotabviewpanel3Model {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof Infotabviewpanel3Model
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'decisionmaker',
+      },
+      {
+        name: 'totallineitemamount',
+      },
+      {
+        name: 'processid',
+      },
+      {
+        name: 'discountpercentage',
+      },
+      {
+        name: 'pricingerrorcode',
+      },
+      {
+        name: 'totalamount',
+      },
+      {
+        name: 'totaltax_base',
+      },
+      {
+        name: 'totaltax',
+      },
+      {
+        name: 'updateman',
+      },
+      {
+        name: 'estimatedvalue_base',
+      },
+      {
+        name: 'presentfinalproposal',
+      },
+      {
+        name: 'developproposal',
+      },
+      {
+        name: 'opportunityratingcode',
+      },
+      {
+        name: 'totalamount_base',
+      },
+      {
+        name: 'totalamountlessfreight',
+      },
+      {
+        name: 'description',
+      },
+      {
+        name: 'identifycompetitors',
+      },
+      {
+        name: 'updatedate',
+      },
+      {
+        name: 'sendthankyounote',
+      },
+      {
+        name: 'totaldiscountamount_base',
+      },
+      {
+        name: 'totallineitemdiscountamount',
+      },
+      {
+        name: 'purchaseprocess',
+      },
+      {
+        name: 'traversedpath',
+      },
+      {
+        name: 'captureproposalfeedback',
+      },
+      {
+        name: 'finaldecisiondate',
+      },
+      {
+        name: 'stepid',
+      },
+      {
+        name: 'resolvefeedback',
+      },
+      {
+        name: 'budgetamount_base',
+      },
+      {
+        name: 'owneridyominame',
+      },
+      {
+        name: 'pursuitdecision',
+      },
+      {
+        name: 'revenuesystemcalculated',
+      },
+      {
+        name: 'scheduleproposalmeeting',
+      },
+      {
+        name: 'closeprobability',
+      },
+      {
+        name: 'utcconversiontimezonecode',
+      },
+      {
+        name: 'presentproposal',
+      },
+      {
+        name: 'schedulefollowup_prospect',
+      },
+      {
+        name: 'statuscode',
+      },
+      {
+        name: 'actualclosedate',
+      },
+      {
+        name: 'confirminterest',
+      },
+      {
+        name: 'customerid',
+      },
+      {
+        name: 'salesstage',
+      },
+      {
+        name: 'opportunity',
+        prop: 'opportunityid',
+      },
+      {
+        name: 'onholdtime',
+      },
+      {
+        name: 'qualificationcomments',
+      },
+      {
+        name: 'accountidyominame',
+      },
+      {
+        name: 'schedulefollowup_qualify',
+      },
+      {
+        name: 'participatesinworkflow',
+      },
+      {
+        name: 'exchangerate',
+      },
+      {
+        name: 'stepname',
+      },
+      {
+        name: 'customerneed',
+      },
+      {
+        name: 'importsequencenumber',
+      },
+      {
+        name: 'completeinternalreview',
+      },
+      {
+        name: 'evaluatefit',
+      },
+      {
+        name: 'salesstagecode',
+      },
+      {
+        name: 'identifypursuitteam',
+      },
+      {
+        name: 'contactidyominame',
+      },
+      {
+        name: 'initialcommunication',
+      },
+      {
+        name: 'versionnumber',
+      },
+      {
+        name: 'freightamount_base',
+      },
+      {
+        name: 'teamsfollowed',
+      },
+      {
+        name: 'proposedsolution',
+      },
+      {
+        name: 'filedebrief',
+      },
+      {
+        name: 'budgetamount',
+      },
+      {
+        name: 'budgetstatus',
+      },
+      {
+        name: 'discountamount_base',
+      },
+      {
+        name: 'completefinalproposal',
+      },
+      {
+        name: 'discountamount',
+      },
+      {
+        name: 'customeridyominame',
+      },
+      {
+        name: 'need',
+      },
+      {
+        name: 'stageid',
+      },
+      {
+        name: 'freightamount',
+      },
+      {
+        name: 'actualvalue',
+      },
+      {
+        name: 'ibizprivate',
+      },
+      {
+        name: 'timezoneruleversionnumber',
+      },
+      {
+        name: 'createdate',
+      },
+      {
+        name: 'prioritycode',
+      },
+      {
+        name: 'totallineitemamount_base',
+      },
+      {
+        name: 'estimatedclosedate',
+      },
+      {
+        name: 'currentsituation',
+      },
+      {
+        name: 'actualvalue_base',
+      },
+      {
+        name: 'customerpainpoints',
+      },
+      {
+        name: 'totaldiscountamount',
+      },
+      {
+        name: 'opportunityname',
+      },
+      {
+        name: 'owneridtype',
+      },
+      {
+        name: 'identifycustomercontacts',
+      },
+      {
+        name: 'timeline',
+      },
+      {
+        name: 'lastonholdtime',
+      },
+      {
+        name: 'totalamountlessfreight_base',
+      },
+      {
+        name: 'estimatedvalue',
+      },
+      {
+        name: 'emailaddress',
+      },
+      {
+        name: 'statecode',
+      },
+      {
+        name: 'purchasetimeframe',
+      },
+      {
+        name: 'createman',
+      },
+      {
+        name: 'quotecomments',
+      },
+      {
+        name: 'customeridtype',
+      },
+      {
+        name: 'overriddencreatedon',
+      },
+      {
+        name: 'ownerid',
+      },
+      {
+        name: 'slaname',
+      },
+      {
+        name: 'parentcontactid',
+      },
+      {
+        name: 'campaignid',
+      },
+      {
+        name: 'transactioncurrencyid',
+      },
+      {
+        name: 'parentaccountid',
+      },
+      {
+        name: 'pricelevelid',
+      },
+      {
+        name: 'originatingleadid',
+      },
+      {
+        name: 'slaid',
+      },
+      {
+        name: 'originatingleadname',
+      },
+      {
+        name: 'parentaccountname',
+      },
+      {
+        name: 'campaignname',
+      },
+      {
+        name: 'parentcontactname',
+      },
+      {
+        name: 'transactioncurrencyname',
+      },
+      {
+        name: 'pricelevelname',
+      },
+    ]
+  }
+
+
+}
\ No newline at end of file

app_CRM/src/widgets/opportunity/infotabviewpanel3-tabviewpanel/infotabviewpanel3-tabviewpanel-service.ts

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

app_CRM/src/widgets/opportunity/infotabviewpanel3-tabviewpanel/infotabviewpanel3-tabviewpanel.less

+// this is less

app_CRM/src/widgets/opportunity/infotabviewpanel3-tabviewpanel/infotabviewpanel3-tabviewpanel.vue

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

app_CRM/src/widgets/opportunity/quick-create-form/quick-create-form-base.vue

@@ -1324,7 +1324,7 @@ export default class QuickCreateBase extends Vue implements ControlInterface {
      */
     public load(opt: any = {}): void {
         if(!this.loadAction){
-            this.$Notice.error({ title: '错误', desc: 'OpportunityOptionView视图表单loadAction参数未配置' });
+            this.$Notice.error({ title: '错误', desc: 'OpportunityQuickCreate视图表单loadAction参数未配置' });
             return;
         }
         const arg: any = { ...opt };
@@ -1359,7 +1359,7 @@ export default class QuickCreateBase extends Vue implements ControlInterface {
      */
     public loadDraft(opt: any = {}): void {
         if(!this.loaddraftAction){
-            this.$Notice.error({ title: '错误', desc: 'OpportunityOptionView视图表单loaddraftAction参数未配置' });
+            this.$Notice.error({ title: '错误', desc: 'OpportunityQuickCreate视图表单loaddraftAction参数未配置' });
             return;
         }
         const arg: any = { ...opt } ;
@@ -1421,7 +1421,7 @@ export default class QuickCreateBase extends Vue implements ControlInterface {
         const action: any = Object.is(data.srfuf, '1') ? this.updateAction : this.createAction;
         if(!action){
             let actionName:any = Object.is(data.srfuf, '1')?"updateAction":"createAction";
-            this.$Notice.error({ title: '错误', desc: 'OpportunityOptionView视图表单'+actionName+'参数未配置' });
+            this.$Notice.error({ title: '错误', desc: 'OpportunityQuickCreate视图表单'+actionName+'参数未配置' });
             return;
         }
         Object.assign(arg,{viewparams:this.viewparams});
@@ -1485,7 +1485,7 @@ export default class QuickCreateBase extends Vue implements ControlInterface {
             const action: any = Object.is(data.srfuf, '1') ? this.updateAction : this.createAction;
             if(!action){
                 let actionName:any = Object.is(data.srfuf, '1')?"updateAction":"createAction";
-                this.$Notice.error({ title: '错误', desc: 'OpportunityOptionView视图表单'+actionName+'参数未配置' });
+                this.$Notice.error({ title: '错误', desc: 'OpportunityQuickCreate视图表单'+actionName+'参数未配置' });
                 return;
             }
             Object.assign(arg,{viewparams:this.viewparams});
@@ -1535,7 +1535,7 @@ export default class QuickCreateBase extends Vue implements ControlInterface {
     public remove(opt:Array<any> = [],showResultInfo?: boolean): Promise<any> {
         return new Promise((resolve: any, reject: any) => {
             if(!this.removeAction){
-                this.$Notice.error({ title: '错误', desc: 'OpportunityOptionView视图表单removeAction参数未配置' });
+                this.$Notice.error({ title: '错误', desc: 'OpportunityQuickCreate视图表单removeAction参数未配置' });
                 return;
             }
             const arg: any = opt[0];