|
@@ -0,0 +1,81 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8"/>
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
|
+ <title>供应商信息</title>
|
|
|
+ <style>
|
|
|
+ html {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ body {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ margin: 0;
|
|
|
+ background: linear-gradient(45deg, #f5f6fa, #dcdde1, #f5f6fa);
|
|
|
+ }
|
|
|
+
|
|
|
+ .iframe {
|
|
|
+ margin: 0 auto;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ @media screen and (min-width: 768px) {
|
|
|
+ body {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .iframe iframe {
|
|
|
+ width: 375px;
|
|
|
+ height: 768px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media screen and (max-width: 768px) {
|
|
|
+ .iframe {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .iframe iframe {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<div class="iframe" id="iframe">
|
|
|
+ <iframe src="http://localhost:8080/#/pages/approve/index?appId=abcdefg"
|
|
|
+ frameborder="0"
|
|
|
+ ></iframe>
|
|
|
+</div>
|
|
|
+
|
|
|
+<script src="/lib/vue2.6.12.min.js"></script>
|
|
|
+<script>
|
|
|
+ new Vue({
|
|
|
+ data: {
|
|
|
+ appId: ''
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ resultSrc: function () {
|
|
|
+ // http://zp.caimei365.com/#/pages/approve/index
|
|
|
+ // http://zp-b.caimei365.com/#/pages/approve/index
|
|
|
+ return `http://zp-b.caimei365.com/#/pages/approve/index?appId=${this.appId}`
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.appId = window.localStorage.getItem('approveAppId');
|
|
|
+ const title = window.localStorage.getItem('approveIframeName');
|
|
|
+ window.document.title = title;
|
|
|
+ }
|
|
|
+ }).$mount('#iframe')
|
|
|
+</script>
|
|
|
+</body>
|
|
|
+</html>
|