filterview
> vue filterview компонент
Эффект
1.3
Установка|Install
Пример|Example (подробнее в /doc/index.html)```
<script>
import FilterView from 'filterview'
export default {
components: {
'filter-view': FilterView
},
data () {
return {
params: "",
// Поисковые условия
conditions: [
{
label: "Проектный тип",
value: "projType",
isMultiple: true,
data: [
{ label: "Строительство зданий", value: "FJGC" },
{ label: "Городское строительство", value: "SZGC" },
{ label: "Другое", value: "99" }
],
custom: false,
type: "date" // datetime(год-месяц-день-час-минута-секунда) | date(год-месяц-день)
},
{
label: "Дата окончания тендера",
value: "endTime",
isMultiple: false, // Значение по умолчанию false, только для одиночного выбора
data: [
{ label: "Через 10 дней", value: "10" },
{ label: "Через 20 дней", value: "20" },
{ label: "Через 3 месяца", value: "3_m" }
],
custom: "single", // Значение по умолчанию false: нет пользовательского определения, "single": для одного значения, "range": для диапазона, где последнее значение больше предыдущего
type: "date" // datetime(год-месяц-день-час-минута-секунда) | date(год-месяц-день) | number(число)
},
{
label: "Дата окончания тендера2",
value: "endTime2",
isMultiple: false, // Значение по умолчанию false, только для одиночного выбора
data: [
{ label: "Через 10 дней", value: "10" },
{ label: "Через 20 дней", value: "20" },
{ label: "Через 3 месяца", value: "3_m" }
],
custom: "range", // Значение по умолчанию false: нет пользовательского определения, "single": для одного значения, "range": для диапазона, где последнее значение больше предыдущего
type: "date" // datetime(год-месяц-день-час-минута-секунда) | date(год-месяц-день) | number(число)
},
{
label: "Текстовый тест",
value: "endTime3",
isMultiple: false, // Значение по умолчанию false, только для одиночного выбора
data: [
{ label: "Через 10 дней", value: "10" },
``` { label: "Через 20 дней", value: "20" },
{ label: "Через 3 месяца", value: "3_m" }
],
custom: "single", // значение по умолчанию false: нет пользовательского параметра, "single": обозначает одиночный выбор, "range": обозначает диапазон, и следующее значение больше предыдущего
type: "string" // datetime(год-месяц-день-час-минута-секунда) | date(год-месяц-день) | string | number(число)
},
{
label: "Текстовый тест2",
value: "endTime4",
isMultiple: false, // значение по умолчанию false: только если это одиночный выбор, пользовательский параметр будет действовать
data: [
{ label: "Через 10 дней", value: "10" },
{ label: "Через 20 дней", value: "20" },
{ label: "Через 3 месяца", value: "3_m" }
],
custom: "range", // значение по умолчанию false: нет пользовательского параметра, "single": обозначает одиночный выбор, "range": обозначает диапазон, и следующее значение больше предыдущего
type: "string" // datetime(год-месяц-день-час-минута-секунда) | date(год-месяц-день) | number(число)
}
]
},methods: {
changeHandler(data) {
this.params = JSON.stringify(data);
}
}
}
</script>
```## Атрибуты|Props| Атрибут | Описание | Тип | Допустимые значения | По умолчанию |
|-|-|-|-|-|
| conditions | условия | Array | - | - |
Лицензия
MIT
Опубликовать ( 0 )