import { AppStyle2DefaultLayout } from '../app-style2-default-layout/app-style2-default-layout';
import { Component } from 'vue-property-decorator';
import './app-style2-wfsteptraceview-layout.less';
import { Util } from '@ibizstudio/runtime';


@Component({})
export class AppStyle2WfStepTraceViewLayout extends AppStyle2DefaultLayout {

    /**
     * 绘制布局
     * 
     * @memberof AppStyle2WfStepTraceViewLayout
     */
    render(h: any) {
        let viewClass = {
            'view-container': true,
            'view-default': true,
            [this.viewInstance.viewType.toLowerCase()]: true,
            [Util.srfFilePath2(this.viewInstance.codeName)]: true,
            [this.viewInstance.getPSSysCss()?.cssName || '']: true,
        };

        return (
            <div class={viewClass}>
                <app-studioaction
                    viewInstance={this.viewInstance}
                    context={this.context}
                    viewparams={this.viewparams}
                    viewName={this.viewInstance.codeName.toLowerCase()}
                    viewTitle={this.model?.srfCaption} />
                 {this.$slots.default}
            </div>
        );
    }

}