feat: adicionar desabilitação de botões durante carregamento em várias páginas

server/api/proxy/[...path].ts

@@ -46,6 +46,8 @@ export default defineEventHandler(async (event) => {
     const contentType = getHeader(event, 'content-type')
     if (contentType) headers['Content-Type'] = contentType
 
+    console.log(`[proxy] ${method} ${url} | X-Municipio: ${headers['X-Municipio']} | X-Dominio: ${headers['X-Dominio']} | auth: ${!!accessToken}`)
+
     try {
         const res = await $fetch.raw(url, {
             method: method as 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE',

src/components/auth/LoginModal.vue

@@ -86,6 +86,7 @@ function onHide() {
                 class="w-full"
                 size="large"
                 :loading="carregando"
+                :disabled="carregando"
                 @click="entrar"
             />
 

src/pages/credenciamento.vue

@@ -371,7 +371,7 @@ const estados = ['AC','AL','AP','AM','BA','CE','DF','ES','GO','MA','MT','MS','MG
                         </p>
                         <div class="flex gap-3 pt-2">
                             <Button label="Voltar" severity="secondary" outlined class="flex-1" @click="voltar" />
-                            <Button label="Enviar solicitação" icon="pi pi-send" class="flex-1" :loading="carregando" @click="solicitar" />
+                            <Button label="Enviar solicitação" icon="pi pi-send" class="flex-1" :loading="carregando" :disabled="carregando" @click="solicitar" />
                         </div>
                     </template>
 

src/pages/index.vue

@@ -267,6 +267,7 @@ async function continuar() {
                                     class="w-full"
                                     size="large"
                                     :loading="carregando"
+                                    :disabled="carregando"
                                     @click="continuar"
                                 />
                             </div>

src/pages/portal/certidoes.vue

@@ -119,7 +119,7 @@ const statusMap = {
                                 size="small"
                                 outlined
                                 :loading="carregandoPdf === cert.id"
-                                :disabled="cert.status === 'CANCELADA'"
+                                :disabled="cert.status === 'CANCELADA' || !!carregandoPdf"
                                 @click="reemitir(cert)"
                             />
                         </div>

src/pages/portal/dados.vue

@@ -172,7 +172,7 @@ function formatarTelefone(e) {
                     </p>
                     <div class="flex gap-3">
                         <Button label="Cancelar" severity="secondary" outlined class="flex-1" @click="cancelarEdicao" />
-                        <Button label="Salvar" icon="pi pi-check" class="flex-1" :loading="salvando" @click="salvarContato" />
+                        <Button label="Salvar" icon="pi pi-check" class="flex-1" :loading="salvando" :disabled="salvando" @click="salvarContato" />
                     </div>
                 </div>
 

src/pages/portal/debitos.vue

@@ -221,6 +221,7 @@ function limparFiltros() {
                                 outlined
                                 class="whitespace-nowrap"
                                 :loading="carregandoGuia === debito.id"
+                                :disabled="!!carregandoGuia"
                                 @click="emitirGuia(debito)"
                             />
                         </div>

src/pages/portal/pagamentos.vue

@@ -136,6 +136,7 @@ const formaPagMap = {
                                 size="small"
                                 text
                                 :loading="carregandoComprovante === pag.id"
+                                :disabled="!!carregandoComprovante"
                                 @click="baixarComprovante(pag)"
                             />
                         </div>

src/pages/servicos/certidao.vue

@@ -201,6 +201,7 @@ function reiniciar() {
                     icon="pi pi-download"
                     class="flex-1"
                     :loading="carregandoEmissao"
+                    :disabled="carregandoEmissao"
                     @click="emitir"
                 />
             </div>

src/pages/servicos/iptu.vue

@@ -213,6 +213,7 @@ function formatarMoeda(valor) {
                             size="small"
                             outlined
                             :loading="carregandoPdf === `carne-${imovelSelecionado.inscricaoImobiliaria}`"
+                            :disabled="!!carregandoPdf"
                             @click="emitirCarne(imovelSelecionado)"
                         />
                     </div>
@@ -239,6 +240,7 @@ function formatarMoeda(valor) {
                                         text
                                         aria-label="Emitir boleto"
                                         :loading="carregandoPdf === `boleto-${debito.id}`"
+                                        :disabled="!!carregandoPdf"
                                         @click="emitirBoleto(debito)"
                                     />
                                 </div>