// 采购列表
.purchase-container {
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-top: 16px;

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

        .purchase-page-table-header {
            padding: 0 24px 0 24px;

            .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%;
                            }
                        }
                    }
                }
            }
        }

        .purchase-page-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;
                }
            }
        }
    }

    .purchase-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-purchase-container {
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-top: 16px;

    .create-purchase-btn-group {
        padding: 10px 24px 4px;

        .s-p-t-g1::after {
            content: "";
            height: 20px;
            width: 1px;
            background: #CBCFD3;
            position: absolute;
            top: 0;
            right: 0%;
            transform: translateY(50%);
        }

        .s-p-t-g1 {
            padding-right: 24px;
            position: relative;

            .el-button:first-child {
                color: #606266;
                margin-right: 8px;
                padding-left: 0;
            }

            .el-button {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 34px;
                line-height: 34px;
                padding: 7px 8px;
                border: none;
                color: #606266;
                font-size: 12px;

                .iconfont-mg {
                    margin-right: 4px;
                }
            }


            .el-button:visited {
                color: #4178D5;
                background-color: #fff;
            }
        }

        .s-p-t-g2::after {
            content: "";
            height: 20px;
            width: 1px;
            background: #CBCFD3;
            position: absolute;
            top: 0;
            right: 0%;
            transform: translateY(50%);
        }

        .s-p-t-g2 {
            padding: 0 24px;
            position: relative;

            .el-button:first-child {
                margin-right: 8px;
            }

            .el-button {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 34px;
                line-height: 34px;
                padding: 7px 8px;
                border: none;
                color: #606266;
                font-size: 12px;
            }


            .el-button:visited {
                background-color: #fff;
            }
        }

        .s-p-t-g3::after {
            content: "";
            height: 20px;
            width: 1px;
            background: #CBCFD3;
            position: absolute;
            top: 0;
            right: 0%;
            transform: translateY(50%);
        }

        .s-p-t-g3 {
            padding: 0 24px;
            position: relative;

            .el-button:first-child {
                margin-right: 8px;
            }

            .el-button {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 34px;
                line-height: 34px;
                padding: 7px 8px;
                border: none;
                color: #606266;
                font-size: 12px;
            }


            .el-button:visited {
                color: #4178D5;
                background-color: #fff;
            }
        }

        .s-p-t-g6::after,
        .s-p-t-g4::after {
            content: "";
            height: 20px;
            width: 1px;
            background: #606266;
            position: absolute;
            top: 0;
            right: 0%;
            transform: translateY(50%);
        }

        .s-p-t-g4 {
            padding: 0 24px;
            position: relative;

            .el-button:first-child {
                margin-right: 8px;
            }

            .el-button {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 34px;
                line-height: 34px;
                padding: 7px 8px;
                border: none;
                color: #606266;
                margin-right: 8px;
                font-size: 12px;
            }

            ::v-deep(.el-button:visited) {
                color: #4178D5;
                background-color: #fff;
            }
        }

        .s-p-t-g5,
        .s-p-t-g6 {
            .el-button {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 34px;
                line-height: 34px;
                padding: 7px 0 7px 24px;
                border: none;
                color: #606266;
                margin-right: 24px;
                font-size: 12px;

                .iconfont-mg {
                    margin-right: 4px;
                }
            }

            ::v-deep(.el-button:visited) {
                color: #4178D5;
                background-color: #fff;
            }
        }
    }

    .create-purchase-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;
                //         padding-left: 0 !important;
                //         padding-right: 32px !important;
                //     }
                // }

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

                .item-date {
                    ::v-deep(.el-input__inner) {
                        width: 173px !important;
                        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: 92px !important;
                }
            }
        }
    }

    .create-purchase-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;
                    cursor: pointer;
                    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;
            }
        }
    }
}

// 组织间列表
.org-needs-container {
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-top: 16px;

    .org-needs-page-body {
        background: #fff;

        .org-needs-page-table-header {
            padding: 0 24px 0 24px;

            .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%;
                            }
                        }
                    }
                }
            }
        }

        .org-needs-page-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;
                }
            }
        }
    }

    .org-needs-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-org-needs-container {
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-top: 16px;

    .create-org-needs-btn-group {
        padding: 10px 24px 4px;

        .s-p-t-g1::after {
            content: "";
            height: 20px;
            width: 1px;
            background: #CBCFD3;
            position: absolute;
            top: 0;
            right: 0%;
            transform: translateY(50%);
        }

        .s-p-t-g1 {
            padding-right: 24px;
            position: relative;

            .el-button:first-child {
                color: #606266;
                margin-right: 8px;
                padding-left: 0;
            }

            .el-button {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 34px;
                line-height: 34px;
                padding: 7px 8px;
                border: none;
                color: #606266;
                font-size: 12px;

                .iconfont-mg {
                    margin-right: 4px;
                }
            }

            .el-button:visited {
                color: #4178D5;
                background-color: #fff;
            }
        }

        .s-p-t-g2::after {
            content: "";
            height: 20px;
            width: 1px;
            background: #CBCFD3;
            position: absolute;
            top: 0;
            right: 0%;
            transform: translateY(50%);
        }

        .s-p-t-g2 {
            padding: 0 24px;
            position: relative;

            .el-button:first-child {
                margin-right: 8px;
            }

            .el-button {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 34px;
                line-height: 34px;
                padding: 7px 8px;
                border: none;
                color: #606266;
                font-size: 12px;
            }


            .el-button:visited {
                background-color: #fff;
            }
        }

        .s-p-t-g3::after {
            content: "";
            height: 20px;
            width: 1px;
            background: #CBCFD3;
            position: absolute;
            top: 0;
            right: 0%;
            transform: translateY(50%);
        }

        .s-p-t-g3 {
            padding: 0 24px;
            position: relative;

            .el-button:first-child {
                margin-right: 8px;
            }

            .el-button {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 34px;
                line-height: 34px;
                padding: 7px 8px;
                border: none;
                color: #606266;
                font-size: 12px;
            }


            .el-button:visited {
                color: #4178D5;
                background-color: #fff;
            }
        }

        .s-p-t-g4::after {
            content: "";
            height: 20px;
            width: 1px;
            background: #606266;
            position: absolute;
            top: 0;
            right: 0%;
            transform: translateY(50%);
        }

        .s-p-t-g4 {
            padding: 0 24px;
            position: relative;

            .el-button:first-child {
                margin-right: 8px;
            }

            .el-button {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 34px;
                line-height: 34px;
                padding: 7px 8px;
                border: none;
                color: #606266;
                margin-right: 8px;
                font-size: 12px;
            }


            ::v-deep(.el-button:visited) {
                color: #4178D5;
                background-color: #fff;
            }
        }

        .s-p-t-g5 {
            .el-button {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 34px;
                line-height: 34px;
                padding: 7px 0 7px 24px;
                border: none;
                color: #606266;
                margin-right: 24px;
                font-size: 12px;

                .iconfont-mg {
                    margin-right: 4px;
                }
            }


            ::v-deep(.el-button:visited) {
                color: #4178D5;
                background-color: #fff;
            }
        }
    }

    .create-org-needs-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;
                //         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;
                        width: 165px !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: 92px !important;
                }
            }
        }
    }
}
::v-deep(.el-form-item__content){
    display: flex;
    justify-content: center;
    align-items: center;
}