提交 bd971193 authored 作者: wangyizheng's avatar wangyizheng

更新案例pdf的预览问题

上级 8d49ac32
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -83,7 +83,6 @@
"vue-i18n": "^8.22.0",
"vue-loader": "^15.9.3",
"vue-meta-info": "^0.1.7",
"vue-pdf": "^4.2.0",
"vue-router": "^3.4.6",
"vue-template-compiler": "^2.6.12",
"vuex": "^3.5.1"
......
......@@ -57,7 +57,13 @@
</el-table-column>
<el-table-column label="pdf附件" width="100px">
<template slot-scope="scope">
<el-button size="mini" round @click="preViewPdf(scope.row.accessory)">预览pdf</el-button>
<el-popover
placement="right"
width="500"
trigger="click">
<embed class="embed" width="600px" height="700px" :src="scope.row.accessory" type="application/pdf"/>
<el-button slot="reference" size="mini" round>预览pdf</el-button>
</el-popover>
</template>
</el-table-column>
<el-table-column label="背景图" width="130px">
......@@ -127,27 +133,8 @@
</div>
</el-card>
</div>
<div>
<el-dialog title="PDF预览" :visible.sync="pdfDialogFormVisible" width="90%" center @close='closeDialog'>
<div style="margin-bottom: 15px; text-align: right">
<el-button type="primary" size="mini" @click.stop="previousPage">
上一页
</el-button>
<el-button type="primary" size="mini" @click.stop="nextPage">
下一页
</el-button>
<span>当前第{{pdfPage}}页 / 共{{pageCount}}页</span>
</div>
<pdf
ref="pdf"
:src="pdfUrl"
:page="pdfPage"
@num-pages="pageCount = $event"
@page-loaded="pdfPage = $event"
style="display: inline-block; width: 100%"
>
</pdf>
</el-dialog>
<div :hidden="pdfDialogFormVisible">
<embed class="embed" width="600px" height="700px" :src="pdfUrl" type="application/pdf"/>
</div>
<div>
<el-dialog title="产品概况" :visible.sync="productionDialogFormVisible" width="90%" center>
......@@ -351,12 +338,8 @@
<script>
import * as casesApi from '@/api/cases2'
// import pdf from 'vue-pdf'
import * as categoryApi from '@/api/categories'
export default {
// components: {
// pdf
// },
mounted() {
this.list({ page: this.currentPage, limit: this.limit })
this.categoryList()
......@@ -658,7 +641,7 @@ export default {
console.log(file, fileList)
},
uploadSuccess(response, file, fileList) {
if (response.code === 0) {
if (response.code === 0 && response.message === 'SUCCESS') {
var data = response.data
var imageInfo = data[0]
this.addForm.accessory = imageInfo.url
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论