forked from verdnatura/salix-front
ref #5876 spinner wihout counter
This commit is contained in:
parent
562fe18b65
commit
98de713341
|
@ -25,8 +25,8 @@ const client = ref({});
|
||||||
|
|
||||||
const inputFile = ref();
|
const inputFile = ref();
|
||||||
const files = ref({});
|
const files = ref({});
|
||||||
|
|
||||||
const spinnerRef = ref();
|
const spinnerRef = ref();
|
||||||
const progress = ref(0);
|
|
||||||
const claimDmsRef = ref();
|
const claimDmsRef = ref();
|
||||||
const dmsType = ref({});
|
const dmsType = ref({});
|
||||||
const config = ref({});
|
const config = ref({});
|
||||||
|
@ -99,8 +99,13 @@ function setClaimDms(data) {
|
||||||
}
|
}
|
||||||
|
|
||||||
async function create() {
|
async function create() {
|
||||||
|
const formData = new FormData();
|
||||||
const inputFiles = files.value;
|
const inputFiles = files.value;
|
||||||
|
for (let i = 0; i < inputFiles.length; i++)
|
||||||
|
formData.append(inputFiles[i].name, inputFiles[i]);
|
||||||
|
|
||||||
const query = `claims/${claimId.value}/uploadFile`;
|
const query = `claims/${claimId.value}/uploadFile`;
|
||||||
|
|
||||||
const dms = {
|
const dms = {
|
||||||
hasFile: false,
|
hasFile: false,
|
||||||
hasFileAttached: false,
|
hasFileAttached: false,
|
||||||
|
@ -114,18 +119,11 @@ async function create() {
|
||||||
clientId: client.value.id,
|
clientId: client.value.id,
|
||||||
}).toUpperCase(),
|
}).toUpperCase(),
|
||||||
};
|
};
|
||||||
|
|
||||||
spinnerRef.value.show();
|
spinnerRef.value.show();
|
||||||
for (let i = 0; i < inputFiles.length; i++) {
|
await axios.post(query, formData, {
|
||||||
const formData = new FormData();
|
params: dms,
|
||||||
formData.append(inputFiles[i].name, inputFiles[i]);
|
});
|
||||||
await axios.post(query, formData, {
|
|
||||||
params: dms,
|
|
||||||
});
|
|
||||||
progress.value = i;
|
|
||||||
}
|
|
||||||
spinnerRef.value.hide();
|
spinnerRef.value.hide();
|
||||||
|
|
||||||
quasar.notify({
|
quasar.notify({
|
||||||
message: t('globals.dataSaved'),
|
message: t('globals.dataSaved'),
|
||||||
type: 'positive',
|
type: 'positive',
|
||||||
|
@ -238,14 +236,7 @@ function onDrag() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<QDialog ref="spinnerRef">
|
<QDialog ref="spinnerRef">
|
||||||
<QCard>
|
<QSpinner color="orange" size="xl" />
|
||||||
<QCardSection class="row justify-center">
|
|
||||||
<QSpinner color="orange" size="xl" />
|
|
||||||
</QCardSection>
|
|
||||||
<QCardSection>
|
|
||||||
<p>{{ `${progress} de ${files.length} archivos subidos` }}</p>
|
|
||||||
</QCardSection>
|
|
||||||
</QCard>
|
|
||||||
</QDialog>
|
</QDialog>
|
||||||
<QPageSticky position="bottom-right" :offset="[25, 25]">
|
<QPageSticky position="bottom-right" :offset="[25, 25]">
|
||||||
<label for="fileInput">
|
<label for="fileInput">
|
||||||
|
|
Loading…
Reference in New Issue