75 lines
1.9 KiB
Vue
75 lines
1.9 KiB
Vue
<script setup>
|
|
import { useI18n } from 'vue-i18n';
|
|
import VnSearchbar from 'components/ui/VnSearchbar.vue';
|
|
|
|
const { t } = useI18n();
|
|
|
|
const exprBuilder = (param, value) => {
|
|
switch (param) {
|
|
case 'name':
|
|
return {
|
|
name: { like: `%${value}%` },
|
|
};
|
|
case 'code':
|
|
return {
|
|
code: { like: `%${value}%` },
|
|
};
|
|
case 'agencyModeFk':
|
|
return {
|
|
agencyModeFk: value,
|
|
};
|
|
case 'search':
|
|
return /^\d+$/.test(value) ? { id: value } : { name: { like: `%${value}%` } };
|
|
}
|
|
};
|
|
|
|
const tableFilter = {
|
|
include: [
|
|
{
|
|
relation: 'agencyMode',
|
|
scope: {
|
|
fields: ['id', 'name'],
|
|
},
|
|
},
|
|
{
|
|
relation: 'address',
|
|
scope: {
|
|
fields: ['id', 'nickname', 'provinceFk', 'postalCode'],
|
|
include: [
|
|
{
|
|
relation: 'province',
|
|
scope: {
|
|
fields: ['id', 'name'],
|
|
},
|
|
},
|
|
{
|
|
relation: 'postcode',
|
|
scope: {
|
|
fields: ['code', 'townFk'],
|
|
include: {
|
|
relation: 'town',
|
|
scope: {
|
|
fields: ['id', 'name'],
|
|
},
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<VnSearchbar
|
|
data-key="ZonesList"
|
|
url="Zones"
|
|
:filter="tableFilter"
|
|
:expr-builder="exprBuilder"
|
|
:label="t('list.searchZone')"
|
|
:info="t('list.searchInfo')"
|
|
custom-route-redirect-name="ZoneSummary"
|
|
/>
|
|
</template>
|