long
2 years ago
7 changed files with 283 additions and 71 deletions
@ -0,0 +1,140 @@
|
||||
<template> |
||||
<div> |
||||
<a-button type="primary" icon="download" @click="downWord">下载</a-button> |
||||
<a-button type="primary" style="left: 10px" @click="previewWord">预览并打印</a-button> |
||||
|
||||
<div style="width: 100%;height: 100%;"> |
||||
<pdf v-show="false" ref="pdfWord" :src="pdfSrc" class="pdf" style=""></pdf> |
||||
</div> |
||||
</div> |
||||
|
||||
</template> |
||||
|
||||
<script> |
||||
const VALIDATE_NO_PASSED = Symbol() |
||||
import pick from 'lodash.pick' |
||||
import { mixinDevice } from '@/utils/mixin' |
||||
import { JeecgListMixin } from '@/mixins/JeecgListMixin' |
||||
import { getAction, downFile } from '@/api/manage' |
||||
import pdf from 'vue-pdf-signature' |
||||
import CMapReaderFactory from 'vue-pdf-signature/src/CMapReaderFactory' |
||||
|
||||
export default { |
||||
name: 'ProcessMaterialsPlanStatement2', |
||||
mixins: [JeecgListMixin, mixinDevice], |
||||
components: { pdf, CMapReaderFactory }, |
||||
props: { |
||||
materWared: { |
||||
type: String |
||||
}, |
||||
/**/ |
||||
procInstId: { |
||||
type: String, |
||||
default: '', |
||||
required: false |
||||
}, |
||||
pictureId: { |
||||
type: String, |
||||
default: '', |
||||
required: false |
||||
}, |
||||
lcModa: { |
||||
type: Object, |
||||
required: false |
||||
} |
||||
}, |
||||
|
||||
data() { |
||||
return { |
||||
showSessionId: '', |
||||
srcHtml: '', |
||||
modalLsVisible: false, |
||||
pdfWord: '', |
||||
pdfSrc: '', |
||||
queryParam:{ |
||||
id:'' |
||||
}, |
||||
url: { |
||||
list: '/hy/processUdgetPlan/getPlanTable', |
||||
queryInspectionFormDownWord: '/word/queryInspectionFormDownWord', |
||||
queryInspectionFormPrevie: '/word/queryInspectionFormPrevie' |
||||
}, |
||||
Wslist: null |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.showSessionId = window.location.search |
||||
}, |
||||
watch:{ |
||||
materWared:function (newData, oldData) { |
||||
//newData是更新后的数据 |
||||
//oldData是旧数据 |
||||
if(newData !== oldData){ |
||||
this.loadData(); |
||||
} |
||||
} |
||||
|
||||
}, |
||||
created() { |
||||
// downFile(this.url.queryPlanPrevie, { id: this.queryParam.id }).then((data) => { |
||||
// console.log(data) |
||||
// const blob = new Blob([data], { type: 'application/pdf' }) |
||||
// this.pdfWord = window.URL.createObjectURL(blob) |
||||
// |
||||
// }) |
||||
// this.loadData(); |
||||
}, |
||||
activated() { |
||||
|
||||
}, |
||||
beforeMount() { |
||||
|
||||
}, |
||||
computed: { |
||||
importExcelUrl: function() { |
||||
return `${window._CONFIG['domianURL']}/${this.url.queryPlanApply}` |
||||
} |
||||
}, |
||||
methods: { |
||||
// 下载 |
||||
downWord() { |
||||
downFile(this.url.queryInspectionFormDownWord, { id: this.queryParam.id }).then((data) => { |
||||
if (!data.size>0) { |
||||
this.$message.warning("文件下载失败") |
||||
return |
||||
} |
||||
const blob = new Blob([data]) // 把得到的结果用流对象转一下 |
||||
var a = document.createElement('a') //创建一个<a></a>标签 |
||||
a.href = URL.createObjectURL(blob) // 将流文件写入a标签的href属性值 |
||||
a.download = '采购通知书.docx' //设置文件名 |
||||
a.style.display = 'none' // 障眼法藏起来a标签 |
||||
document.body.appendChild(a) // 将a标签追加到文档对象中 |
||||
a.click() // 模拟点击了a标签，会触发a标签的href的读取，浏览器就会自动下载了 |
||||
a.remove() |
||||
}) |
||||
|
||||
}, |
||||
previewWord() { |
||||
downFile(this.url.queryInspectionFormPrevie, { id: this.queryParam.id }).then((data) => { |
||||
if (!data.size>0) { |
||||
this.$message.warning("文件预览失败") |
||||
return |
||||
} |
||||
const blob = new Blob([data], { type: 'application/pdf' }) |
||||
this.pdfSrc = window.URL.createObjectURL(blob) |
||||
console.log(this.pdfSrc) |
||||
window.open(this.pdfSrc)//新窗口打开，借用浏览器去打印 |
||||
}) |
||||
}, |
||||
loadData() { |
||||
this.queryParam.id = this.materWared |
||||
}, |
||||
|
||||
|
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less" scoped> |
||||
|
||||
</style> |
||||
Loading…
Reference in new issue