long
2 years ago
1 changed files with 117 additions and 106 deletions
@ -1,129 +1,140 @@ |
|||||||
<template> |
<template> |
||||||
<div > |
<div> |
||||||
<a-card :bordered="false" style="width: 100%;height: 730px"> |
<a-button type="primary" icon="download" @click="downWord">下载</a-button> |
||||||
|
<a-button type="primary" style="left: 10px" @click="previewWord">预览并打印</a-button> |
||||||
<div class="table-operator" style="width: 18%"> |
|
||||||
<!-- <a-button type="primary">--> |
|
||||||
<!-- 预览--> |
|
||||||
<!-- </a-button>--> |
|
||||||
|
|
||||||
</div> |
|
||||||
<div style="width: 100%;height: 80%"> |
|
||||||
<iframe class="iframe" |
|
||||||
:src="srcHtml" |
|
||||||
frameborder="0" |
|
||||||
ref="iframes" |
|
||||||
style="width: 100%;height: 100%" |
|
||||||
> |
|
||||||
|
|
||||||
</iframe> |
|
||||||
</div> |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</a-card> |
|
||||||
|
|
||||||
|
<div style="width: 100%;height: 100%;"> |
||||||
|
<pdf v-show="false" ref="pdfWord" :src="pdfSrc" class="pdf" style=""></pdf> |
||||||
|
</div> |
||||||
</div> |
</div> |
||||||
|
|
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
import { JeecgListMixin } from '@/mixins/JeecgListMixin' |
const VALIDATE_NO_PASSED = Symbol() |
||||||
import { mixinDevice } from '@/utils/mixin' |
import pick from 'lodash.pick' |
||||||
import { getAction } from '@api/manage' |
import { mixinDevice } from '@/utils/mixin' |
||||||
|
import { JeecgListMixin } from '@/mixins/JeecgListMixin' |
||||||
export default { |
import { getAction, downFile } from '@/api/manage' |
||||||
name: "ProcessMaterialsDeliveryStatement", |
import pdf from 'vue-pdf-signature' |
||||||
mixins:[JeecgListMixin,mixinDevice], |
import CMapReaderFactory from 'vue-pdf-signature/src/CMapReaderFactory' |
||||||
props:{ |
|
||||||
materWared:{ |
export default { |
||||||
type: String, |
name: 'ProcessMaterialsDeliveryStatement', |
||||||
} |
mixins: [JeecgListMixin, mixinDevice], |
||||||
}, |
components: { pdf, CMapReaderFactory }, |
||||||
data(){ |
props: { |
||||||
return{ |
materWared: { |
||||||
showSessionId : '', |
type: String |
||||||
srcHtml : '', |
|
||||||
url:{ |
|
||||||
list: "/hy/processMaterialsDelivery/stockRemovalDetails", |
|
||||||
}, |
}, |
||||||
Wslist:[] |
/**/ |
||||||
} |
procInstId: { |
||||||
}, |
type: String, |
||||||
created() { |
default: '', |
||||||
this.sendMesFroIframe(); |
required: false |
||||||
// this.loadData(); |
}, |
||||||
}, |
pictureId: { |
||||||
activated() { |
type: String, |
||||||
this.sendMesFroIframe(); |
default: '', |
||||||
}, |
required: false |
||||||
mounted() { |
}, |
||||||
this.showSessionId = window.location.search; |
lcModa: { |
||||||
this.srcHtml = '../static/内部领物单.html'; |
type: Object, |
||||||
this.sendMesFroIframe(); |
required: false |
||||||
}, |
} |
||||||
beforeMount() { |
}, |
||||||
|
|
||||||
}, |
|
||||||
methods:{ |
|
||||||
//方法： |
|
||||||
async sendMesFroIframe() { |
|
||||||
let a = await this.loadData(); |
|
||||||
console.log("执行了>>>>>>>>>>>>>>>>>>",a); |
|
||||||
|
|
||||||
const mapFrame = this.$refs['iframes'] |
data() { |
||||||
if (mapFrame.attachEvent) { // 兼容浏览器判断 |
return { |
||||||
mapFrame.attachEvent('onload', function() { |
showSessionId: '', |
||||||
const iframeWin = mapFrame.contentWindow |
srcHtml: '', |
||||||
iframeWin.postMessage(a, '*') |
modalLsVisible: false, |
||||||
// data传递的参数 *写成子页面的域名或者是ip |
pdfWord: '', |
||||||
}) |
pdfSrc: '', |
||||||
} else { |
queryParam:{ |
||||||
mapFrame.onload = function() { |
id:'' |
||||||
const iframeWin = mapFrame.contentWindow |
}, |
||||||
iframeWin.postMessage(a, '*') |
url: { |
||||||
|
list: '/hy/processUdgetPlan/getPlanTable', |
||||||
|
queryDeliveryDownWord: '/word/queryDeliveryDownWord', |
||||||
|
queryDeliveryPrevie: '/word/queryDeliveryPrevie' |
||||||
|
}, |
||||||
|
Wslist: null |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.showSessionId = window.location.search |
||||||
|
}, |
||||||
|
watch:{ |
||||||
|
materWared:function (newData, oldData) { |
||||||
|
// newData是更新后的数据 |
||||||
|
// oldData是旧数据 |
||||||
|
if(newData !== oldData){ |
||||||
|
this.loadData(); |
||||||
|
console.log("数据已经更新") |
||||||
} |
} |
||||||
} |
} |
||||||
|
}, |
||||||
|
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() { |
||||||
|
|
||||||
loadData() { |
}, |
||||||
return new Promise((resolve, reject) => { |
computed: { |
||||||
if(!this.url.list){ |
importExcelUrl: function() { |
||||||
this.$message.error("请设置url.list属性!") |
return `${window._CONFIG['domianURL']}/${this.url.queryPlanApply}` |
||||||
return |
} |
||||||
} |
}, |
||||||
console.log("this.materWared>>>>>>>>>>>>>>>>>>>>>",this.materWared); |
methods: { |
||||||
this.queryParam.processMaterialsDeliveryId = this.materWared; |
// 下载 |
||||||
getAction(this.url.list, this.queryParam).then((res) => { |
downWord() { |
||||||
console.log(res); |
downFile(this.url.queryDeliveryDownWord, { id: this.queryParam.id }).then((data) => { |
||||||
if (res.success) { |
if (!data.size>0) { |
||||||
this.Wslist = res.result.records; |
this.$message.warning("文件下载失败") |
||||||
|
return |
||||||
} |
} |
||||||
if(res.code===510){ |
const blob = new Blob([data]) // 把得到的结果用流对象转一下 |
||||||
this.$message.warning(res.message) |
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.queryDeliveryPrevie, { id: this.queryParam.id }).then((data) => { |
||||||
|
if (!data.size>0) { |
||||||
|
this.$message.warning("文件预览失败") |
||||||
|
return |
||||||
} |
} |
||||||
this.loading = false; |
const blob = new Blob([data], { type: 'application/pdf' }) |
||||||
resolve( this.Wslist ); |
this.pdfSrc = window.URL.createObjectURL(blob) |
||||||
|
console.log(this.pdfSrc) |
||||||
|
window.open(this.pdfSrc)//新窗口打开，借用浏览器去打印 |
||||||
}) |
}) |
||||||
|
}, |
||||||
|
loadData() { |
||||||
|
this.queryParam.id = this.materWared |
||||||
|
}, |
||||||
|
|
||||||
}) |
|
||||||
|
|
||||||
}, |
} |
||||||
} |
} |
||||||
} |
|
||||||
</script> |
</script> |
||||||
|
|
||||||
<style scoped> |
<style lang="less" scoped> |
||||||
.iframe { |
|
||||||
|
|
||||||
position: absolute; |
|
||||||
left: 0; |
|
||||||
right: 0; |
|
||||||
top: 0; |
|
||||||
bottom: 0; |
|
||||||
width: 100%; |
|
||||||
height: 100%; |
|
||||||
background: #fff; |
|
||||||
overflow-y: hidden; |
|
||||||
} |
|
||||||
</style> |
</style> |
||||||
Loading…
Reference in new issue