更新安装页面内容

src/pages/InitialSystem/index.tsx

@@ -17,8 +17,9 @@ const InitialSystem: FC<PageProps> = ({ }) => {
   const [visibility, setVisibility] = useState<boolean>(true);
 
   const urlParams = useParams();
-  let installExe: any = localStorage.getItem('installExe')
+  let installExe = localStorage.getItem(`${urlParams?.fileType}`);
-  let info = JSON.parse(installExe);
+  let info = installExe ? JSON.parse(installExe) : null;
+
   const MenuList: any = {
     'admin': [
       { name: '算法加载', dom: <div>暂无内容</div>, img: '' },
@@ -60,7 +61,7 @@ const InitialSystem: FC<PageProps> = ({ }) => {
 
   return (
     <div className={styles.initial_warp}>
-      {info[14].select ? <>
+      {info.installExe[14].select ? <>
         {/* 头部 */}
         <div className={styles.header_warp}>
           <div className='ml20'>专用核心密码机管理软件</div>
@@ -103,7 +104,7 @@ const InitialSystem: FC<PageProps> = ({ }) => {
         maskClosable={false}
       >
         <div style={{padding: '20px 0'}}>
-          请先安装一体化密码机驱动程序
+          缺少驱动，请先安装所需的驱动程序！
         </div>
       </Modal>
 

src/pages/InstallExe/exeDialog/CodeDriver.tsx

@@ -16,6 +16,10 @@ const CodeDriver: FC<PageProps> = ({
   const [active, setActive] = useState(1);
   const [percentVal, setPercentVal] = useState(0);
 
+  useEffect(() => {
+    if (open) setActive(1)
+  }, [open])
+
   // 监听是否到安装进度条步骤
   useEffect(() => {
     if (active == 3) {

src/pages/InstallExe/exeDialog/CodeManage.tsx

@@ -21,6 +21,10 @@ const CodeManage: FC<PageProps> = ({
 
   const urlParams = useParams();
 
+  useEffect(() => {
+    if (open) setActive(1)
+  }, [open])
+
   // 监听是否到安装进度条步骤
   useEffect(() => {
     if (active == 3) {

src/pages/InstallExe/exeDialog/CoreArea.tsx

@@ -27,6 +27,14 @@ const CoreArea: FC<PageProps> = ({
 
   const urlParams = useParams();
 
+  useEffect(() => {
+    if (open) {
+      setActive(1)
+      setPassword('')
+      setServerIp('127.0.0.1')
+    }
+  }, [open])
+
   // 监听是否到安装进度条步骤
   useEffect(() => {
     if (active == 4) {
@@ -86,9 +94,13 @@ const CoreArea: FC<PageProps> = ({
       return true;
     }
 
-    if (false) {
+    let sysName = localStorage.getItem(`${urlParams?.fileType}`);
-      message.error('用户名或密码错误！');
+    if (sysName) {
-      return true;
+      let info = JSON.parse(sysName)
+      if (password !== info.GBasePassword) {
+        message.error('密码错误！');
+        return true;
+      }
     }
   }
 
@@ -99,35 +111,35 @@ const CoreArea: FC<PageProps> = ({
         <div className={styles.modal} style={{ width: 500, height: 460 }}>
           <img src={require(`../../../assets/images/coreArea/${active}.png`)} width={500} height={460} />
 
-          <div className={styles.close} onClick={()=>{
+          <div className={styles.close} onClick={() => {
             onCancel('核心区安装程序')
-            }}></div>
+          }}></div>
 
           {[1, 2, 3].includes(active) && <div className={styles.title}>核心区客户端 安装程序</div>}
           {![1, 2, 3].includes(active) && <div className={styles.title1}>核心区客户端 安装程序</div>}
 
           {active == 1 && <div className={styles.pic1}>核心区客户端安装程序</div>}
           {active == 2 && <>
-            <div className={styles.pic1} style={{left: 10}}>填写GBase账号信息</div>
+            <div className={styles.pic1} style={{ left: 10 }}>填写GBase账号信息</div>
-            <div className={styles.pic1} style={{fontSize: 12, top: 130, left: 16}}>用户名</div>
+            <div className={styles.pic1} style={{ fontSize: 12, top: 130, left: 16 }}>用户名</div>
-            <div className={styles.pic1} style={{fontSize: 12, top: 180, left: 27}}>密码</div>
+            <div className={styles.pic1} style={{ fontSize: 12, top: 180, left: 27 }}>密码</div>
-            <Input value={userName} onChange={(e) => { setUserName(e.target.value) }} className={styles.input1} style={{top: 121, left: 59, width: 325}}/>
+            <Input disabled value={userName} onChange={(e) => { setUserName(e.target.value) }} className={styles.input1} style={{ top: 121, left: 59, width: 325 }} />
-            <Input value={password} onChange={(e) => { setPassword(e.target.value) }} className={styles.input2} style={{top: 171, left: 59, width: 325}}/>
+            <Input value={password} onChange={(e) => { setPassword(e.target.value) }} className={styles.input2} style={{ top: 171, left: 59, width: 325 }} />
           </>}
           {active == 3 && <div className={styles.pic1} style={{ top: 166, left: 85 }}>核心区客户端</div>}
           {active == 5 && <div className={styles.pic1} style={{ top: 123, left: 85 }}>核心区客户端</div>}
 
           {active == 6 && <>
-            <div className={styles.pic1} style={{left: 15, top: 45}}>填写GBase账号信息</div>
+            <div className={styles.pic1} style={{ left: 15, top: 45 }}>填写GBase账号信息</div>
-            <div className={styles.pic1} style={{fontSize: 12, top: 130, left: 16}}>服务器的ip地址</div>
+            <div className={styles.pic1} style={{ fontSize: 12, top: 130, left: 16 }}>服务器的ip地址</div>
-            <div className={styles.pic1} style={{fontSize: 12, top: 180, left: 39}}>服务器端口</div>
+            <div className={styles.pic1} style={{ fontSize: 12, top: 180, left: 39 }}>服务器端口</div>
-            <div className={styles.pic1} style={{fontSize: 12, top: 230, left: 50}}>本地端口</div>
+            <div className={styles.pic1} style={{ fontSize: 12, top: 230, left: 50 }}>本地端口</div>
-            <Input value={serverIp} onChange={(e) => { setServerIp(e.target.value) }} className={styles.input1} style={{top: 121, left: 109, width: 325}}/>
+            <Input value={serverIp} onChange={(e) => { setServerIp(e.target.value) }} className={styles.input1} style={{ top: 121, left: 109, width: 325 }} />
-            <Input disabled value={serverPort} onChange={(e) => { setServerPort(e.target.value) }} className={styles.input2} style={{top: 171, left: 109, width: 325}}/>
+            <Input disabled value={serverPort} onChange={(e) => { setServerPort(e.target.value) }} className={styles.input2} style={{ top: 171, left: 109, width: 325 }} />
-            <Input disabled value={localPort} onChange={(e) => { setLocalPort(e.target.value) }} className={styles.input2} style={{top: 221, left: 109, width: 325}}/>
+            <Input disabled value={localPort} onChange={(e) => { setLocalPort(e.target.value) }} className={styles.input2} style={{ top: 221, left: 109, width: 325 }} />
-            <div className={styles.pic1} style={{fontSize: 12, top: 427, left: 265}}>确定</div>
+            <div className={styles.pic1} style={{ fontSize: 12, top: 427, left: 265 }}>确定</div>
-            <div className={styles.pic1} style={{fontSize: 12, top: 427, left: 343}}>取消</div>
+            <div className={styles.pic1} style={{ fontSize: 12, top: 427, left: 343 }}>取消</div>
-            <div className={styles.pic1} style={{fontSize: 12, top: 427, left: 420}}>应用</div>
+            <div className={styles.pic1} style={{ fontSize: 12, top: 427, left: 420 }}>应用</div>
           </>}
 
           {[1, 2, 3].includes(active) && <div
@@ -144,7 +156,7 @@ const CoreArea: FC<PageProps> = ({
 
           {[5, 6].includes(active) && <div
             className={styles.net}
-            style={{ bottom: 17, right: active == 5 ? 27 : 187}}
+            style={{ bottom: 17, right: active == 5 ? 27 : 187 }}
             onClick={() => {
               active == 5 ? setValue() : installSuccess()
             }}>

src/pages/InstallExe/exeDialog/DeviceDriver.tsx

@@ -17,6 +17,10 @@ const CodeDriver: FC<PageProps> = ({
   const [active, setActive] = useState(1);
   const [percentVal, setPercentVal] = useState(0);
 
+  useEffect(() => {
+    if (open) setActive(1)
+  }, [open])
+
   // 监听是否到安装进度条步骤
   useEffect(() => {
     if (active == 3) {

src/pages/InstallExe/exeDialog/DutyArea.tsx

@@ -27,6 +27,14 @@ const DutyArea: FC<PageProps> = ({
 
   const urlParams = useParams();
 
+  useEffect(() => {
+    if (open) {
+      setActive(1)
+      setPassword('')
+      setServerIp('127.0.0.1')
+    }
+  }, [open])
+
   // 监听是否到安装进度条步骤
   useEffect(() => {
     if (active == 4) {

src/pages/InstallExe/exeDialog/FlashPlayer.tsx

@@ -16,6 +16,10 @@ const FlashPlayer: FC<PageProps> = ({
   const [active, setActive] = useState(1);
   const [percentVal, setPercentVal] = useState(0);
 
+  useEffect(() => {
+    if (open) setActive(1)
+  }, [open])
+
   // 监听是否到安装进度条步骤
   useEffect(() => {
     if (active == 2) {

src/pages/InstallExe/exeDialog/GBase.tsx

@@ -20,6 +20,14 @@ const GBase: FC<PageProps> = ({
   const [confirmPassword, setConfirmPassword] = useState('');
   const [percentVal, setPercentVal] = useState(0);
 
+  useEffect(() => {
+    if (open) {
+      setActive(1)
+      setPassword('')
+      setConfirmPassword('')
+    }
+  }, [open])
+
   // 监听是否到安装进度条步骤
   useEffect(() => {
     if (active == 11) {

src/pages/InstallExe/exeDialog/HGoogleEarth.tsx

@@ -17,6 +17,10 @@ const HGoogleEarth: FC<PageProps> = ({
   const [percentVal, setPercentVal] = useState(0);
   const [showOk, setShowOk] = useState(false);
 
+  useEffect(() => {
+    if (open) setActive(1)
+  }, [open])
+
   // 监听是否到安装进度条步骤
   useEffect(() => {
     if (active == 2) {

src/pages/InstallExe/exeDialog/MSXML.tsx

@@ -16,6 +16,10 @@ const MSXML: FC<PageProps> = ({
   const [active, setActive] = useState(1);
   const [percentVal, setPercentVal] = useState(0);
 
+  useEffect(() => {
+    if (open) setActive(1)
+  }, [open])
+
   // 监听是否到安装进度条步骤
   useEffect(() => {
     if (active == 6) {

src/pages/InstallExe/exeDialog/Net.tsx

@@ -16,6 +16,10 @@ const Net: FC<PageProps> = ({
   const [active, setActive] = useState(1);
   const [percentVal, setPercentVal] = useState(0);
 
+  useEffect(() => {
+    if (open) setActive(1)
+  }, [open])
+
   // 监听是否到安装进度条步骤
   useEffect(() => {
     if (active == 3) {

src/pages/InstallExe/exeDialog/NetSP1.tsx

@@ -16,6 +16,10 @@ const NetSP1: FC<PageProps> = ({
   const [active, setActive] = useState(1);
   const [percentVal, setPercentVal] = useState(0);
 
+  useEffect(() => {
+    if (open) setActive(1)
+  }, [open])
+
   // 监听是否到安装进度条步骤
   useEffect(() => {
     if (active == 3) {