@@ -107,6 +115,7 @@ const shelvingFilter = {
diff --git a/src/pages/Shelving/Card/ShelvingSearchbar.vue b/src/pages/Shelving/Card/ShelvingSearchbar.vue
index 89a4de01e..bfc8ad4f5 100644
--- a/src/pages/Shelving/Card/ShelvingSearchbar.vue
+++ b/src/pages/Shelving/Card/ShelvingSearchbar.vue
@@ -7,12 +7,12 @@ const { t } = useI18n();
-
es:
Search shelving: Buscar carros
diff --git a/src/pages/Shelving/Card/ShelvingSummary.vue b/src/pages/Shelving/Card/ShelvingSummary.vue
index f1f914385..409329c88 100644
--- a/src/pages/Shelving/Card/ShelvingSummary.vue
+++ b/src/pages/Shelving/Card/ShelvingSummary.vue
@@ -6,6 +6,7 @@ import { useStateStore } from 'stores/useStateStore';
import CardSummary from 'components/ui/CardSummary.vue';
import VnLv from 'components/ui/VnLv.vue';
import ShelvingFilter from 'pages/Shelving/Card/ShelvingFilter.vue';
+import VnUserLink from "components/ui/VnUserLink.vue";
const $props = defineProps({
id: {
@@ -24,7 +25,7 @@ const hideRightDrawer = () => {
if (!isDialog) {
stateStore.rightDrawer = false;
}
-}
+};
onMounted(hideRightDrawer);
onUnmounted(hideRightDrawer);
const filter = {
@@ -69,9 +70,13 @@ const filter = {
-
+
+
-
+
+
+
+
+
-import { useDialogPluginComponent } from 'quasar';
-import ShelvingSummary from "pages/Shelving/Card/ShelvingSummary.vue";
-
-const $props = defineProps({
- id: {
- type: Number,
- required: true,
- },
-});
-
-defineEmits([...useDialogPluginComponent.emits]);
-
-const { dialogRef, onDialogHide } = useDialogPluginComponent();
-
-
-
-
-
-
-
-
-
diff --git a/src/pages/Shelving/ShelvingList.vue b/src/pages/Shelving/ShelvingList.vue
index c884dc5f4..a5a24e84d 100644
--- a/src/pages/Shelving/ShelvingList.vue
+++ b/src/pages/Shelving/ShelvingList.vue
@@ -5,16 +5,16 @@ import { useI18n } from 'vue-i18n';
import { onMounted, onUnmounted } from 'vue';
import CardList from 'components/ui/CardList.vue';
import VnLv from 'components/ui/VnLv.vue';
-import { useQuasar } from 'quasar';
import { useRouter } from 'vue-router';
import ShelvingFilter from 'pages/Shelving/Card/ShelvingFilter.vue';
-import ShelvingSummaryDialog from 'pages/Shelving/Card/ShelvingSummaryDialog.vue';
+import ShelvingSummary from 'pages/Shelving/Card/ShelvingSummary.vue';
import ShelvingSearchbar from 'pages/Shelving/Card/ShelvingSearchbar.vue';
+import { useSummaryDialog } from 'src/composables/useSummaryDialog';
const stateStore = useStateStore();
const router = useRouter();
-const quasar = useQuasar();
const { t } = useI18n();
+const { viewSummary } = useSummaryDialog();
const filter = {
include: [{ relation: 'parking' }],
};
@@ -26,15 +26,6 @@ function navigate(id) {
router.push({ path: `/shelving/${id}` });
}
-function viewSummary(id) {
- quasar.dialog({
- component: ShelvingSummaryDialog,
- componentProps: {
- id,
- },
- });
-}
-
function exprBuilder(param, value) {
switch (param) {
case 'search':
@@ -80,6 +71,7 @@ function exprBuilder(param, value) {
url="Shelvings"
:filter="filter"
:expr-builder="exprBuilder"
+ :limit="20"
auto-load
>
@@ -102,17 +94,10 @@ function exprBuilder(param, value) {
/>
-
diff --git a/src/pages/Supplier/Card/SupplierAccounts.vue b/src/pages/Supplier/Card/SupplierAccounts.vue
index b4aac8c38..302e03217 100644
--- a/src/pages/Supplier/Card/SupplierAccounts.vue
+++ b/src/pages/Supplier/Card/SupplierAccounts.vue
@@ -8,7 +8,7 @@ import CrudModel from 'components/CrudModel.vue';
import VnRow from 'components/ui/VnRow.vue';
import VnInput from 'src/components/common/VnInput.vue';
import CreateBankEntityForm from 'src/components/CreateBankEntityForm.vue';
-import VnSelectCreate from 'src/components/common/VnSelectCreate.vue';
+import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
import axios from 'axios';
import useNotify from 'src/composables/useNotify.js';
@@ -110,8 +110,8 @@ onMounted(() => {
- {
-
+
{
- {
-
+
{
- await postcodeFetchDataRef.value.fetch();
- await townsFetchDataRef.value.fetch();
- formData.postCode = code;
- formData.provinceFk = provinceFk;
- formData.city = townsLocationOptions.value.find((town) => town.id === townFk).name;
- formData.countryFk = countryFk;
-};
+function handleLocation(data, location) {
+ const { town, code, provinceFk, countryFk } = location ?? {};
+ data.postcode = code;
+ data.city = town;
+ data.provinceFk = provinceFk;
+ data.countryFk = countryFk;
+}
(supplierActivitiesOptions = data)"
/>
- (postcodesOptions = data)"
- auto-load
- />
- (townsLocationOptions = data)"
- auto-load
- url="Towns/location"
- />
- (provincesLocationOptions = data)"
- auto-load
- url="Provinces/location"
- />
- (countriesOptions = data)"
- auto-load
- url="Countries"
- />
+
+
- handleLocation(data, location)"
>
-
-
-
-
-
-
- {{ scope.opt.code }}
- {{ scope.opt.code }} -
- {{ scope.opt.town.name }} ({{
- scope.opt.town.province.name
- }},
- {{
- scope.opt.town.province.country.country
- }})
-
-
-
-
+
-
-
-
-
-
- {{ scope.opt.name }}
- {{ scope.opt.name }},
- {{ scope.opt.province.name }} ({{
- scope.opt.province.country.country
- }})
-
-
-
-
-
-
-
-
-
-
- {{
- `${scope.opt.name} (${scope.opt.country.country})`
- }}
-
-
-
-
-
-
-
-
-
-
-import { useDialogPluginComponent } from 'quasar';
-import SupplierSummary from './SupplierSummary.vue';
-
-const $props = defineProps({
- id: {
- type: Number,
- required: true,
- },
-});
-
-defineEmits([...useDialogPluginComponent.emits]);
-
-const { dialogRef, onDialogHide } = useDialogPluginComponent();
-
-
-
-
-
-
-
-
-
diff --git a/src/pages/Supplier/SupplierCreate.vue b/src/pages/Supplier/SupplierCreate.vue
index 8424ae68c..d80bd2df8 100644
--- a/src/pages/Supplier/SupplierCreate.vue
+++ b/src/pages/Supplier/SupplierCreate.vue
@@ -49,6 +49,9 @@ const redirectToSupplierFiscalData = (_, responseData) => {
diff --git a/src/pages/Supplier/SupplierList.vue b/src/pages/Supplier/SupplierList.vue
index f4875fc99..e8668fa08 100644
--- a/src/pages/Supplier/SupplierList.vue
+++ b/src/pages/Supplier/SupplierList.vue
@@ -1,21 +1,19 @@
@@ -86,7 +75,7 @@ const viewSummary = (id) => {
diff --git a/src/pages/Ticket/Card/TicketSummaryDialog.vue b/src/pages/Ticket/Card/TicketSummaryDialog.vue
deleted file mode 100644
index 11e12c8a9..000000000
--- a/src/pages/Ticket/Card/TicketSummaryDialog.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-
-
-
-
-
-
-
-
-
diff --git a/src/pages/Ticket/TicketList.vue b/src/pages/Ticket/TicketList.vue
index 6f57ad0b9..72c2da57c 100644
--- a/src/pages/Ticket/TicketList.vue
+++ b/src/pages/Ticket/TicketList.vue
@@ -1,21 +1,21 @@
@@ -123,7 +114,7 @@ function viewSummary(id) {
diff --git a/src/pages/Travel/Card/TravelBasicData.vue b/src/pages/Travel/Card/TravelBasicData.vue
new file mode 100644
index 000000000..2edaac853
--- /dev/null
+++ b/src/pages/Travel/Card/TravelBasicData.vue
@@ -0,0 +1,104 @@
+
+
+ (agenciesOptions = data)"
+ auto-load
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/Travel/Card/TravelCard.vue b/src/pages/Travel/Card/TravelCard.vue
index 34ecc25ee..1b185592b 100644
--- a/src/pages/Travel/Card/TravelCard.vue
+++ b/src/pages/Travel/Card/TravelCard.vue
@@ -17,7 +17,6 @@ const stateStore = useStateStore();
-
diff --git a/src/pages/Travel/Card/TravelDescriptor.vue b/src/pages/Travel/Card/TravelDescriptor.vue
index 6a45710ad..c7501b1d4 100644
--- a/src/pages/Travel/Card/TravelDescriptor.vue
+++ b/src/pages/Travel/Card/TravelDescriptor.vue
@@ -2,10 +2,13 @@
import { ref, computed } from 'vue';
import { useRoute } from 'vue-router';
import { useI18n } from 'vue-i18n';
-import { toDate } from 'src/filters';
+
import CardDescriptor from 'components/ui/CardDescriptor.vue';
import VnLv from 'src/components/ui/VnLv.vue';
+import TravelDescriptorMenuItems from './TravelDescriptorMenuItems.vue';
+
import useCardDescription from 'src/composables/useCardDescription';
+import { toDate } from 'src/filters';
const $props = defineProps({
id: {
@@ -28,6 +31,7 @@ const filter = {
'warehouseInFk',
'warehouseOutFk',
'cargoSupplierFk',
+ 'agencyModeFk',
],
include: [
{
@@ -66,6 +70,25 @@ const setData = (entity) => {
@on-fetch="setData"
data-key="travelData"
>
+
+
+
+ {{ t('Go to module index') }}
+
+
+
+
+
+
@@ -73,8 +96,32 @@ const setData = (entity) => {
+
+
+
+ {{ t('All travels with current agency') }}
+
+
+
-
+
+es:
+ Go to module index: Ir al índice del módulo
+ The travel will be deleted: El envío será eliminado
+ Do you want to delete this travel?: ¿Quieres eliminar este envío?
+ All travels with current agency: Todos los envíos con la agencia actual
diff --git a/src/pages/Travel/Card/TravelDescriptorMenuItems.vue b/src/pages/Travel/Card/TravelDescriptorMenuItems.vue
new file mode 100644
index 000000000..17b9333ca
--- /dev/null
+++ b/src/pages/Travel/Card/TravelDescriptorMenuItems.vue
@@ -0,0 +1,108 @@
+
+
+
+
+ {{ t('travel.summary.cloneShipping') }}
+
+
+
+ {{ t('travel.summary.CloneTravelAndEntries') }}
+
+
+
+
+ {{ t('travel.summary.deleteTravel') }}
+
+
+
+
+
+ {{ t('travel.summary.AddEntry') }}
+
+
+
+
+
+
+es:
+ The travel will be deleted: El envío será eliminado
+ Do you want to delete this travel?: ¿Quieres eliminar este envío?
+
diff --git a/src/pages/Travel/Card/TravelLog.vue b/src/pages/Travel/Card/TravelLog.vue
new file mode 100644
index 000000000..1a2667ff7
--- /dev/null
+++ b/src/pages/Travel/Card/TravelLog.vue
@@ -0,0 +1,6 @@
+
+
+
+
diff --git a/src/pages/Travel/Card/TravelSummary.vue b/src/pages/Travel/Card/TravelSummary.vue
index 4f0e8860a..2ed6a0487 100644
--- a/src/pages/Travel/Card/TravelSummary.vue
+++ b/src/pages/Travel/Card/TravelSummary.vue
@@ -1,22 +1,19 @@
+ (warehouses = data)"
+ auto-load
+ />
setTravelData(data)"
>
-
+ {{ t('travel.pageTitles.summary') }}
+
{{ travel.ref }} - {{ travel.id }}
@@ -207,10 +255,8 @@ const openEntryDescriptor = () => {};
{{ t('components.cardDescriptor.moreOptions') }}
-
-
- {{ option.name }}
-
+
+
@@ -225,11 +271,10 @@ const openEntryDescriptor = () => {};
/>
-
@@ -242,11 +287,10 @@ const openEntryDescriptor = () => {};
/>
-
@@ -255,13 +299,12 @@ const openEntryDescriptor = () => {};
-
+
-
+
{};
row-key="id"
class="full-width q-mt-md"
>
-
-
-
- {{ props.value }}
- {{
- props.col.toolTip
- }}
-
+
+
+
+ {{ t(col.label) }}
+
+
+
+
+
+
+
+
+
+ {{ value }}
+
+
+
+
+
+
+
+ {{ value }}
+
+
+
+
+
+
+
+
+ {{ entriesTotalHb }}
+ {{ entriesTotalFreight }}
+ {{ entriesTotalPackageValue }}
+ {{ entriesTotalCc }}
+ {{ entriesTotalPallet }}
+ {{ entriesTotalM3 }}
+
+
+
+
+
+
-
diff --git a/src/pages/Travel/Card/TravelSummaryDialog.vue b/src/pages/Travel/Card/TravelSummaryDialog.vue
deleted file mode 100644
index 8351d6e5b..000000000
--- a/src/pages/Travel/Card/TravelSummaryDialog.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-
-
-
-
-
-
-
-
-
diff --git a/src/pages/Travel/Card/TravelThermographs.vue b/src/pages/Travel/Card/TravelThermographs.vue
new file mode 100644
index 000000000..435d9054f
--- /dev/null
+++ b/src/pages/Travel/Card/TravelThermographs.vue
@@ -0,0 +1,216 @@
+
+
+
+ (warehouses = data)"
+ auto-load
+ />
+
+
+
+
+
+
+ {{ t('Download file') }}
+
+
+
+
+
+
+ {{ t('Edit file') }}
+
+
+
+
+
+
+ {{ t('Remove thermograph') }}
+
+
+
+
+
+
+
+
+
+ {{ t('Add thermograph') }}
+
+
+
+
+
+es:
+ Add thermograph: Añadir termógrafo
+ Download file: Descargar fichero
+ Edit file: Editar fichero
+ Remove thermograph: Eliminar termógrafo
+ Thermograph removed: Termógrafo eliminado
+ Are you sure you want to remove the thermograph?: ¿Seguro que quieres quitar el termógrafo?
+ No results: Sin resultados
+
diff --git a/src/pages/Travel/Card/TravelThermographsForm.vue b/src/pages/Travel/Card/TravelThermographsForm.vue
new file mode 100644
index 000000000..6758cb6ff
--- /dev/null
+++ b/src/pages/Travel/Card/TravelThermographsForm.vue
@@ -0,0 +1,348 @@
+
+
+
+ (allowedContentTypes = data.join(', '))"
+ auto-load
+ />
+ (thermographsOptions = data)"
+ :filter="thermographFilter"
+ auto-load
+ />
+ (dmsTypesOptions = data)"
+ auto-load
+ />
+ (companiesOptions = data)"
+ :filter="{ order: 'code' }"
+ auto-load
+ />
+ (warehousesOptions = data)"
+ :filter="{ order: 'name' }"
+ auto-load
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('Select files') }}
+
+
+ {{
+ t('globals.allowedFilesText', {
+ allowedContentTypes: allowedContentTypes,
+ })
+ }}
+
+
+
+
+
+
+
+
+
+
+
+es:
+ Select files: Selecciona ficheros
+ Thermograph created: Termógrafo creado
+ New thermograph: Nuevo termógrafo
+
diff --git a/src/pages/Travel/ExtraCommunity.vue b/src/pages/Travel/ExtraCommunity.vue
index 2dcd4bb51..4cbb850e1 100644
--- a/src/pages/Travel/ExtraCommunity.vue
+++ b/src/pages/Travel/ExtraCommunity.vue
@@ -16,8 +16,8 @@ import { toCurrency } from 'src/filters';
import { useArrayData } from 'composables/useArrayData';
import { toDate } from 'src/filters';
import { usePrintService } from 'composables/usePrintService';
-import travelService from 'src/services/travel.service';
import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import axios from 'axios';
const router = useRouter();
const stateStore = useStateStore();
@@ -51,57 +51,55 @@ const rows = computed(() => arrayData.store.data || []);
const tableColumnComponents = {
id: {
component: QBtn,
- attrs: () => ({ flat: true, color: 'blue', class: 'col-content' }),
+ attrs: { flat: true, color: 'primary' },
},
cargoSupplierNickname: {
component: QBtn,
- attrs: () => ({ flat: true, color: 'blue', class: 'col-content' }),
+ attrs: { flat: true, color: 'primary', dense: true },
},
agencyModeName: {
component: 'span',
- attrs: () => ({ class: 'col-content' }),
+ attrs: {},
},
invoiceAmount: {
component: 'span',
- attrs: () => ({
- class: 'col-content',
- }),
+ attrs: {},
},
ref: {
component: QField,
- attrs: () => ({ readonly: true, dense: true }),
+ attrs: { readonly: true, dense: true, class: 'cursor-pointer' },
},
stickers: {
component: 'span',
- attrs: () => ({ class: 'col-content' }),
+ attrs: {},
},
kg: {
- component: 'span',
- attrs: () => ({ class: 'col-content' }),
+ component: QField,
+ attrs: { readonly: true, dense: true, class: 'cursor-pointer' },
},
loadedKg: {
component: 'span',
- attrs: () => ({ class: 'col-content' }),
+ attrs: {},
},
volumeKg: {
component: 'span',
- attrs: () => ({ class: 'col-content' }),
+ attrs: {},
},
warehouseOutName: {
component: 'span',
- attrs: () => ({ class: 'col-content' }),
+ attrs: {},
},
shipped: {
component: 'span',
- attrs: () => ({ class: 'col-content' }),
+ attrs: {},
},
warehouseInName: {
component: 'span',
- attrs: () => ({ class: 'col-content' }),
+ attrs: {},
},
landed: {
component: 'span',
- attrs: () => ({ class: 'col-content' }),
+ attrs: {},
},
};
@@ -110,8 +108,9 @@ const columns = computed(() => [
label: 'id',
field: 'id',
name: 'id',
- align: 'left',
+ align: 'center',
showValue: true,
+ sortable: true,
},
{
label: t('supplier.pageTitles.supplier'),
@@ -119,6 +118,7 @@ const columns = computed(() => [
name: 'cargoSupplierNickname',
align: 'left',
showValue: true,
+ sortable: true,
},
{
label: t('globals.agency'),
@@ -126,6 +126,7 @@ const columns = computed(() => [
name: 'agencyModeName',
align: 'left',
showValue: true,
+ sortable: true,
},
{
label: t('globals.amount'),
@@ -133,6 +134,7 @@ const columns = computed(() => [
field: 'entries',
align: 'left',
showValue: true,
+ sortable: true,
format: (value) =>
toCurrency(
value
@@ -148,6 +150,7 @@ const columns = computed(() => [
name: 'ref',
align: 'left',
showValue: false,
+ sortable: true,
},
{
label: t('globals.packages'),
@@ -155,13 +158,15 @@ const columns = computed(() => [
name: 'stickers',
align: 'left',
showValue: true,
+ sortable: true,
},
{
label: t('kg'),
field: 'kg',
name: 'kg',
align: 'left',
- showValue: true,
+ showValue: false,
+ sortable: true,
},
{
label: t('physicKg'),
@@ -169,6 +174,7 @@ const columns = computed(() => [
name: 'loadedKg',
align: 'left',
showValue: true,
+ sortable: true,
},
{
label: 'KG Vol.',
@@ -176,6 +182,7 @@ const columns = computed(() => [
name: 'volumeKg',
align: 'left',
showValue: true,
+ sortable: true,
},
{
label: t('globals.wareHouseOut'),
@@ -183,14 +190,16 @@ const columns = computed(() => [
name: 'warehouseOutName',
align: 'left',
showValue: true,
+ sortable: true,
},
{
label: t('shipped'),
field: 'shipped',
name: 'shipped',
align: 'left',
- format: (value) => toDate(value.substring(0, 10)),
showValue: true,
+ sortable: true,
+ format: (value) => toDate(value.substring(0, 10)),
},
{
label: t('globals.wareHouseIn'),
@@ -198,14 +207,16 @@ const columns = computed(() => [
name: 'warehouseInName',
align: 'left',
showValue: true,
+ sortable: true,
},
{
label: t('landed'),
field: 'landed',
name: 'landed',
align: 'left',
- format: (value) => toDate(value.substring(0, 10)),
showValue: true,
+ sortable: true,
+ format: (value) => toDate(value.substring(0, 10)),
},
]);
@@ -223,9 +234,13 @@ const openReportPdf = () => {
};
const saveFieldValue = async (val, field, index) => {
- const id = rows.value[index].id;
- const params = { [field]: val };
- await travelService.updateTravel(id, params);
+ try {
+ const id = rows.value[index].id;
+ const params = { [field]: val };
+ await axios.patch(`Travels/${id}`, params);
+ } catch (err) {
+ console.error('Error updating travel');
+ }
};
const navigateToTravelId = (id) => {
@@ -233,7 +248,7 @@ const navigateToTravelId = (id) => {
};
const stopEventPropagation = (event, col) => {
- if (!['ref', 'id', 'cargoSupplierNickname'].includes(col.name)) return;
+ if (!['ref', 'id', 'cargoSupplierNickname', 'kg'].includes(col.name)) return;
event.preventDefault();
event.stopPropagation();
};
@@ -286,13 +301,13 @@ onMounted(async () => {
hide-bottom
row-key="clientId"
:pagination="{ rowsPerPage: 0 }"
- class="full-width q-mt-md"
+ class="full-width"
>
{
>
{
v-for="entry in props.row.entries"
:key="entry.id"
:props="props"
- class="secondary-row"
+ class="bg-vn-secondary-row"
>
-
- {{ entry.id }}
+
+ {{ entry.id }}
- {{
- entry.supplierName
- }}
+
+ {{ entry.supplierName }}
{{
- toCurrency(entry.invoiceAmount)
- }}{{ toCurrency(entry.invoiceAmount) }}
{{ entry.reference }}{{ entry.reference }}
{{ entry.stickers }}{{ entry.stickers }}
{{ entry.loadedkg }}{{ entry.loadedkg }}
{{ entry.volumeKg }}{{ entry.volumeKg }}
@@ -398,17 +408,6 @@ onMounted(async () => {
-
-
en:
searchExtraCommunity: Search for extra community shipping
diff --git a/src/pages/Travel/TravelCreate.vue b/src/pages/Travel/TravelCreate.vue
index c8ac7e690..abee03562 100644
--- a/src/pages/Travel/TravelCreate.vue
+++ b/src/pages/Travel/TravelCreate.vue
@@ -1,7 +1,7 @@
@@ -63,6 +64,7 @@ onBeforeMount(() => {
model="travel"
:form-initial-data="newTravelForm"
:observe-form-changes="viewAction === 'create'"
+ @on-data-saved="redirectToTravelBasicData"
>
@@ -82,62 +84,13 @@ onBeforeMount(() => {
-
-
-
-
-
-
-
-
-
-
-
-
-
+ />
-
-
-
-
-
-
-
-
-
-
-
-
-
+
diff --git a/src/pages/Travel/TravelFilter.vue b/src/pages/Travel/TravelFilter.vue
index 62439a2e4..c1c0d1bee 100644
--- a/src/pages/Travel/TravelFilter.vue
+++ b/src/pages/Travel/TravelFilter.vue
@@ -6,8 +6,7 @@ import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
import VnInput from 'src/components/common/VnInput.vue';
import FetchData from 'components/FetchData.vue';
-
-import { toDate } from 'src/filters';
+import VnInputDate from 'components/common/VnInputDate.vue';
const { t } = useI18n();
const props = defineProps({
@@ -60,7 +59,7 @@ const decrement = (paramsObj, key) => {
{{ formatFn(tag.value) }}