SXS20240115/SRC/iMES_PAD/module/moduleWIP/program/dashboard/dashboard.css

/*workOperator_lot*/

.workOperator_lot {
    height: 100%;
}

    .workOperator_lot .bar-area {
        /*overflow: hidden;*/
        height: calc(100% - 88px);
    }

    .workOperator_lot .right {
        float: right;
    }

    .workOperator_lot .left {
        width: 180px;
        display: inline-block;
    }

    .workOperator_lot .table-content {
        padding: 16px 16px 0;
    }

        .workOperator_lot .table-content label {
            font-size: 14px;
            letter-spacing: 1px;
        }

    .workOperator_lot .talbe-contnet-lower label {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .workOperator_lot .table-time {
        padding-left: 16px;
        width: 180px;
        display: inline-block;
    }

/*workLog*/

.workLog {
    height: 100%;
}

    .workLog .kmi-list__column.column-border label {
        display: inline-block;
        border-radius: 4px;
        font-size: 10px;
        width: 60px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        word-break: keep-all;
        overflow: hidden;
    }

        .workLog .kmi-list__column.column-border label.green {
            background-color: rgb(75, 167, 111);
            color: rgb(255, 255, 255);
        }

        .workLog .kmi-list__column.column-border label.gray {
            background-color: rgb(200, 200, 200);
            color: rgb(255, 255, 255);
        }

        .workLog .kmi-list__column.column-border label.red {
            background-color: red;
            color: rgb(255, 255, 255);
        }

        .workLog .kmi-list__column.column-border label.yellow {
            background-color: yellow;
            color: rgb(0, 0, 0);
        }

    .workLog .lot-selector-area {
        float: right;
        margin-top: 7px;
    }

        .workLog .lot-selector-area .pda-boolean-btn {
            background-color: rgb(71, 111, 183);
        }

            .workLog .lot-selector-area .pda-boolean-btn .test {
                line-height: inherit;
                margin-top: -3px;
                word-break: keep-all;
            }


/*workAccessory*/

.workAccessory {
    padding-bottom: 16px;
    height: 100%;
}

    .workAccessory .accessory {
    }

        .workAccessory .accessory label {
            font-size: 12px;
        }

        .workAccessory .accessory .row {
            height: 24px;
        }

        .workAccessory .accessory .kmi-bar {
            position: relative;
            top: 20px;
        }

    .workAccessory .right {
        float: right;
    }

/*workEquipment*/

.workEquipment .kmi-layout-page {
    position: relative;
    overflow: unset;
}

.workEquipment .table-content {
    line-height: 48px;
    font-size: 12px;
}

    .workEquipment .table-content .state {
        display: flex;
        align-items: center;
        position: absolute;
        right: 0px;
        top: 2px;
    }

        .workEquipment .table-content .state .color-block {
            width: 12px;
            height: 12px;
        }

        .workEquipment .table-content .state .stateName {
            padding-left: 8px;
        }

/*workMaterial*/

.workMaterial {
    height: 100%;
}

    .workMaterial .bar-area {
        /*overflow: hidden;*/
        height: calc(100% - 88px);
    }

    .workMaterial .material {
        padding: 16px 16px 0;
    }

        .workMaterial .material .id {
            float: right;
            color: rgb(0, 0, 0, 0.5);
        }

        .workMaterial .material .count {
            font-size: 14px;
            padding-top: 8px;
        }

        .workMaterial .material label {
            font-size: 14px;
        }

/*workOperator*/

.workOperator {
    height: 100%;
}

    .workOperator .bar-area {
        /*overflow: hidden;*/
        height: calc(100% - 88px);
    }

    .workOperator .operator {
        padding: 16px 16px 0;
    }

        .workOperator .operator .id {
            float: right;
            color: rgb(0, 0, 0, 0.5);
        }

        .workOperator .operator .time {
            font-size: 14px;
            padding-top: 8px;
        }

        .workOperator .operator label {
            font-size: 14px;
        }

/*qualityStatus*/

.qualityStatus {
    height: 100%;
    padding-bottom: 16px;
}

    .qualityStatus .quality label {
        font-size: 12px;
    }

    .qualityStatus .quality .kmi-bar {
        position: relative;
        top: 20px;
    }

    .qualityStatus .quality .row {
        height: 24px;
    }

    .qualityStatus .quality .right {
        float: right;
    }

/*workTime*/

.workTime {
    height: 100%;
    padding-bottom: 16px;
}

    .workTime .time {
    }

        .workTime .time label {
            font-size: 12px;
        }

        .workTime .time .row {
            height: 24px;
        }

        .workTime .time .right {
            float: right;
        }

        .workTime .time .kmi-bar {
            position: relative;
            top: 20px;
        }

/*workRecipe*/

.workRecipe {
    height: 100%;
    padding-bottom: 16px;
}

    .workRecipe .recipe {
    }

        .workRecipe .recipe .kmi-bar {
            position: relative;
            top: 20px;
        }

        .workRecipe .recipe .row {
            height: 24px;
        }

        .workRecipe .recipe .right {
            float: right;
        }

        .workRecipe .recipe label {
            font-size: 12px;
        }

/*共用*/

.table-Background {
    background-color: rgb(104, 134, 189);
    line-height: 40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

    .table-Background .table-header {
        padding: 0 16px 0;
    }

        .table-Background .table-header label {
            font-size: 14px;
            color: rgb(255, 255, 255);
        }

        .table-Background .table-header .right-label {
            float: right;
        }

.right-title {
    margin-left: 16px;
}

.kmi-bar {
    height: 4px;
    margin-bottom: 4px;
}