三方跳转修改

src/pages/system/iframe/JumpThirdLink.js

-import React, { useEffect, useState } from 'react';
-
+import React, { useEffect } from 'react';
+import { Button } from 'antd';
+import BgImg from '@/assets/images/commonMenu/背景.jpg';
+import styles from './index.less';
 const JumpThirdLink = props => {
-    let linkUrl = props.params.linkUrl || '';
-    console.log('linkUrl', linkUrl)
-    useEffect(() => {
-        if (linkUrl) {
-            console.log('linkUrl', linkUrl)
-            window.open(linkUrl, '_blank');
-        }
-    }, []);
+  const linkUrl = props.params.linkUrl || '';
+  const jumpLink = () => {
+    window.open(linkUrl, '_blank');
+  };
 
+  useEffect(() => {
+    if (linkUrl) {
+      jumpLink();
+    }
+  }, []);
 
-    return (
-        <div></div>
-    );
+  return (
+    <div
+      className={styles['jump-panel']}
+      style={{
+        background: `url(${BgImg}) center/100% 100% no-repeat`,
+      }}
+    >
+      <div className={styles['jump-text']}>当前已打开跳转页，点击按钮打开</div>
+      <Button className={styles['jump-button']} type="primary" onClick={jumpLink}>
+        立即前往
+      </Button>
+    </div>
+  );
 };
 
 export default JumpThirdLink;

src/pages/system/iframe/index.less

+.jump-panel {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+
+  .jump-text {
+    font-size: 20px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #233B58;
+    height: 35px;
+    line-height: 35px;
+    margin: auto 50% 10px auto;
+    transform: translateX(300px);
+  }
+  .jump-button {
+    margin: 10px 50% auto auto;
+    transform: translateX(109px);
+    width: 109px;
+    height: 32px;
+    box-shadow: 0px 7px 8px 0px rgba(22,133,255,0.51);
+    border-radius: 16px;
+  }
+}
+
 .tab-iframe {
   width: 100%;
   height: 100%;