triste

<div class="bg-white q-pa-sm q-mt-sm shadow-2" v-for="(item2, index2) in item.faturas" v-bind:key="index2">
  <!--<div v-show="!visualizacaoResumida">
    <fatura-view :fatura-param="item2" :empresa="item"></fatura-view>
  </div>-->
  <div v-show="visualizacaoResumida">
    <q-field label="Valor fatura" >
      <q-input v-model="item2.valor" color="secondary" class="q-pt-sm" prefix="R$" type="number"/>
    </q-field>
    <q-field label="Data do documento" >
      <q-datetime class="data-padding pad-padding" v-model="item2.dataDocumento" type="date"  format="MM/DD/YYYY" color="secondary"/>
    </q-field>
    <q-field label="Data de vencimento" >
      <q-datetime class="data-padding pad-padding" v-model="item2.dataVencimento" type="date"  format="MM/DD/YYYY" color="secondary"/>
    </q-field>
    <q-field label="Local de pagamento" >
      <q-input v-model="item2.localPagamento" color="secondary" class="q-pt-sm"/>
    </q-field>
    <!--<q-field  label="Instruções">
      <q-input
        v-model="item2.instrucoes"
        class="pad-padding"
        type="textarea"
        :max-height="100"
        rows="6"
        color="secondary"
      />
    </q-field>-->
  </div>
  <q-btn class="q-mt-sm" icon="remove" size="sm" color="negative" @click="removerFatura(index, index2)">
    <q-tooltip :delay="500" anchor="center left" self="center right">
      Remover Fatura
    </q-tooltip>
  </q-btn>
</div>