"润乾报表独立部署在 tomcat 下，现在做打印功能，打印的数据是 vue 界面勾选数据，然后通过 iframe 中 src 跳转到模版地址，并将勾选的数据主键作为参数传到润乾报表的模版中。 .."

zhang666 上海
乾学院 840 号会员
5 回帖 • 3,742 浏览 • 5 年前

已解决 ...

求助：vue 界面 iframe src 如何向润乾 post 传参

报表答疑

润乾报表独立部署在 tomcat 下，现在做打印功能，打印的数据是 vue 界面勾选数据，然后通过 iframe 中 src 跳转到模版地址，并将勾选的数据主键作为参数传到润乾报表的模版中。
如：《iframe src=“****.rpx&id= id in(**)” id=“myIFrame” width=“100%” height=“98%” >

这样是 get 传参，长度有限，请问用 post 传参传到润乾报表，该如何去实现

5 回帖

请输入回帖内容 ...

zhang666 • 5 年前

烦请各位大神帮帮忙，网上也百度了，自己写写改改，没能实现

gxy • 5 年前

post 的话可以在页面中弄个 form，在 form 里用 post 传值，比如：

<html xmlns="http://www.w3.org/1999/xhtml" >
<body>
    <form id="test" action="test.jsp" method="post">
        <input id="testId1" type="hidden" name="testId1" value="222"/>
    </form>
</body>
<script language="javascript" >
	test.testId1.value="11111111111111111111111111111";
test.submit();
    </script>
</html>
test.jsp改成报表端的页面地址，testId1这个参数是报表端对应要接收的参数名，在js中给这个id值设置参数，这样会以post方式传递到报表端。

1 回复

zhang666 • 5 年前
感谢感谢，我用另一种写法写出来了。代码：
```
 <div  class="mainWrap">
 	<iframe id="frame1" name="frame1" src=""></iframe>  
 </div>
```
效果：

参数老长一段，截图省略。。。。
zhang666 • 5 年前
代码：（为什么我用尖括号，script 就不显示了，改成书名号就显示了）
可以不用配参数模版，直接在数据集里面语法里面条件 where ${参数名}，然后参数值可以从项目页面传过来
```
 <div  class="mainWrap">
 	<iframe id="frame1" name="frame1" src=""></iframe>  
 </div>
```
《script>
export default {
data() {
return {
printurl:“goods_name=‘人工晶状体’ "
+” or goods_name=‘人工晶状体 1’ or goods_name=‘人工晶状体 1’ or goods_name=‘人工晶状体 1’。。。尽量拼长点 "
}
},
created() {
let _this=this;
// document.getElementById(“frame1”).style.display = “block”;
var postForm = document.createElement(“form”);
postForm.method = “post”;
postForm.action = “http://localhost:8089/runqiandemo/reportJsp/preview.jsp?rpx=E:/BaiduNetdiskDownload/tomcat/apache-tomcat-7.0.72/webapps/runqiandemo/WEB-INF/reportFiles/goods.rpx&arg=E:/BaiduNetdiskDownload/tomcat/apache-tomcat-7.0.72/webapps/runqiandemo/WEB-INF/reportFiles/goods_arg.rpx”;
postForm.target = “frame1”;// 用来将数据提交到 frame1 上
```
	    var input = document.createElement("input");  
	    input.type = "hidden";  
	    input.name = "goodsname";//这个是传值的名称，要记住  
	    input.value = _this.printurl;  
	    postForm.appendChild(input);  
	    document.body.appendChild(postForm);  
	    postForm.submit();  
	    //用完之后，不要忘记删掉  
	    postForm.removeChild(input);  
	    document.body.removeChild(postForm);  

	}
}
```
《/script>

《style scoped=“scoped”>
.mainWrap {
background: #fff;
margin-left: 20px;
overflow: hidden;
height: 100%;
overflow-y: auto;
}
《/style>
freedom • 5 年前

你好. 我想问问您是用润乾报表, iframe 可以做成自适应嘛? 等你回信