6 changed files with 220 additions and 146 deletions
@ -1,130 +1,140 @@
|
||||
<template> |
||||
<div > |
||||
<a-card :bordered="false" style="width: 100%;height: 730px"> |
||||
<div> |
||||
<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 style="width: 100%;height: 100%;"> |
||||
<pdf v-show="false" ref="pdfWord" :src="pdfSrc" class="pdf" style=""></pdf> |
||||
</div> |
||||
</div> |
||||
|
||||
</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> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getAction } from '@api/manage' |
||||
import { mixinDevice } from '@/utils/mixin' |
||||
import { JeecgListMixin } from '@/mixins/JeecgListMixin' |
||||
|
||||
export default { |
||||
name: "ProcessMaterialWarehousingStatement", |
||||
mixins:[JeecgListMixin,mixinDevice], |
||||
props:{ |
||||
materWared:{ |
||||
type: String, |
||||
} |
||||
}, |
||||
data(){ |
||||
return{ |
||||
showSessionId : '', |
||||
srcHtml : '', |
||||
url:{ |
||||
list: "/hy/processMaterialWarehousing/queryByIdWarehousingList", |
||||
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: 'ProcessMaterialWarehousingStatement', |
||||
mixins: [JeecgListMixin, mixinDevice], |
||||
components: { pdf, CMapReaderFactory }, |
||||
props: { |
||||
materWared: { |
||||
type: String |
||||
}, |
||||
Wslist:[] |
||||
} |
||||
}, |
||||
created() { |
||||
this.sendMesFroIframe(); |
||||
// this.loadData(); |
||||
}, |
||||
activated() { |
||||
this.sendMesFroIframe(); |
||||
}, |
||||
mounted() { |
||||
this.showSessionId = window.location.search; |
||||
this.srcHtml = '../static/物质入库验收报告.html'; |
||||
this.sendMesFroIframe(); |
||||
}, |
||||
beforeMount() { |
||||
|
||||
}, |
||||
methods:{ |
||||
//方法： |
||||
async sendMesFroIframe() { |
||||
let a = await this.loadData(); |
||||
console.log("执行了>>>>>>>>>>>>>>>>>>",a); |
||||
|
||||
const mapFrame = this.$refs['iframes'] |
||||
if (mapFrame.attachEvent) { // 兼容浏览器判断 |
||||
mapFrame.attachEvent('onload', function() { |
||||
const iframeWin = mapFrame.contentWindow |
||||
iframeWin.postMessage(a, '*') |
||||
// data传递的参数 *写成子页面的域名或者是ip |
||||
}) |
||||
} else { |
||||
mapFrame.onload = function() { |
||||
const iframeWin = mapFrame.contentWindow |
||||
iframeWin.postMessage(a, '*') |
||||
} |
||||
} |
||||
|
||||
}, |
||||
/**/ |
||||
procInstId: { |
||||
type: String, |
||||
default: '', |
||||
required: false |
||||
}, |
||||
pictureId: { |
||||
type: String, |
||||
default: '', |
||||
required: false |
||||
}, |
||||
lcModa: { |
||||
type: Object, |
||||
required: false |
||||
} |
||||
}, |
||||
|
||||
loadData() { |
||||
return new Promise((resolve, reject) => { |
||||
if(!this.url.list){ |
||||
this.$message.error("请设置url.list属性!") |
||||
return |
||||
data() { |
||||
return { |
||||
showSessionId: '', |
||||
srcHtml: '', |
||||
modalLsVisible: false, |
||||
pdfWord: '', |
||||
pdfSrc: '', |
||||
queryParam:{ |
||||
id:'' |
||||
}, |
||||
url: { |
||||
list: '/hy/processUdgetPlan/getPlanTable', |
||||
queryPlandDownWord: '/word/queryWarehousingDownWord', |
||||
queryPlanPrevie: '/word/queryWarehousingPrevie' |
||||
}, |
||||
Wslist: null |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.showSessionId = window.location.search |
||||
}, |
||||
watch:{ |
||||
materWared:function (newData, oldData) { |
||||
// newData是更新后的数据 |
||||
// oldData是旧数据 |
||||
if(newData !== oldData){ |
||||
this.loadData(); |
||||
console.log("数据已经更新") |
||||
} |
||||
console.log(this.materWared); |
||||
this.queryParam.processMaterialWarehousingId = this.materWared; |
||||
getAction(this.url.list, this.queryParam).then((res) => { |
||||
console.log(res); |
||||
if (res.success) { |
||||
this.Wslist = res.result.records; |
||||
} |
||||
}, |
||||
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.queryPlandDownWord, { id: this.queryParam.id }).then((data) => { |
||||
if (!data) { |
||||
this.$message.warning("文件下载失败") |
||||
return |
||||
} |
||||
if(res.code===510){ |
||||
this.$message.warning(res.message) |
||||
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.queryPlanPrevie, { id: this.queryParam.id }).then((data) => { |
||||
if (!data) { |
||||
this.$message.warning("文件预览失败") |
||||
return |
||||
} |
||||
this.loading = false; |
||||
resolve( this.Wslist ); |
||||
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 scoped> |
||||
.iframe { |
||||
<style lang="less" scoped> |
||||
|
||||
position: absolute; |
||||
left: 0; |
||||
right: 0; |
||||
top: 0; |
||||
bottom: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
background: #fff; |
||||
overflow-y: hidden; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue