<!-- Начало: Фильтр -->
<div class="row" v-if="panels.filter.visible">
<div class="col">
<div class="mb-3">
<form @submit.prevent="filter_apply">
<div class="input-group">
    <button class="btn btn-outline-danger" type="button" v-on:click="filter_clear"><i class="fa fa-remove"></i></button>
    <input class="form-control" placeholder="Фильтр" v-model="panels.filter.value" />
    <button class="btn btn-outline-success" type="submit"><i class="fa fa-check"></i></button>
</div>
</form>
</div>
</div>
</div>

<script type="text/javascript">
Object.assign(root.data.panels, {
    filter: {
        visible: false,
        value: ''
    },
});
Object.assign(root.methods, {
    filter_clear: function () {
        /* Очистить фильтр */
        let vm = this;
        vm.panels.filter.value = '';
    },
});
</script>
<!-- Конец: Фильтр -->
