chitanda 发布系统代码

app_CRM/src/locale/lanres/entities/account/account_en_US.ts

@@ -404,7 +404,7 @@ export default {
 		uiactions: {
 		},
 	},
-	datapanel_form: {
+	info_datapanel_form: {
 		details: {
 			button1: "头部信息编辑", 
 			group1: "客户基本信息", 

app_CRM/src/locale/lanres/entities/account/account_zh_CN.ts

@@ -403,7 +403,7 @@ export default {
 		uiactions: {
 		},
 	},
-	datapanel_form: {
+	info_datapanel_form: {
 		details: {
 			button1: "头部信息编辑", 
 			group1: "客户基本信息", 

app_CRM/src/pages/base/account-info/account-info.vue

@@ -3,7 +3,7 @@
 import { Component } from 'vue-property-decorator';
 import { VueLifeCycleProcessing } from '@/studio-core';
 import { AccountInfoBase } from './account-info-base';
-import view_datapanel from '@widgets/account/data-panel-form/data-panel-form.vue';
+import view_datapanel from '@widgets/account/info-data-panel-form/info-data-panel-form.vue';
 import view_tabexppanel from '@widgets/account/infotabexppanel-tabexppanel/infotabexppanel-tabexppanel.vue';
 
 /**

app_CRM/src/studio-core/components/studio-view/studio-view-base.tsx

@@ -101,6 +101,9 @@ export class StudioViewBase extends Vue {
                 {this.$slots.searchForm ? <div class="search-form-wrapper">
                     {this.$slots.searchForm}
                 </div> : null}
+                {this.$slots.searchBar ? <div class="search-bar-wrapper">
+                    {this.$slots.searchBar}
+                </div> : null}
                 <div class="content-wrapper">
                     {this.$slots.default}
                 </div>

app_CRM/src/studio-core/components/studio-view/studio-view.less

@@ -90,6 +90,10 @@
             flex-shrink: 0;
         }
 
+        >.search-bar-wrapper {
+            flex-shrink: 0;
+        }
+
         >.content-wrapper {
             flex-grow: 1;
             overflow-y: auto;

app_CRM/src/widgets/account/info-data-panel-form/info-data-panel-form-base.tsx

+import { Prop, Provide, Emit, Model } from 'vue-property-decorator';
+import { Subject, Subscription } from 'rxjs';
+import { Watch, EditFormControlBase } from '@/studio-core';
+import AccountService from '@/service/account/account-service';
+import Info_DataPanelService from './info-data-panel-form-service';
+import AccountUIService from '@/uiservice/account/account-ui-service';
+import { FormButtonModel, FormPageModel, FormItemModel, FormDRUIPartModel, FormPartModel, FormGroupPanelModel, FormIFrameModel, FormRowItemModel, FormTabPageModel, FormTabPanelModel, FormUserControlModel } from '@/model/form-detail';
+
+
+/**
+ * datapanel部件基类
+ *
+ * @export
+ * @class EditFormControlBase
+ * @extends {Info_DataPanelEditFormBase}
+ */
+export class Info_DataPanelEditFormBase extends EditFormControlBase {
+
+    /**
+     * 获取部件类型
+     *
+     * @protected
+     * @type {string}
+     * @memberof Info_DataPanelEditFormBase
+     */
+    protected controlType: string = 'FORM';
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {Info_DataPanelService}
+     * @memberof Info_DataPanelEditFormBase
+     */
+    public service: Info_DataPanelService = new Info_DataPanelService({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {AccountService}
+     * @memberof Info_DataPanelEditFormBase
+     */
+    public appEntityService: AccountService = new AccountService({ $store: this.$store });
+
+    /**
+     * 应用实体名称
+     *
+     * @protected
+     * @type {string}
+     * @memberof Info_DataPanelEditFormBase
+     */
+    protected appDeName: string = 'account';
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public datapanel_button1_click(params: any = {}, tag?: any, $event?: any) {
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this;
+        if (_this.getDatas && _this.getDatas instanceof Function) {
+            datas = [..._this.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        const curUIService:AccountUIService  = new AccountUIService();
+        curUIService.Account_Edit_DataPanel(datas,contextJO, paramJO,  $event, xData,this,"Account");
+    }
+
+    /**
+     * 表单数据对象
+     *
+     * @type {*}
+     * @memberof Info_DataPanelEditFormBase
+     */
+    public data: any = {
+        srfupdatedate: null,
+        srforikey: null,
+        srfkey: null,
+        srfmajortext: null,
+        srftempmode: null,
+        srfuf: null,
+        srfdeid: null,
+        srfsourcekey: null,
+        industrycode: null,
+        telephone1: null,
+        revenue: null,
+        numberofemployees: null,
+        statuscode: null,
+        owneridyominame: null,
+        accountid: null,
+        account:null,
+    };
+
+    /**
+     * 属性值规则
+     *
+     * @type {*}
+     * @memberof Info_DataPanelEditFormBase
+     */
+    public rules: any = {
+    }
+
+    /**
+     * 详情模型集合
+     *
+     * @type {*}
+     * @memberof Info_DataPanelEditFormBase
+     */
+    public detailsModel: any = {
+        button1: new FormButtonModel({ caption: '头部信息编辑', detailType: 'BUTTON', name: 'button1', visible: true, isShowCaption: false, form: this, uiaction: { type: 'DEUIACTION', tag: 'Edit_DataPanel', actiontarget: 'SINGLEKEY' } }),
+
+        group1: new FormGroupPanelModel({ caption: '客户基本信息', detailType: 'GROUPPANEL', name: 'group1', visible: true, isShowCaption: false, form: this, uiActionGroup: { caption: '', langbase: 'entities.account.info_datapanel_form', extractMode: 'ITEM', details: [] } }),
+
+        formpage1: new FormPageModel({ caption: '基本信息', detailType: 'FORMPAGE', name: 'formpage1', visible: true, isShowCaption: true, form: this }),
+
+        srfupdatedate: new FormItemModel({ caption: '更新时间', detailType: 'FORMITEM', name: 'srfupdatedate', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 0 }),
+
+        srforikey: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srforikey', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }),
+
+        srfkey: new FormItemModel({ caption: '客户', detailType: 'FORMITEM', name: 'srfkey', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }),
+
+        srfmajortext: new FormItemModel({ caption: '客户名称', detailType: 'FORMITEM', name: 'srfmajortext', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }),
+
+        srftempmode: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srftempmode', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }),
+
+        srfuf: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfuf', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }),
+
+        srfdeid: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfdeid', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }),
+
+        srfsourcekey: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfsourcekey', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }),
+
+        industrycode: new FormItemModel({ caption: '行业', detailType: 'FORMITEM', name: 'industrycode', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }),
+
+        telephone1: new FormItemModel({ caption: '主要电话', detailType: 'FORMITEM', name: 'telephone1', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }),
+
+        revenue: new FormItemModel({ caption: '年收入', detailType: 'FORMITEM', name: 'revenue', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }),
+
+        numberofemployees: new FormItemModel({ caption: '员工人数', detailType: 'FORMITEM', name: 'numberofemployees', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }),
+
+        statuscode: new FormItemModel({ caption: '状态描述', detailType: 'FORMITEM', name: 'statuscode', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }),
+
+        owneridyominame: new FormItemModel({ caption: '负责人', detailType: 'FORMITEM', name: 'owneridyominame', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }),
+
+        accountid: new FormItemModel({ caption: '客户', detailType: 'FORMITEM', name: 'accountid', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }),
+
+    };
+
+	/**
+	 * 表单 头部信息编辑 事件
+	 *
+	 * @memberof @memberof Info_DataPanelEditFormBase
+	 */
+    public button1_click($event: any): void {
+        this.datapanel_button1_click(null, null, $event);
+
+    }
+}
\ No newline at end of file

app_CRM/src/widgets/account/info-data-panel-form/info-data-panel-form-model.ts

+/**
+ * Info_DataPanel 部件模型
+ *
+ * @export
+ * @class Info_DataPanelModel
+ */
+export default class Info_DataPanelModel {
+
+  /**
+  * 获取数据项集合
+  *
+  * @returns {any[]}
+  * @memberof Info_DataPanelModel
+  */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'srfwfmemo',
+        prop: 'srfwfmemo',
+        dataType: 'TEXT',
+      },
+      // 前端新增修改标识，新增为"0",修改为"1"或未设值
+      {
+        name: 'srffrontuf',
+        prop: 'srffrontuf',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'srfupdatedate',
+        prop: 'updatedate',
+        dataType: 'DATETIME',
+      },
+      {
+        name: 'srforikey',
+      },
+      {
+        name: 'srfkey',
+        prop: 'accountid',
+        dataType: 'GUID',
+      },
+      {
+        name: 'srfmajortext',
+        prop: 'accountname',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'srftempmode',
+      },
+      {
+        name: 'srfuf',
+      },
+      {
+        name: 'srfdeid',
+      },
+      {
+        name: 'srfsourcekey',
+      },
+      {
+        name: 'industrycode',
+        prop: 'industrycode',
+        dataType: 'SSCODELIST',
+      },
+      {
+        name: 'telephone1',
+        prop: 'telephone1',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'revenue',
+        prop: 'revenue',
+        dataType: 'BIGDECIMAL',
+      },
+      {
+        name: 'numberofemployees',
+        prop: 'numberofemployees',
+        dataType: 'INT',
+      },
+      {
+        name: 'statuscode',
+        prop: 'statuscode',
+        dataType: 'NSCODELIST',
+      },
+      {
+        name: 'owneridyominame',
+        prop: 'owneridyominame',
+        dataType: 'TEXT',
+      },
+      {
+        name: 'accountid',
+        prop: 'accountid',
+        dataType: 'GUID',
+      },
+      {
+        name: 'account',
+        prop: 'accountid',
+        dataType: 'FONTKEY',
+      },
+    ]
+  }
+
+}
\ No newline at end of file

app_CRM/src/widgets/account/info-data-panel-form/info-data-panel-form-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import AccountService from '@/service/account/account-service';
+import Info_DataPanelModel from './info-data-panel-form-model';
+
+
+/**
+ * Info_DataPanel 部件服务对象
+ *
+ * @export
+ * @class Info_DataPanelService
+ */
+export default class Info_DataPanelService extends ControlService {
+
+    /**
+     * 客户服务对象
+     *
+     * @type {AccountService}
+     * @memberof Info_DataPanelService
+     */
+    public appEntityService: AccountService = new AccountService({ $store: this.getStore() });
+
+    /**
+     * 设置从数据模式
+     *
+     * @type {boolean}
+     * @memberof Info_DataPanelService
+     */
+    public setTempMode(){
+        this.isTempMode = false;
+    }
+
+    /**
+     * Creates an instance of Info_DataPanelService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof Info_DataPanelService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+        this.model = new Info_DataPanelModel();
+    }
+
+    /**
+     * 处理数据
+     *
+     * @private
+     * @param {Promise<any>} promise
+     * @returns {Promise<any>}
+     * @memberof Info_DataPanelService
+     */
+    private doItems(promise: Promise<any>, deKeyField: string, deName: string): Promise<any> {
+        return new Promise((resolve, reject) => {
+            promise.then((response: any) => {
+                if (response && response.status === 200) {
+                    const data = response.data;
+                    data.forEach((item:any,index:number) =>{
+                        item[deName] = item[deKeyField];
+                        data[index] = item;
+                    });
+                    resolve(data);
+                } else {
+                    reject([])
+                }
+            }).catch((response: any) => {
+                reject([])
+            });
+        });
+    }
+
+    /**
+     * 获取跨实体数据集合
+     *
+     * @param {string} serviceName 服务名称
+     * @param {string} interfaceName 接口名称
+     * @param {*} data
+     * @param {boolean} [isloading]
+     * @returns {Promise<any[]>}
+     * @memberof  Info_DataPanelService
+     */
+    @Errorlog
+    public getItems(serviceName: string, interfaceName: string, context: any = {}, data: any, isloading?: boolean): Promise<any[]> {
+
+        return Promise.reject([])
+    }
+
+    /**
+     * 启动工作流
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @param {*} [localdata]
+     * @returns {Promise<any>}
+     * @memberof Info_DataPanelService
+     */
+    @Errorlog
+    public wfstart(action: string,context: any = {},data: any = {}, isloading?: boolean,localdata?:any): Promise<any> {
+        data = this.handleWFData(data);
+        context = this.handleRequestData(action,context,data).context;
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](context,data, isloading,localdata);
+            } else {
+                result = this.appEntityService.WFStart(context,data, isloading,localdata);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 提交工作流
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @param {*} [localdata]
+     * @returns {Promise<any>}
+     * @memberof Info_DataPanelService
+     */
+    @Errorlog
+    public wfsubmit(action: string,context: any = {}, data: any = {}, isloading?: boolean,localdata?:any): Promise<any> {
+        data = this.handleWFData(data,true);
+        context = this.handleRequestData(action,context,data,true).context;
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](context,data, isloading,localdata);
+            } else {
+                result = this.appEntityService.WFSubmit(context,data, isloading,localdata);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+
+    /**
+     * 添加数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof Info_DataPanelService
+     */
+    @Errorlog
+    public add(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.Create(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 删除数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof Info_DataPanelService
+     */
+    @Errorlog
+    public delete(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.Remove(Context,Data, isloading);
+            }
+            result.then((response) => {
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 修改数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof Info_DataPanelService
+     */
+    @Errorlog
+    public update(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.Update(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 查询数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof Info_DataPanelService
+     */
+    @Errorlog
+    public get(action: string,context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.Get(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 加载草稿
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof Info_DataPanelService
+     */
+    @Errorlog
+    public loadDraft(action: string,context: any = {}, data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        //仿真主键数据
+        const PrimaryKey = Util.createUUID();
+        Data.accountid = PrimaryKey;
+        Data.account = PrimaryKey;
+        return new Promise((resolve: any, reject: any) => {
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                result = this.appEntityService.GetDraft(Context,Data, isloading);
+            }
+            result.then((response) => {
+                response.data.accountid = PrimaryKey;
+                this.handleResponse(action, response, true);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        });
+    }
+
+     /**
+     * 前台逻辑
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof Info_DataPanelService
+     */
+    @Errorlog
+    public frontLogic(action:string,context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data);
+        return new Promise((resolve: any, reject: any)=>{
+            let result: Promise<any>;
+            const _appEntityService: any = this.appEntityService;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            } else {
+                return Promise.reject({ status: 500, data: { title: '失败', message: '系统异常' } });
+            }
+            result.then((response) => {
+                this.handleResponse(action, response,true);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });
+        })
+    }
+
+    /**
+     * 处理请求数据
+     * 
+     * @param action 行为 
+     * @param data 数据
+     * @memberof Info_DataPanelService
+     */
+    public handleRequestData(action: string,context:any, data: any = {},isMerge:boolean = false){
+        let mode: any = this.getMode();
+        if (!mode && mode.getDataItems instanceof Function) {
+            return data;
+        }
+        let formItemItems: any[] = mode.getDataItems();
+        let requestData:any = {};
+        if(isMerge && (data && data.viewparams)){
+            Object.assign(requestData,data.viewparams);
+        }
+        formItemItems.forEach((item:any) =>{
+            if(item && item.dataType && Object.is(item.dataType,'FONTKEY')){
+                if(item && item.prop){
+                    requestData[item.prop] = context[item.name];
+                }
+            }else{
+                if(item && item.prop){
+                    requestData[item.prop] = data[item.name];
+                }
+            }
+        });
+        let tempContext:any = JSON.parse(JSON.stringify(context));
+        if(tempContext && tempContext.srfsessionid){
+            tempContext.srfsessionkey = tempContext.srfsessionid;
+            delete tempContext.srfsessionid;
+        }
+        return {context:tempContext,data:requestData};
+    }
+
+}
\ No newline at end of file

app_CRM/src/widgets/account/info-data-panel-form/info-data-panel-form.html

+<i-form :model="this.data" class='app-form info-form-mode' ref='datapanel'  id='account_info_datapanel' style="">
+    <input style="display:none;" />
+    <row >
+            
+<i-col v-show="detailsModel.group1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+    <app-form-group layoutType="FLEX" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.account.info_datapanel_form.details.group1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" >    
+    <div style="height: 100%;display: flex;">
+        <div  v-show="detailsModel.industrycode.visible" :style="{}">
+<app-form-item name='industrycode' :itemRules="this.rules.industrycode" class='datapanel-style' labelStyle="datapanel-label-style" :caption="$t('entities.account.info_datapanel_form.details.industrycode')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.industrycode.error" :isEmptyCaption="false" labelPos="BOTTOM">
+    
+<app-span name='industrycode' :value="data.industrycode" tag='Account__IndustryCode' codelistType='STATIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style=""></app-span>
+</app-form-item>
+
+</div>
+<div  v-show="detailsModel.telephone1.visible" :style="{}">
+<app-form-item name='telephone1' :itemRules="this.rules.telephone1" class='datapanel-style' labelStyle="datapanel-label-style" :caption="$t('entities.account.info_datapanel_form.details.telephone1')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.telephone1.error" :isEmptyCaption="false" labelPos="BOTTOM">
+    
+<app-span name='telephone1' :value="data.telephone1" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style=""></app-span>
+</app-form-item>
+
+</div>
+<div  v-show="detailsModel.revenue.visible" :style="{}">
+<app-form-item name='revenue' :itemRules="this.rules.revenue" class='datapanel-style' labelStyle="datapanel-label-style" :caption="$t('entities.account.info_datapanel_form.details.revenue')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.revenue.error" :isEmptyCaption="false" labelPos="BOTTOM">
+    
+<app-span name='revenue' :value="data.revenue" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style=""></app-span>
+</app-form-item>
+
+</div>
+<div  v-show="detailsModel.numberofemployees.visible" :style="{}">
+<app-form-item name='numberofemployees' :itemRules="this.rules.numberofemployees" class='datapanel-style' labelStyle="datapanel-label-style" :caption="$t('entities.account.info_datapanel_form.details.numberofemployees')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.numberofemployees.error" :isEmptyCaption="false" labelPos="BOTTOM">
+    
+<app-span name='numberofemployees' :value="data.numberofemployees" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style=""></app-span>
+</app-form-item>
+
+</div>
+<div  v-show="detailsModel.statuscode.visible" :style="{}">
+<app-form-item name='statuscode' :itemRules="this.rules.statuscode" class='datapanel-style' labelStyle="datapanel-label-style" :caption="$t('entities.account.info_datapanel_form.details.statuscode')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.statuscode.error" :isEmptyCaption="false" labelPos="BOTTOM">
+    
+<app-span name='statuscode' :value="data.statuscode" tag='Account__StatusCode' codelistType='STATIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style=""></app-span>
+</app-form-item>
+
+</div>
+<div  v-show="detailsModel.owneridyominame.visible" :style="{}">
+<app-form-item name='owneridyominame' :itemRules="this.rules.owneridyominame" class='datapanel-style' labelStyle="datapanel-label-style" :caption="$t('entities.account.info_datapanel_form.details.owneridyominame')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.owneridyominame.error" :isEmptyCaption="false" labelPos="BOTTOM">
+    
+<app-span name='owneridyominame' :value="data.owneridyominame" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style=""></app-span>
+</app-form-item>
+
+</div>
+<div  v-show="detailsModel.button1.visible" :style="{}">
+    <i-button type="primary" @click="button1_click($event)"
+         style="">
+        <i class="fa fa-angle-down" style="margin-right: 2px;"></i>   
+        
+    </i-button>
+
+</div>
+
+    </div>
+</app-form-group>
+
+</i-col>
+
+
+    </row>
+</i-form>
\ No newline at end of file

app_CRM/src/widgets/account/info-data-panel-form/info-data-panel-form.less

+.datapanel-style {
+    color:rgba(209, 196, 233, 1);font-size:20px;font-weight:bold;margin:0px 10px 0px 0px;text-align:left
+}
+
+.datapanel-label-style {
+    color:rgba(245, 244, 244, 1);font-size:12px;margin:0px 0px 0px 0px
+}
+

app_CRM/src/widgets/account/info-data-panel-form/info-data-panel-form.vue

+<template src="./info-data-panel-form.html"/>
+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import { VueLifeCycleProcessing } from '@/studio-core';
+import { Info_DataPanelEditFormBase } from './info-data-panel-form-base';
+ 
+
+/**
+ * datapanel部件
+ *
+ * @export
+ * @class Info_DataPanelEditForm
+ * @extends {Info_DataPanelEditFormBase}
+ */
+@Component({
+    components: {
+         
+    }
+})
+@VueLifeCycleProcessing()
+export default class Info_DataPanelEditForm extends Info_DataPanelEditFormBase { }
+</script>
+<style lang='less'>
+@import './info-data-panel-form.less';
+</style>