| ... | @@ -14,7 +14,6 @@ export default { |
... | @@ -14,7 +14,6 @@ export default { |
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
loading: false,
|
|
|
|
|
pages: [],
|
|
pages: [],
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
| ... | @@ -37,17 +36,18 @@ export default { |
... | @@ -37,17 +36,18 @@ export default { |
|
|
return pdfjsLib
|
|
return pdfjsLib
|
|
|
.getDocument(this.document)
|
|
.getDocument(this.document)
|
|
|
.then(this.renderPages)
|
|
.then(this.renderPages)
|
|
|
.then(() => this.$emit('pdflabload'))
|
|
.then(pages => {
|
|
|
.catch(error => this.$emit('pdflaberror', error))
|
|
this.pages = pages;
|
|
|
.then(() => {
|
|
this.$emit('pdflabload');
|
|
|
this.loading = false;
|
|
})
|
|
|
|
.catch(error => {
|
|
|
|
this.$emit('pdflaberror', error);
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
renderPages(pdf) {
|
|
renderPages(pdf) {
|
|
|
const pagePromises = [];
|
|
const pagePromises = [];
|
|
|
this.loading = true;
|
|
|
|
|
for (let num = 1; num <= pdf.numPages; num += 1) {
|
|
for (let num = 1; num <= pdf.numPages; num += 1) {
|
|
|
pagePromises.push(pdf.getPage(num).then(p => this.pages.push(p)));
|
|
pagePromises.push(pdf.getPage(num));
|
|
|
}
|
|
}
|
|
|
return Promise.all(pagePromises);
|
|
return Promise.all(pagePromises);
|
|
|
},
|
|
},
|
| ... | @@ -59,8 +59,8 @@ export default { |
... | @@ -59,8 +59,8 @@ export default { |
|
|
<div v-if="hasPDF" class="pdf-viewer">
|
|
<div v-if="hasPDF" class="pdf-viewer">
|
|
|
<page
|
|
<page
|
|
|
v-for="(page, index) in pages"
|
|
v-for="(page, index) in pages"
|
|
|
|
v-if="page"
|
|
|
:key="index"
|
|
:key="index"
|
|
|
:v-if="!loading"
|
|
|
|
|
:page="page"
|
|
:page="page"
|
|
|
:number="index + 1"
|
|
:number="index + 1"
|
|
|
/>
|
|
/>
|
| ... | |
... | |
| ... | | ... | |