// 视图布局特异性样式

// 编辑视图特异性样式
// 表单第一层布局全是由表单分组构成的特殊样式（不显示表单分页）
.deeditview {
    &.view-container--route-no-tab {
        >.view-content >.view-content__body {
            padding: 0;
        }
        .app-control-form__content {
            padding: 0;
            display: flex;
            >.app-row {
                flex-grow: 1;
                >.app-col {
                    >.app-control-form__group {
                        background-color: @container-background;
                        padding-top: 16px;
                        >.ant-card-head,
                        >.ant-card-body {
                            background-color: @layout-body-background;
                        }
                    }
                    &:first-child {
                        >.app-control-form__group {
                            padding-top: 0;
                        }
                    }
                }
            }
            >.app-control-form__page {
                padding: 8px;
            }
        }
    }
}

// 编辑视图2特异性样式
.deeditview2 {
    >.view-content >.view-content__body {
        display: flex;
        .app-control-drbar {
            order: 0;
        }
        >.app-control-form,
        >.view-container2 {
            order: 1;
        }
    }
}

// 编辑视图3特异性样式
.deeditview3 {
    .view-content__body {
        display: flex;
        flex-direction: column;
        > .view-container2,
        .app-control-form {
            order: 2;
            height: calc(100% - 40px);
        }
        > .app-control-drtab {
            order: 1;
            flex: none;
        }
    }
}

// 编辑视图4特异性样式
.deeditview4 {
    .view-content__body {
        display: flex;
        flex-direction: column;
        >.app-control-drtab {
            order: 2;
            flex: none;
        }
        >.app-control-form {
            order: 1;
            height: 0;
            flex: auto;
            >.app-control-form__content {
                flex-shrink: 0;
            }
        }
        >.view-container2 {
            order: 3;
            height: 0;
            flex: auto;
        }
    }
}

// 应用工作流重定向视图
.appwfredirectview {
    .app-wf-redirect-view-content {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}

// 实体重定向视图
.deredirectview {
    .app-de-redirect-view-content {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}

// 工作流编辑视图，工作流编辑视图3特异性样式
.dewfdynaeditview,
.dewfdynaeditview3 {
    >.view-header {
        .view-header__toolbar {
            display: flex;
        }
        .app-button {
            margin: 4px;
            &:last-child {
                margin: 0px;
            }
        }
    }
}

// 应用登录视图
.apploginview {
    &.view-container--route-no-tab {
        padding-top: 0;
        >.view-content {
            padding: 0;
            >.view-content__body {
                padding: 0;
            }
        }
    }
}

//  多项数据选择视图穿梭框
.view-content__body__transfer {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: normal;
    align-items: normal;
}

//  多项数据选择视图穿梭框左侧
.view-content__body__transfer__left {
    width: calc(100% - 364px);
}
//  多项数据选择视图穿梭框右侧
.view-content__body__transfer__right {
    width: 300px;
}
.view-content__body__transfer__left,
.view-content__body__transfer__right {
    background-color: @layout-body-background;
    border: 1px solid @border-color-base;
}

//  多项数据选择视图穿梭框中心（按钮）
.view-content__body__transfer__center {
    width: 64px;
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .app-button {
        margin: 8px 0;
        width: 36px;
        padding: 0;
    }
}

//  多项数据选择视图穿梭框右侧选择
.view-content__body__transfer__right__select {
    height: 100%;
    overflow: auto;
    .picker-item {
        height: 32px;
        line-height: 32px;
        margin: 8px;
        padding-left: 8px;
        cursor: pointer;
        border: 1px solid @border-color-base;
        .hover-active;
    }
}

//  选择视图（分页关系）分页
.view-content__body__pickupview3tabs {
    height: 100%;
}

//  多项选择视图（左右关系）穿梭框
.view-content__body__transfer__left__treeexpbar,
.view-content__body__transfer__left__pickupviewpanel {
    height: 100%;
}
// 应用看板视图/实体看板视图
.appportalview,.deportalview {
    >.view-content {
        >.view-content__body {
            padding: 0;
            background-color: @container-background;
        }
        .app-control-dashboard {
            background-color: @container-background;
            .app-control-dashboard__root {
                padding: 0;
            }
        }
    }
}