<lista-view v-for="(movimento, index) in movimentacao" :key="index" :cor-borda-start="corBordaStart(movimento)">
                <template #id-codigo>
                  <h4 class="mb-0">{{ movimento.IdMovimento }}</h4>
                </template>

                <template v-if="movimento.Data" #divisor>
                  <hr class="hr-line-light-2 mb-1">
                </template>

                <template v-if="movimento.Data" #datas>
                  <i class="mdi mdi-calendar mb-2"></i>
                  <small class="fw-bold mb-2" title="Cadastro">{{ movimento.Data | dataBR }}</small>
                </template>

                <template #descricoes>
                  <div v-if="movimento.Movimento == 'Ajuste' || movimento.Movimento == 'Transferência'" class="mt-1 mb-0">
                    <span class="mt-1"><small>Produto</small></span>
                    <h5 v-if="movimento.itens" class="mt-0 mb-0 text-uppercase text-truncate pointer" style="max-width: 310px;" :title="movimento.itens[0].Produto + ' - ' + movimento.itens[0].ProdutoDescricao"><u>{{ movimento.itens[0].Produto + ' - ' + movimento.itens[0].ProdutoDescricao }}</u></h5>
                    <span v-if="movimento.Movimento == 'Ajuste'" class="small">Ajuste</span>
                    <span v-else-if="movimento.Movimento == 'Transferência'" class="small">Quantidade</span>
                    <h5 class="mb-1 small" v-if="movimento.itens">
                      {{ movimento.itens[0].Quantidade }}
                    </h5>
                  </div>
                  <div v-else class="mt-1 mb-0">
                    <span><small>Fornecedor</small></span>
                    <h5 v-if="movimento.fornecedor" class="mt-0 mb-0 text-uppercase text-truncate pointer" style="max-width: 310px;" :title="movimento.fornecedor.Nome"><u>{{ movimento.fornecedor.Nome }}</u></h5>
                    <h5 v-else class="mt-0 mb-0 pointer text-uppercase"><u>NÃO INFORMADO</u></h5>
                    <span class="small d-block">Nota Fiscal</span>
                    <h5 class="mb-1 small" v-if="movimento.NotaFiscal">
                      {{ movimento.NotaFiscal }}
                    </h5>
                    <h5 v-else class="mt-0 mb-0 pointer text-uppercase">-</h5>
                  </div>
                </template>

                <template #badges>
                  <div class="d-flex flex-column">
                    <div class="d-block text-center">
                      <span v-if="movimento.Movimento == 'Entrada'" class="badge bg-success text-white fw-bold text-uppercase">
                        {{ movimento.Movimento }}
                      </span>
                      <span v-else-if="movimento.Movimento == 'Saída' || movimento.Movimento == 'Transferência'" class="badge bg-danger text-white fw-bold text-uppercase">
                        {{ movimento.Movimento }}
                      </span>
                      <span v-else-if="movimento.Movimento == 'Ajuste'" class="badge bg-warning text-dark fw-bold text-uppercase">
                        {{ movimento.Movimento }}
                      </span>
                    </div>

                    <div class="d-block text-center">
                      <span v-if="movimento.loja && movimento.loja.Codigo == 1" class="badge bg-secondary text-white fw-bold text-uppercase mt-1">
                      {{ movimento.loja.Descricao }}
                      </span>
                      <span v-else-if="movimento.loja && movimento.loja.Codigo == 2" class="badge bg-secondary text-white fw-bold text-uppercase mt-1">
                        {{ movimento.loja.Descricao }}
                      </span>
                    </div>
                  </div>
                </template>

                <template #valores>
                  <div class="row">
                    <div class="col px-lg-1 px-sm-3 text-sm-center text-lg-end">
                      <span><small>Valor</small></span>
                      <h6 class="fw-bold">{{ movimento.Valor | valorBR }}</h6>
                    </div>
                  </div>
                </template>

                <template #botoes-acoes1>
                  <a href="#" id="imprimir" class="btn btn-light text-dark" data-id="" title="Editar" @click.prevent="imprimir(movimento.IdMovimento)"><i class="fa fa-print fa-sm"></i></a>

                  <a href="#" id="editar" class="btn btn-light text-dark" data-id="" title="Editar" @click.prevent="editar(movimento)"><i class="fa fa-edit fa-sm"></i></a>

                  <a href="#" v-if="usuario.nivel == 'Administrador'" id="excluir" class="btn btn-light text-dark" data-id="" title="Excluir" @click.prevent="abrirDialogoExcluir(index)"><i class="fa fa-trash fa-sm"></i></a>
                </template>
              </lista-view>