|
|
@ -27,9 +27,9 @@ |
|
|
</el-button> |
|
|
</el-button> |
|
|
<div class="edit-content"> |
|
|
<div class="edit-content"> |
|
|
<div class="detail-content" style="width: 100%; height: 100%;"> |
|
|
<div class="detail-content" style="width: 100%; height: 100%;"> |
|
|
<vue-html2pdf :show-layout="false" pdf-content-width="100%" :pdf-format="form.templatePdfSize" |
|
|
|
|
|
:pdf-quality="2" :float-layout="false" pdf-orientation="landscape" :paginate-elements-by-height="794" |
|
|
|
|
|
:enable-download="true" :preview-modal="true" ref="html2Pdf" @progress="onProgress"> |
|
|
|
|
|
|
|
|
<vue-html2pdf :show-layout="true" pdf-content-width="100%" :pdf-format="form.templatePdfSize" :pdf-quality="2" |
|
|
|
|
|
:float-layout="false" pdf-orientation="landscape" :paginate-elements-by-height="0" :enable-download="true" |
|
|
|
|
|
:preview-modal="false" ref="html2Pdf" @progress="onProgress"> |
|
|
<section slot="pdf-content"> |
|
|
<section slot="pdf-content"> |
|
|
<div class="pdf-content"> |
|
|
<div class="pdf-content"> |
|
|
<TemplateTable ref="templateTable" :sn="form.templateSn" :templateData="form" fillType="detail" /> |
|
|
<TemplateTable ref="templateTable" :sn="form.templateSn" :templateData="form" fillType="detail" /> |
|
|
@ -56,11 +56,11 @@ |
|
|
</tr> |
|
|
</tr> |
|
|
</tbody> |
|
|
</tbody> |
|
|
</table> |
|
|
</table> |
|
|
<div class="content-title" style="margin-top: 10px;"> |
|
|
|
|
|
|
|
|
<div class="content-title" style="margin-top: 10px;" v-show="jcgjlxExport!=999"> |
|
|
<div class="line"></div> |
|
|
<div class="line"></div> |
|
|
<div class="subtitle"> {{ $t('page.business.study.studyFormFill.jcgj') }}</div> |
|
|
<div class="subtitle"> {{ $t('page.business.study.studyFormFill.jcgj') }}</div> |
|
|
</div> |
|
|
</div> |
|
|
<JcgjList ref="jcgjExportList" :readonly="true" /> |
|
|
|
|
|
|
|
|
<JcgjList ref="jcgjExportList" :readonly="true" v-show="jcgjlxExport!=999"/> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
</section> |
|
|
@ -200,7 +200,7 @@ export default { |
|
|
showExport: false, |
|
|
showExport: false, |
|
|
qmxxExportList: [], |
|
|
qmxxExportList: [], |
|
|
jcgjExportList: [], |
|
|
jcgjExportList: [], |
|
|
|
|
|
|
|
|
|
|
|
jcgjlxExport:0 |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
computed: { |
|
|
@ -213,6 +213,7 @@ export default { |
|
|
methods: { |
|
|
methods: { |
|
|
onProgress(progress) { |
|
|
onProgress(progress) { |
|
|
console.log(`生成进度: ${progress}%`) |
|
|
console.log(`生成进度: ${progress}%`) |
|
|
|
|
|
this.removePageBreak() |
|
|
if (progress == 100) { |
|
|
if (progress == 100) { |
|
|
this.showExport = false |
|
|
this.showExport = false |
|
|
this.$modal.closeLoading() |
|
|
this.$modal.closeLoading() |
|
|
@ -220,8 +221,8 @@ export default { |
|
|
}, |
|
|
}, |
|
|
exportExcel(jcgjlx) { |
|
|
exportExcel(jcgjlx) { |
|
|
this.$modal.loading() |
|
|
this.$modal.loading() |
|
|
|
|
|
this.jcgjlxExport=jcgjlx |
|
|
this.showExport = true |
|
|
this.showExport = true |
|
|
this.$modal.loading() |
|
|
|
|
|
studyFormFill_jcgjqmxxList({ jcgjlx: jcgjlx, id: this.form.id }).then(response => { |
|
|
studyFormFill_jcgjqmxxList({ jcgjlx: jcgjlx, id: this.form.id }).then(response => { |
|
|
this.jcgjExportList = response.data.jcgj |
|
|
this.jcgjExportList = response.data.jcgj |
|
|
this.qmxxExportList = response.data.qmxx |
|
|
this.qmxxExportList = response.data.qmxx |
|
|
@ -231,6 +232,12 @@ export default { |
|
|
}, 200); |
|
|
}, 200); |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
//移除分页空白 |
|
|
|
|
|
removePageBreak() { |
|
|
|
|
|
document.querySelectorAll('.html2pdf__page-break').forEach(el => { |
|
|
|
|
|
el.remove() |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
exportExcel_bak(jcgjlx) { |
|
|
exportExcel_bak(jcgjlx) { |
|
|
this.$modal.loading() |
|
|
this.$modal.loading() |
|
|
studyFormFill_exportDetail(_.merge({}, this.queryParamsJcgj, { jcgjlx: jcgjlx, lang: this.$store.getters.language.split("_")[0] })).then(response => { |
|
|
studyFormFill_exportDetail(_.merge({}, this.queryParamsJcgj, { jcgjlx: jcgjlx, lang: this.$store.getters.language.split("_")[0] })).then(response => { |
|
|
@ -339,6 +346,9 @@ export default { |
|
|
.pdf-content { |
|
|
.pdf-content { |
|
|
padding: 20px; |
|
|
padding: 20px; |
|
|
font-family: Arial, sans-serif; |
|
|
font-family: Arial, sans-serif; |
|
|
|
|
|
page-break-inside: avoid !important; |
|
|
|
|
|
break-inside: avoid !important; |
|
|
|
|
|
page-break-after: avoid !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pdf-content h1 { |
|
|
.pdf-content h1 { |
|
|
@ -413,4 +423,8 @@ export default { |
|
|
line-height: 35px; |
|
|
line-height: 35px; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.html2pdf__page-break { |
|
|
|
|
|
display: none !important; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |