@include('ppcp._22610.index.tab-registro-producao.registro-producao', ['DESCRICAO' => '', 'HEIGHT' => 'height: calc(100% - 120px);', 'TIPO' => 1])

    <div class="tab-producao-geral">
        <div class="tab-gp" style="overflow: scroll;">
            <div class="table-ec table-scroll" style="width: calc(100% - 10px); display: inline-table;  height: calc(100% + 13px);">
                <table class="table table-striped table-bordered table-hover">
                    <thead>
                        <tr>
                            <th class="">UP - Unidades Produtivas</th>
                            <th class="" style="text-align: end;">Quantidade Produzida</th>
                    </thead>
                    <tbody>
                        <tr style="font-size: 16px;" class="odd" ng-repeat="item in vm.ConsultaTalao.DADOS_PROD_GP | orderBy : 'GP' track by $index " tabindex="0"
                        ng-focus="vm.TALAO_PROD_SELECT.GP = item; vm.TALAO_PROD_SELECT.UP = {}; vm.Eficiencia.filtrarDadosProducao(vm.TALAO_PROD_SELECT.GP, vm.TALAO_PROD_SELECT.UP);"
                        ng-class="{ 'selected' : vm.TALAO_PROD_SELECT.GP.GP_ID == item.GP_ID }">
                            <td class="">@{{item.GP_DESCRICAO}}</td>
                            <td class="" style="text-align: end;">@{{item.QUANTIDADE | number:0}}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="tab-pan-dir">
            <div class="tab-up" style="margin-bottom: 15px; overflow: scroll;">
                <div class="table-ec table-scroll" style="width: 100%; display: inline-table; height: 100%;">
                    <table class="table table-striped table-bordered table-hover">
                        <thead>
                            <tr>
                                <th class="">Roteiros de Produção</th>
                                <th class="" style="text-align: end;">Talões</th>
                                <th class="" style="text-align: end;">Produzido</th>
                        </thead>
                        <tbody>
                            <tr style="font-size: 16px;" class="odd" ng-repeat="item in vm.ConsultaTalao.DADOS_PROD_UP | orderBy : 'UP_DESCRICAO' track by $index" tabindex="0"
                            ng-focus="vm.TALAO_PROD_SELECT.UP = item; vm.Eficiencia.filtrarDadosProducao(vm.TALAO_PROD_SELECT.GP, vm.TALAO_PROD_SELECT.UP);"
                            ng-class="{ 'selected' : vm.TALAO_PROD_SELECT.UP.UP_ID == item.UP_ID }">
                                <td class="">@{{item.UP_DESCRICAO}}</td>
                                <td class="" style="text-align: end;">@{{item.TALOES | number:0}}</td>
                                <td class="" style="text-align: end;">@{{item.QUANTIDADE | number:0}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="tab-modelo" style="overflow: scroll;">
                <div class="table-ec table-scroll" style="width: 100%; display: inline-table; height: calc(100% - 10px); margin-top: 10px;;">
                    <table class="table table-striped table-bordered table-hover">
                        <thead>
                            <tr>                        
                                <th class="">Modelos</th>
                                <th class="" style="text-align: end;">Talões</th>
                                <th class="" style="text-align: end;">Produzido</th>
                        </thead>
                        <tbody>
                            <tr style="font-size: 16px;" class="odd" ng-repeat="item in vm.ConsultaTalao.DADOS_PROD_MD track by $index" tabindex="0"
                            ng-focus="vm.TALAO_PROD_SELECT.MD = item;"
                            ng-class="{ 'selected' : vm.TALAO_PROD_SELECT.MD == item }">                                
                                <td class="">@{{item.MODELO_DESCRICAO}}</td>
                                <td class="" style="text-align: end;">@{{item.TALOES | number:0}}</td>
                                <td class="" style="text-align: end;">@{{item.QUANTIDADE | number:0}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
</fieldset>