过渡页修改

src/pages/bootpage/panda/index.js

@@ -38,7 +38,7 @@ const BootPage = props => {
   const [percentBottom, setPercentBottom] = useState(-40);
   const [percentNum, setPercentNum] = useState(0);
   const [currentType, setCurrentType] = useState('');
-  // const [loadding, setLoadding] = useState(false);
+  const [loadding, setLoadding] = useState(false);
   const [hasRole, setHasRole] = useState(false);
   const [scale, setScale] = useState(1);
   const [loginAction, setAction] = useState(() => new LoginAction(props));
@@ -53,7 +53,9 @@ const BootPage = props => {
   }, [percentNum]);
   // eslint-disable-next-line no-shadow
   const handlePage = (event, type, loginAction) => {
+    if (loadding) return;
     let count = 1;
+    setLoadding(true);
     setPercentBottom(-40 + Math.ceil(Math.random() * 8 * count));
     setPercentNum(Math.ceil(Math.random() * 10));
     setCurrentType(type);
@@ -65,18 +67,20 @@ const BootPage = props => {
         const perBottom = -40 + 8 * count + Math.ceil(Math.random() * 8);
         const perNum = 10 * count + Math.ceil(Math.random() * 10);
         if (perNum >= 80 || dataRef.current >= 80 || count === 10) {
+          setLoadding(false);
           return clearInterval(process.current);
         }
         setPercentBottom(perBottom);
         setPercentNum(perNum);
         count += 1;
       }, 0);
-    }, 3000);
+    }, 2000);
     // 新增熊猫新产品引导页
     if (type === '熊猫新产品') {
       setTimeout(() => {
         setPercentBottom(40);
         setPercentNum(100);
+        setLoadding(false);
         clearInterval(process.current);
         setTimeout(() => {
           props.history.push('/cloud/introduction/newproducts');
@@ -115,6 +119,7 @@ const BootPage = props => {
     const handleToggleIndustry = event => {
       setPercentBottom(38);
       setPercentNum(98);
+      setLoadding(false);
       clearInterval(process.current);
       setTimeout(() => {
         props.history.push(`/?client=${props.global.client}`);
@@ -138,6 +143,7 @@ const BootPage = props => {
       setTimeout(() => {
         setPercentBottom(40);
         setPercentNum(100);
+        setLoadding(false);
         clearInterval(process.current);
         setTimeout(() => {
           window.history.pushState(null, '', ret);