// 销售订单列表
.sale-container {
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-top: 16px;

    .sale-page-body {
        background: #fff;

        .sale-page-table-header {
            padding: 0 16px 0 16px;
            margin: 12px 0 0 0;

            .el-form {
                .form-row1 {
                    font-size: 12px;

                    &:deep(.el-form-item__label) {
                        font-size: 12px;
                    }

                    &:deep(.el-input__inner) {
                        height: 28px;
                    }

                    &:deep(.el-input__suffix) {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                    &:deep(.el-form-item) {
                        margin-bottom: 0;
                    }

                    .form-row-lastcol {
                        display: flex;
                        justify-content: right;
                        align-items: center;
                    }

                    &:deep(input::-webkit-input-placeholder) {
                        color: #c0c4cc;
                        font-size: 12px;
                    }

                    ::v-deep(input::-moz-input-placeholder) {
                        color: #c0c4cc;
                        font-size: 12px;
                    }

                    ::v-deep(input::-ms-input-placeholder) {
                        color: #c0c4cc;
                        font-size: 12px;
                    }

                    ::v-deep(.el-input__inner) {
                        font-size: 12px;
                    }

                    .form-group1 {
                        display: flex;
                        flex-direction: row;

                        ::v-deep(.el-form-item__content) {
                            display: flex;
                            justify-content: right;
                            height: 28px;
                            align-items: center;

                            .alias-open {
                                background-color: #F2F5F9;
                                padding: 0 12px;
                                border: 1px solid #E4E7ED;
                                margin-right: 16px;
                                height: 28px;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }
                        }
                    }
                }

                .form-row2 {
                    font-size: 12px;

                    ::v-deep(.el-form-item__label) {
                        font-size: 12px;
                    }

                    ::v-deep(.el-input__inner) {
                        height: 28px;
                    }

                    ::v-deep(.el-input__suffix) {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                    ::v-deep(.el-range-separator) {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                    ::v-deep(.el-form-item__content) {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                    ::v-deep(.el-form-item) {
                        margin-bottom: 0;
                    }

                    ::v-deep(input::-webkit-input-placeholder) {
                        color: #c0c4cc;
                        font-size: 12px;
                    }

                    ::v-deep(input::-moz-input-placeholder) {
                        color: #c0c4cc;
                        font-size: 12px;
                    }

                    ::v-deep(input::-ms-input-placeholder) {
                        color: #c0c4cc;
                        font-size: 12px;
                    }

                    ::v-deep(.el-input__inner) {
                        font-size: 12px;
                    }

                    ::v-deep(.el-range-input) {
                        font-size: 12px;
                    }

                    .form-row2-row2 {
                        ::v-deep(.el-form-item__content) {
                            display: flex;

                            .el-select {
                                margin-right: 7px !important;
                                width: 100%;
                            }
                        }

                        .input-number-box {
                            display: flex;
                            justify-content: center;
                            align-items: center;

                            span {
                                margin: 0 4px;
                            }
                        }
                    }
                }
            }
        }

        .sale-page-table-body {
            padding: 0 16px;
            margin-top: 12px;

            .table-box {
                th {
                    padding: 0 !important;
                    height: 48px;
                    line-height: 48px;
                }

                td {
                    padding: 0 !important;
                    height: 48px;
                    line-height: 48px;
                }
            }
        }
    }

    .sale-page-footer {
        padding: 10px 24px;
        display: flex;
        flex-direction: row;
        font-size: 12px;

        .footer-left {
            display: flex;
            justify-content: center;
            align-items: center;

            div {
                margin-right: 24px;

                span:first-child {
                    margin-right: 4px;
                }

                .sale-number-color {
                    color: #4178D5;
                }
            }
        }

        .footer-right {
            display: flex;
            flex: 1;
            justify-content: right;
            align-items: center;

            ::v-deep(.el-pagination) {
                --el-pagination-font-size: 12px !important;

                .btn-prev {
                    span {
                        font-size: 12px;
                    }
                }

                .btn-next {
                    span {
                        font-size: 12px;
                    }
                }
            }

            .total-select-item {
                margin-right: 10px;
                color: var(--el-text-color-regular);
                font-weight: 400;
                font-size: 12px;
            }
        }

        .footer-pagination-total-page {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 34px;
            line-height: 34px;
            padding-bottom: 2px;
            margin-left: 24px;

            span {
                font-size: 12px;
                display: flex;
                justify-content: center;
                align-items: center;
                box-sizing: border-box;
                height: 28px;
                line-height: 28px;
                color: #606266;
            }
        }
    }
}

// 创建订单
.order-create-container {
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-top: 16px;

    .order-create-base-info {
        padding: 0 24px 0 24px;
        font-size: 12px;

        .base-info-row-title {
            display: flex;
            flex-direction: row;
            margin-bottom: 6px;

            h3 {
                padding: 0 8px;
                font-size: 14px;
                position: relative;
                text-align: center;
                margin: 8px 0;
            }

            h3:before {
                content: '';
                width: 4px;
                height: 12px;
                background-color: #4178D5;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
            }

            .long-line-bx {
                display: flex;
                justify-content: center;
                align-items: center;
                height: inherit;
                flex-grow: 1;

                .long-line {
                    width: 100%;
                    height: 1px;
                    background-color: #EDEFF5;
                }
            }
        }

        .base-info-form-box {
            .div-col {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;

                // .order-number-bx {
                //     ::v-deep(.el-input__inner) {
                //         border: none;
                //     }
                // }

                .item-bt-s {
                    margin-bottom: 8px;
                }

                .item-date {
                    ::v-deep(.el-input__inner) {
                        width: 173px;
                        padding-left: 30px !important;
                        padding-right: 8px;
                    }
                }

                .custom-address-row {
                    width: 100% !important;
                    margin: 0;

                    .custom-address-col {
                        padding: 0 !important;
                    }
                }
            }

            .col-2 {
                ::v-deep(.el-form-item__label) {
                    width: 108px !important;
                }
            }
        }
    }

    .order-create-tell-info {
        padding: 0 24px 0 24px;
        font-size: 12px;

        .tell-info-row-title {
            display: flex;
            flex-direction: row;

            h3 {
                padding: 0 8px;
                font-size: 14px;
                position: relative;
                text-align: center;
                margin: 8px 0;
            }

            h3:before {
                content: '';
                width: 4px;
                height: 12px;
                background-color: #4178D5;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
            }

            .long-line-bx {
                display: flex;
                justify-content: center;
                align-items: center;
                height: inherit;
                flex-grow: 1;

                .long-line {
                    width: 100%;
                    height: 1px;
                    background-color: #EDEFF5;
                }
            }
        }

        .tell-info-button-group {
            display: flex;
            flex-direction: row;
            box-sizing: border-box;
            padding-left: 8px;

            .tell-info-add-row {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .tell-info-copy-row {
                span {
                    font-size: 12px;
                    margin-left: 19px;
                    color: var(--el-text-color-regular);
                }
            }

            .tell-info-delete-row {
                span {
                    cursor: pointer;
                    font-size: 12px;
                    margin-left: 17px;
                    color: var(--el-text-color-regular);
                }
            }

            .tell-info-operation {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: 16px;
            }

            .tell-info-query {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: 16px;
            }
        }

        .tell-info-table {
            margin-top: 13px;
            position: relative;

            .tooltips-position {
                position: absolute;
                top: 0;
                z-index: -1;
            }

            // ::v-deep(.el-input__inner) {
            //     padding: 0 0 0 0 !important;
            // }
        }
    }
}

// 订单详情
.sale-details-container {
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-top: 16px;

    .sale-details-base-info {
        padding: 0 24px 0 24px;
        font-size: 12px;

        .base-info-row-title {
            display: flex;
            flex-direction: row;
            margin-bottom: 6px;

            h3 {
                padding: 0 12px;
                font-size: 14px;
                position: relative;
                text-align: center;
                margin: 8px 0;
            }

            h3:before {
                content: '';
                width: 4px;
                height: 12px;
                background-color: #4178D5;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
            }

            .long-line-bx {
                display: flex;
                justify-content: center;
                align-items: center;
                height: inherit;
                flex-grow: 1;

                .long-line {
                    width: 100%;
                    height: 1px;
                    background-color: #EDEFF5;
                }
            }
        }

        .base-info-form-box {
            height: 185px;

            .div-col {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;

                // .order-number-bx {
                //     ::v-deep(.el-input__inner) {
                //         border: none;
                //         padding-left: 0 !important;
                //         padding-right: 32px !important;
                //     }
                // }

                .item-bt-s {
                    margin-bottom: 8px;
                }

                .item-date {
                    ::v-deep(.el-input__inner) {
                        padding-left: 30px !important;
                        padding-right: 2px;
                    }
                }

                .custom-address-row {
                    width: 100% !important;
                    margin: 0;

                    .custom-address-col {
                        padding: 0 !important;
                    }
                }
            }

            .col-2 {
                ::v-deep(.el-form-item__label) {
                    width: 83px !important;
                }
            }
        }
    }

    .sale-details-tell-info {
        padding: 0 24px 0 24px;
        font-size: 12px;

        .tell-info-row-title {
            display: flex;
            flex-direction: row;

            h3 {
                padding: 0 8px;
                font-size: 14px;
                position: relative;
                text-align: center;
                margin: 8px 0;
            }

            h3:before {
                content: '';
                width: 4px;
                height: 12px;
                background-color: #4178D5;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
            }

            .long-line-bx {
                display: flex;
                justify-content: center;
                align-items: center;
                height: inherit;
                flex-grow: 1;

                .long-line {
                    width: 100%;
                    height: 1px;
                    background-color: #EDEFF5;
                }
            }
        }

        .tell-info-button-group {
            display: flex;
            flex-direction: row;
            box-sizing: border-box;
            padding-left: 8px;

            .tell-info-add-row {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .tell-info-copy-row {
                span {
                    font-size: 12px;
                    margin-left: 19px;
                    color: var(--el-text-color-regular);
                }
            }

            .tell-info-delete-row {
                span {
                    font-size: 12px;
                    margin-left: 17px;
                    color: var(--el-text-color-regular);
                }
            }

            .tell-info-operation {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: 16px;
            }

            .tell-info-query {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: 16px;
            }
        }

        .tell-info-table {
            margin-top: 13px;
            position: relative;

            .tooltips-position {
                position: absolute;
                top: 0;
                z-index: -1;
            }
        }
    }
}

// 退货单列表
.return-order-container {
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-top: 16px;

    .return-order-page-body {
        background: #fff;

        .return-order-table-header {
            padding: 0 24px 0 24px;

            .el-form {
                .form-row1 {
                    font-size: 12px;

                    ::v-deep(.el-form-item__label) {
                        font-size: 12px;
                    }

                    ::v-deep(.el-input__inner) {
                        height: 28px;
                    }

                    ::v-deep(.el-input__suffix) {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                    ::v-deep(.el-form-item) {
                        margin-bottom: 0;
                    }

                    .form-row-lastcol {
                        display: flex;
                        justify-content: right;
                        align-items: center;
                    }

                    ::v-deep(input::-webkit-input-placeholder) {
                        color: #c0c4cc;
                        font-size: 12px;
                    }

                    ::v-deep(input::-moz-input-placeholder) {
                        color: #c0c4cc;
                        font-size: 12px;
                    }

                    ::v-deep(input::-ms-input-placeholder) {
                        color: #c0c4cc;
                        font-size: 12px;
                    }

                    ::v-deep(.el-input__inner) {
                        font-size: 12px;
                    }

                    .form-group1 {
                        display: flex;
                        flex-direction: row;

                        ::v-deep(.el-form-item__content) {
                            display: flex;
                            justify-content: right;
                            height: 28px;
                            align-items: center;

                            .alias-open {
                                background-color: #F2F5F9;
                                padding: 0 12px;
                                border: 1px solid #E4E7ED;
                                margin-right: 16px;
                                height: 28px;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }
                        }
                    }
                }

                .form-row2 {
                    font-size: 12px;

                    ::v-deep(.el-form-item__label) {
                        font-size: 12px;
                    }

                    ::v-deep(.el-input__inner) {
                        height: 28px;
                    }

                    ::v-deep(.el-input__suffix) {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                    ::v-deep(.el-range-separator) {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                    ::v-deep(.el-form-item__content) {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                    ::v-deep(.el-form-item) {
                        margin-bottom: 0;
                    }

                    ::v-deep(input::-webkit-input-placeholder) {
                        color: #c0c4cc;
                        font-size: 12px;
                    }

                    ::v-deep(input::-moz-input-placeholder) {
                        color: #c0c4cc;
                        font-size: 12px;
                    }

                    ::v-deep(input::-ms-input-placeholder) {
                        color: #c0c4cc;
                        font-size: 12px;
                    }

                    ::v-deep(.el-input__inner) {
                        font-size: 12px;
                    }

                    ::v-deep(.el-range-input) {
                        font-size: 12px;
                    }

                    .form-row2-row2 {
                        ::v-deep(.el-form-item__content) {
                            display: flex;

                            .el-select {
                                margin-right: 7px !important;
                                width: 100%;
                            }
                        }
                    }
                }
            }
        }

        .return-order-table-body {
            padding: 0 24px;
            margin-top: 10px;

            .table-box {
                th {
                    padding: 0 !important;
                    height: 48px;
                    line-height: 48px;
                }

                td {
                    padding: 0 !important;
                    height: 48px;
                    line-height: 48px;
                }
            }
        }
    }

    .return-order-page-footer {
        padding: 10px 24px;
        display: flex;
        flex-direction: row;
        font-size: 12px;

        .footer-left {
            display: flex;
            justify-content: center;
            align-items: center;

            div {
                margin-right: 24px;

                span:first-child {
                    margin-right: 4px;
                }

                .sale-number-color {
                    color: #4178D5;
                }
            }
        }

        .footer-right {
            display: flex;
            flex: 1;
            justify-content: right;
            align-items: center;

            ::v-deep(.el-pagination) {
                --el-pagination-font-size: 12px !important;

                .btn-prev {
                    span {
                        font-size: 12px;
                    }
                }

                .btn-next {
                    span {
                        font-size: 12px;
                    }
                }
            }

            .total-select-item {
                margin-right: 10px;
                color: var(--el-text-color-regular);
                font-weight: 400;
                font-size: 12px;
            }
        }

        .footer-pagination-total-page {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 34px;
            line-height: 34px;
            padding-bottom: 2px;
            margin-left: 24px;

            span {
                font-size: 12px;
                display: flex;
                justify-content: center;
                align-items: center;
                box-sizing: border-box;
                height: 28px;
                line-height: 28px;
                color: #606266;
            }
        }
    }
}

// 新增退货单
.create-return-container {
    display: flex;
    flex-direction: column;
    background: #fff;
    background-color: #fff;
    margin-top: 16px;

    .create-return-base-info {
        padding: 0 24px 0 24px;
        font-size: 12px;

        .base-info-row-title {
            display: flex;
            flex-direction: row;
            margin-bottom: 6px;

            h3 {
                padding: 0 8px;
                font-size: 14px;
                position: relative;
                text-align: center;
                margin: 8px 0;
            }

            h3:before {
                content: '';
                width: 4px;
                height: 100%;
                background-color: #4178D5;
                position: absolute;
                top: 0;
                left: 0;
            }

            .long-line-bx {
                display: flex;
                justify-content: center;
                align-items: center;
                height: inherit;
                flex-grow: 1;

                .long-line {
                    width: 100%;
                    height: 1px;
                    background-color: #EDEFF5;
                }
            }
        }

        .base-info-form-box {
            .div-col {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;

                // .order-number-bx {
                //     ::v-deep(.el-input__inner) {
                //         border: none;
                //         padding-left: 0 !important;
                //         padding-right: 32px !important;
                //     }
                // }

                .item-bt-s {
                    margin-bottom: 8px;
                }

                .item-date {
                    ::v-deep(.el-input__inner) {
                        padding-left: 30px !important;
                        padding-right: 2px;
                    }
                }

                .custom-address-row {
                    width: 100% !important;
                    margin: 0;

                    .custom-address-col {
                        padding: 0 !important;
                    }
                }
            }

            .col-2 {
                ::v-deep(.el-form-item__label) {
                    width: 80px !important;
                }
            }
        }
    }

    .create-return-tell-info {
        padding: 0 24px 0 24px;
        font-size: 12px;

        .tell-info-row-title {
            display: flex;
            flex-direction: row;

            h3 {
                padding: 0 8px;
                font-size: 14px;
                position: relative;
                text-align: center;
                margin: 8px 0;
            }

            h3:before {
                content: '';
                width: 4px;
                height: 100%;
                background-color: #4178D5;
                position: absolute;
                top: 0;
                left: 0;
            }

            .long-line-bx {
                display: flex;
                justify-content: center;
                align-items: center;
                height: inherit;
                flex-grow: 1;

                .long-line {
                    width: 100%;
                    height: 1px;
                    background-color: #EDEFF5;
                }
            }
        }

        .tell-info-button-group {
            display: flex;
            flex-direction: row;
            box-sizing: border-box;
            padding-left: 8px;

            .tell-info-add-row {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .tell-info-copy-row {
                span {
                    font-size: 12px;
                    margin-left: 19px;
                    color: var(--el-text-color-regular);
                }
            }

            .tell-info-delete-row {
                span {
                    font-size: 12px;
                    margin-left: 17px;
                    color: var(--el-text-color-regular);
                }
            }

            .tell-info-operation {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: 16px;
            }

            .tell-info-query {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: 16px;
            }
        }

        .tell-info-table {
            margin-top: 13px;
            position: relative;

            .tooltips-position {
                position: absolute;
                top: 0;
                z-index: -1;
            }
        }
    }
}

// 退货单详情
.return-details-container {
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-top: 16px;

    .return-details-base-info {
        padding: 0 24px 0 24px;
        font-size: 12px;

        .base-info-row-title {
            display: flex;
            flex-direction: row;
            margin-bottom: 6px;

            h3 {
                padding: 0 12px;
                font-size: 14px;
                position: relative;
                text-align: center;
                margin: 8px 0;
            }

            h3:before {
                content: '';
                width: 4px;
                height: 100%;
                background-color: #4178D5;
                position: absolute;
                top: 0;
                left: 0;
            }

            .long-line-bx {
                display: flex;
                justify-content: center;
                align-items: center;
                height: inherit;
                flex-grow: 1;

                .long-line {
                    width: 100%;
                    height: 1px;
                    background-color: #EDEFF5;
                }
            }
        }

        .base-info-form-box {
            height: 148px;

            .div-col {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;

                // .order-number-bx {
                //     ::v-deep(.el-input__inner) {
                //         border: none;
                //         padding-left: 0 !important;
                //         padding-right: 32px !important;
                //     }
                // }

                .item-bt-s {
                    margin-bottom: 8px;
                }

                .item-date {
                    ::v-deep(.el-input__inner) {
                        padding-left: 30px !important;
                        padding-right: 2px;
                    }
                }

                .custom-address-row {
                    width: 100% !important;
                    margin: 0;

                    .custom-address-col {
                        padding: 0 !important;
                    }
                }
            }

            .col-2 {
                ::v-deep(.el-form-item__label) {
                    width: 83px !important;
                }
            }
        }
    }

    .return-details-tell-info {
        padding: 0 24px 0 24px;
        font-size: 12px;

        .tell-info-row-title {
            display: flex;
            flex-direction: row;

            h3 {
                padding: 0 8px;
                font-size: 14px;
                position: relative;
                text-align: center;
                margin: 8px 0;
            }

            h3:before {
                content: '';
                width: 4px;
                height: 100%;
                background-color: #4178D5;
                position: absolute;
                top: 0;
                left: 0;
            }

            .long-line-bx {
                display: flex;
                justify-content: center;
                align-items: center;
                height: inherit;
                flex-grow: 1;

                .long-line {
                    width: 100%;
                    height: 1px;
                    background-color: #EDEFF5;
                }
            }
        }

        .tell-info-button-group {
            display: flex;
            flex-direction: row;
            box-sizing: border-box;
            padding-left: 8px;

            .tell-info-add-row {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .tell-info-copy-row {
                span {
                    font-size: 12px;
                    margin-left: 19px;
                    color: var(--el-text-color-regular);
                }
            }

            .tell-info-delete-row {
                span {
                    font-size: 12px;
                    margin-left: 17px;
                    color: var(--el-text-color-regular);
                }
            }

            .tell-info-operation {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: 16px;
            }

            .tell-info-query {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: 16px;
            }
        }

        .tell-info-table {
            margin-top: 13px;
            position: relative;

            .tooltips-position {
                position: absolute;
                top: 0;
                z-index: -1;
            }
        }
    }
}

::v-deep(.el-input__inner) {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

el-input {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

el-select {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

::v-deep(.el-form-item__content){
    display: flex;
    justify-content: center;
    align-items: center;
}