diff --git a/src/pages/Property/PropertyList.vue b/src/pages/Property/PropertyList.vue index 949688476..75cc44ff8 100644 --- a/src/pages/Property/PropertyList.vue +++ b/src/pages/Property/PropertyList.vue @@ -5,9 +5,17 @@ import { useI18n } from 'vue-i18n'; import VnTable from 'src/components/VnTable/VnTable.vue'; import VnSection from 'src/components/common/VnSection.vue'; import PropertyFilter from './PropertyFilter.vue'; +import VnInput from 'src/components/common/VnInput.vue'; +import VnSelect from 'src/components/common/VnSelect.vue'; +import FetchData from 'src/components/FetchData.vue'; +import VnInputDate from 'src/components/common/VnInputDate.vue'; +import VnRow from 'src/components/ui/VnRow.vue'; const { t } = useI18n(); const tableRef = ref(); +const propertyGroups = ref([]); +const companies = ref([]); +const towns = ref([]); const dataKey = 'PropertyList'; @@ -33,12 +41,7 @@ const columns = computed(() => [ name: 'propertyGroupFk', label: t('property.group'), component: 'select', - attrs: { - url: 'PropertyGroups', - fields: ['id', 'description'], - optionValue: 'id', - optionLabel: 'description', - }, + options: propertyGroups, format: ({ propertyGroup }) => propertyGroup, }, { @@ -64,12 +67,7 @@ const columns = computed(() => [ name: 'companyFk', label: t('property.owner'), component: 'select', - attrs: { - url: 'Companies', - fields: ['id', 'code'], - optionValue: 'id', - optionLabel: 'code', - }, + options: companies, format: ({ companyCode }) => companyCode, }, { @@ -146,8 +144,27 @@ const columns = computed(() => [