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