add: tracking load & clean code save load

This commit is contained in:
Alexandro Uc Santos
2023-12-15 21:24:52 -06:00
parent 09386547ae
commit 106349f9a2
8 changed files with 273 additions and 22 deletions

View File

@@ -1,14 +1,13 @@
<script setup>
import { onMounted, ref, watch } from 'vue';
import { useCompanyStore } from '../stores/company';
import Spiner from '../components/ui/Spiner.vue';
import CardLoad from '../components/CardLoad.vue';
import AttachmentsModal from '../components/AttachmentsModal.vue';
import { useLoadsStore } from '../stores/loads';
import FormLoadModal from '../components/FormLoadModal.vue';
import ProposalsModal from '../components/ProposalsModal.vue';
import CardEmpty from '../components/CardEmpty.vue';
const companyStore = useCompanyStore();
const loadStore = useLoadsStore();
const loading = ref(false);
const query = ref('');
@@ -92,12 +91,15 @@ import ProposalsModal from '../components/ProposalsModal.vue';
><i class="fa-solid fa-plus"></i> <span class="clear-sm"> Crear</span><span class="clear-md"> carga</span></button>
</div>
<Spiner v-if="loading"/>
<CardLoad
v-else
v-for="load in loadStore.loads"
:key="load._id"
:load="load"
/>
<div v-else>
<CardLoad
v-if="loadStore.loads.length > 0"
v-for="load in loadStore.loads"
:key="load._id"
:load="load"
/>
<CardEmpty v-else text="No hay cargas agregadas"/>
</div>
</div>
</div>
</template>