templates/visao/avaliado/componentes/evs-avaliado.html.twig line 1

Open in your IDE?
  1. <div class="box color py-3 px-4">
  2.     <div class="row">
  3.         <div class="col-12 col-lg-5 border-bottom border-lg-bottom-0 border-lg-right pb-4 pb-lg-2">
  4.             <div class="medico middle mb-lg-n3">                
  5.                 <img src="{{asset('images/medico-prancheta.svg')}}"/>
  6.             </div>
  7.             <div class="row">
  8.                 <div class="col">
  9.                     <h3 class="text-24 medium mb-3">Bem vindo, <b>{{ avaliado['id_avaliado'] }} - {{ avaliado['nome_avaliado'] }}</b></h3>
  10.                     <p class="line-height">Você está no programa <b>{{ programa }}</b>, na modelagem <b>{{ modelagem }}</b>.</p>
  11.                 </div>
  12.                 <div class="col col-3">
  13.                 </div>
  14.             </div>
  15.         </div>
  16.         <div class="col-12 col-lg-7 pt-4 pt-lg-0">    
  17.             <div class="row align-items-center">
  18.                 <div class="col-12 col-sm">
  19.                     <div class="row">
  20.                         <div class="col col-auto pl-xxl-4 pb-2">
  21.                             <div class="square bg-white">
  22.                                 <i class="fal fa-fw fa-user-md"></i>
  23.                             </div>
  24.                         </div>
  25.                         <div class="col">
  26.                             <h4 class="text-18 mb-1">Escore de valor em Saúde</h4>
  27.                             <h3 class="text-24 bold mb-2">EVS</h3>
  28.                             <p class="line-height text-14">Representa um escore de 0 a 5 obtido durante o processo de avaliação no período.</p>
  29.                             <a href="#" class="button sm transparent mr-2 mt-2 abre-modal" data-modal="modal-detalhe-evs" data-size="lg">Saiba mais</a>
  30.                             <div id="modal-detalhe-evs" class="hide">
  31.                                 <div class="modal-title">
  32.                                     <div class="row">
  33.                                         <div class="col">
  34.                                             <h3 class="text-30 text-darker medium">EVS - Escore de Valor em Saúde</h3>
  35.                                         </div>
  36.                                         <div class="col col-auto">
  37.                                             <a href="#" class="button transparent sm mr-2 tooltip" title="Maximizar" rel="modal:fullscreen"><i class="fa fa-expand-wide"></i></a>
  38.                                             <a href="#" class="button sm tooltip" title="Fechar" rel="modal:close"><i class="fa fa-times"></i></a>
  39.                                         </div>
  40.                                     </div>                                    
  41.                                 </div>
  42.                                 <div class="text-format">
  43.                                     <p>O Escore de Valor em Saúde (<b>EVS</b>) é obtido a partir de um conjunto de indicadores relacionado a Estrutura, Eficiência, Efetividade, Experiência do Paciente e Custeio. O Índice de Custeio (<b>IC</b>) deve trazer informações financeiras da assistência à saúde como critério e representa {{ retorno.dados.peso_custo | is_float }}% e o Índice Qualidade (<b>IQ</b>) representa {{ retorno.dados.peso_qualidade | is_float }}%.</p>
  44.                                 </div>
  45.                                 <div class="row">
  46.                                     <div class="col-12 col-lg-6 pb-3">
  47.                                         <div class="box p-4">
  48.                                             <div class="row">
  49.                                                 <div class="col col-auto pb-2 pr-2">
  50.                                                     <div class="square bg-blue-light">
  51.                                                         <i class="fal fa-fw fa-file-certificate text-blue"></i>
  52.                                                     </div>
  53.                                                 </div>
  54.                                                 <div class="col">
  55.                                                     <div class="row">
  56.                                                         <div class="col-12 col-sm pb-3 pb-sm-0">
  57.                                                             <h3 class="text-24 medium text-darker">Índice de Qualidade</h3>
  58.                                                         </div>
  59.                                                         <div class="col-12 col-sm-auto">
  60.                                                             <p><span class="text-40 bold">{{ retorno.dados.performance_qualidade | is_float }}</span>%</p>
  61.                                                             <p class="pt-3 text-14">Representa {{ retorno.dados.peso_qualidade | is_float }}% do EVS</p>
  62.                                                         </div>
  63.                                                     </div>
  64.                                                 </div>
  65.                                             </div>
  66.                                         </div>
  67.                                     </div>
  68.                                     <div class="col-12 col-lg-6 pb-3">
  69.                                         <div class="box p-4">
  70.                                             <div class="row">
  71.                                                 <div class="col col-auto pb-2 pr-2">
  72.                                                     <div class="square bg-yellow-light">
  73.                                                         <i class="fal fa-fw fa-badge-dollar text-yellow"></i>
  74.                                                     </div>
  75.                                                 </div>
  76.                                                 <div class="col">
  77.                                                     <div class="row">
  78.                                                         <div class="col-12 col-sm pb-3 pb-sm-0">
  79.                                                             <h3 class="text-24 medium text-darker">Índice de Custeio</h3>
  80.                                                         </div>
  81.                                                         <div class="col-12 col-sm-auto">
  82.                                                             <p><span class="medium text-18"></span> <span class="text-40 bold">{{ retorno.dados.performance_custo | is_float }}</span>%</p>
  83.                                                             <p class="pt-3 text-14">Representa {{ retorno.dados.peso_custo | is_float }}% do EVS</p>
  84.                                                         </div>
  85.                                                     </div>
  86.                                                 </div>
  87.                                             </div>
  88.                                         </div>
  89.                             
  90.                                     </div>
  91.                                 </div>
  92.                                     <div class="text-format">
  93.                                     <p>A fórmula para chegar no EVS é:</p>
  94.                                     <p class="text-center text-24 bold">EVS = (IQ <i class="fa fa-times text-gray text-14"></i> {{ (retorno.dados.peso_qualidade / 100) | is_float }} <i class="fa fa-plus text-gray text-14"></i> IC <i class="fa fa-times text-gray text-14"></i> {{ (retorno.dados.peso_custo / 100) | is_float }}) <i class="fa fa-times text-gray text-14  "></i> 0,05</p>
  95.                                 </div>
  96.                                 <div class="notification bg-light">
  97.                                     <p class="pb-2"><b>IQ</b> = Indicador composto único de 0 a 100 considerando as dimensões da Qualidade.</p>
  98.                                     <p><b>IC</b> = Indicador de 0 a 100 considerando a perspectiva da análise.</p>
  99.                                 </div>
  100.                             </div>
  101.                         </div>
  102.                     </div>
  103.                 </div>
  104.                 <div class="col-12 col-sm-auto pt-3 pt-sm-0">
  105.                     <h3 class="text-18 mb-1 text-center">EVS</h3>
  106.                     <b class="text-60 d-block pb-3 text-center tooltip" title='EVS = (IQ * {{ (retorno.dados.peso_qualidade / 100) | is_float }} + IC * {{ (retorno.dados.peso_custo / 100) | is_float }}) * 0,05'>{{retorno.dados.valor | is_float}}</b>    
  107.                     <div class="stars">
  108.                         <div class="progress" style="width: {{retorno.estrelas}}%"></div>
  109.                         <div class="base"></div>
  110.                     </div>                            
  111.                 </div>
  112.             </div>                                
  113.         </div>
  114.     </div>
  115. </div>