<script>
import FilaCaracteristica from "../../admin/FilaCaracteristica.vue";
import FilaParametro from "./FilaParametro.vue";
import { mapActions, mapState } from "vuex";

export default {
    name:"ParametrosSeccion",
    components: { FilaParametro, FilaCaracteristica },
    methods: {
        ...mapActions("comisiones", ["getParametros"]),
    },
    computed: {
        ...mapState("comisiones", ["parametros"]),
    },
    async mounted() {
        await this.getParametros();
    },
}
</script>

<template>
    <table class="table is-striped is-bordered">
        <thead>
            <tr>
                <th> Parámetro </th>
                <th> Valor $ </th>
                <th> Cambiar </th>
                <th> Deshacer </th>
            </tr>
        </thead>
        <tbody>
            <fila-parametro v-for="(p,i) in parametros"
                            :key="i"
                            :parametro="p"/>
        </tbody>
    </table>
</template>

<style scoped>

</style>
