refactor: refs #6683 update PropertyList component to enhance checkbox visibility and organization
This commit is contained in:
parent
223890a1bc
commit
105e95e68a
|
@ -12,38 +12,6 @@ const tableRef = ref();
|
|||
const dataKey = 'PropertyList';
|
||||
|
||||
const columns = computed(() => [
|
||||
{
|
||||
labelAbbreviation: 'Fo',
|
||||
label: t('property.hasFormalization'),
|
||||
toolTip: t('property.hasFormalization'),
|
||||
name: 'hasFormalization',
|
||||
component: 'checkbox',
|
||||
width: '35px',
|
||||
},
|
||||
{
|
||||
labelAbbreviation: 'SC',
|
||||
label: t('property.hasSimpleCopy'),
|
||||
toolTip: t('property.hasSimpleCopy'),
|
||||
name: 'hasSimpleCopy',
|
||||
component: 'checkbox',
|
||||
width: '35px',
|
||||
},
|
||||
{
|
||||
labelAbbreviation: 'OP',
|
||||
label: t('property.hasOriginalPropertyDeed'),
|
||||
toolTip: t('property.hasOriginalPropertyDeed'),
|
||||
name: 'hasOriginalPropertyDeed',
|
||||
component: 'checkbox',
|
||||
width: '35px',
|
||||
},
|
||||
{
|
||||
labelAbbreviation: 'FP',
|
||||
label: t('property.hasFundProvision'),
|
||||
toolTip: t('property.hasFundProvision'),
|
||||
name: 'hasFundProvision',
|
||||
component: 'checkbox',
|
||||
width: '35px',
|
||||
},
|
||||
{
|
||||
align: 'right',
|
||||
name: 'id',
|
||||
|
@ -139,32 +107,40 @@ const columns = computed(() => [
|
|||
visible: false,
|
||||
},
|
||||
{
|
||||
labelAbbreviation: 'Fo',
|
||||
label: t('property.hasFormalization'),
|
||||
toolTip: t('property.hasFormalization'),
|
||||
name: 'hasFormalization',
|
||||
component: 'checkbox',
|
||||
width: '35px',
|
||||
cardVisible: true,
|
||||
visible: false,
|
||||
},
|
||||
{
|
||||
labelAbbreviation: 'SC',
|
||||
label: t('property.hasSimpleCopy'),
|
||||
toolTip: t('property.hasSimpleCopy'),
|
||||
name: 'hasSimpleCopy',
|
||||
component: 'checkbox',
|
||||
width: '35px',
|
||||
cardVisible: true,
|
||||
visible: false,
|
||||
},
|
||||
{
|
||||
labelAbbreviation: 'OP',
|
||||
label: t('property.hasOriginalPropertyDeed'),
|
||||
toolTip: t('property.hasOriginalPropertyDeed'),
|
||||
name: 'hasOriginalPropertyDeed',
|
||||
component: 'checkbox',
|
||||
width: '35px',
|
||||
cardVisible: true,
|
||||
visible: false,
|
||||
},
|
||||
{
|
||||
labelAbbreviation: 'FP',
|
||||
label: t('property.hasFundProvision'),
|
||||
toolTip: t('property.hasFundProvision'),
|
||||
name: 'hasFundProvision',
|
||||
component: 'checkbox',
|
||||
width: '35px',
|
||||
cardVisible: true,
|
||||
visible: false,
|
||||
},
|
||||
]);
|
||||
</script>
|
||||
|
@ -172,7 +148,6 @@ const columns = computed(() => [
|
|||
<template>
|
||||
<VnSection
|
||||
:data-key="dataKey"
|
||||
:columns="columns"
|
||||
prefix="property"
|
||||
:array-data-props="{
|
||||
url: 'Properties/filter',
|
||||
|
@ -185,12 +160,12 @@ const columns = computed(() => [
|
|||
<VnTable
|
||||
ref="tableRef"
|
||||
:data-key="dataKey"
|
||||
search-url="PropertyList"
|
||||
:create="{
|
||||
urlCreate: 'Properties',
|
||||
title: t('property.createProperty'),
|
||||
onDataSaved: ({ id }) => tableRef.redirect(id),
|
||||
}"
|
||||
default-mode="table"
|
||||
:columns="columns"
|
||||
:right-search="false"
|
||||
redirect="property"
|
||||
|
|
Loading…
Reference in New Issue