ipanel-rnapp-ajb-base 1.0.39 → 1.0.41

package/app/screens/LoginScreen/index.js

@@ -1,99 +1,307 @@
-import React, { useState, useEffect, useCallback, useRef } from "react";
+import React, { useEffect, useMemo, useRef, useState } from "react";
+import { CheckBox, Divider, Icon } from "@rneui/themed";
 import {
-  View,
-  ScrollView,
-  Text,
-  TextInput,
-  StyleSheet,
   Alert,
+  Dimensions,
+  Image,
+  ImageBackground,
+  Keyboard,
+  NativeModules,
   Platform,
+  ScrollView,
   StatusBar,
+  StyleSheet,
+  Text,
+  TextInput,
   TouchableOpacity,
-  NativeModules,
-  ImageBackground,
   TouchableWithoutFeedback,
-  Dimensions,
+  View,
 } from "react-native";
-import { useSafeArea } from "react-native-safe-area-context";
-import CryptoJS from "crypto-js";
-import UUIDGenerator from "react-native-uuid-generator";
-import { Icon, Image, CheckBox, Button } from "@rneui/themed";
-import DeviceInfo from "react-native-device-info";
-
-import SmsCodeInput from "../../components/common/SmsCodeInput";
-
+import {
+  GestureHandlerRootView,
+  LongPressGestureHandler,
+} from "react-native-gesture-handler";
+import px from "../../utils/scaleSize";
 import storage from "../../storage";
+import {
+  accountLogin,
+  obtainSmscode,
+  smscodeLogin,
+  loginByType,
+  getHouseType,
+} from "../../api";
+import UUIDGenerator from "react-native-uuid-generator";
+import CryptoJS from "crypto-js";
+import env from "../../.local_dev/env";
+import SmsCodeInput from "../../components/common/SmsCodeInput/indexNew";
+import { hideLoading, showLoading } from "../../utils/notice";
 import { replace } from "../../utils/RootNavigation";
+import { confirmWithContent } from "../../utils/registerDialog";
 import {
-  getUserLocation,
-  updateHomedToken,
-  initOperatorHomedTouristAccount,
   appReport,
+  initOperatorHomedTouristAccount,
+  updateHomedToken,
 } from "../../utils/common";
-import { obtainSmscode, smscodeLogin, accountLogin } from "../../api";
-import { hideLoading, showLoading, showToast } from "../../utils/notice";
-
-import { confirmWithContent } from "../../utils/registerDialog";
-import config from "../../utils/config";
+import { useSafeArea } from "react-native-safe-area-context";
+import LoginType from "../../components/common/LoginType";
 import ProtocolType from "../../components/common/LoginType/protocol";
+import config from "../../utils/config";
+import OpenLogSheet from "./OpenLogSheet";
+import GraphSmscode from "./GraphSmscode";
+import useLatest from "../../hooks/useLatest";
+import { PyLoginType, PyLoginIndex } from "./PyLoginType";
+import { confirmTitleContent } from "../../utils/registerDialog";
+
 let protocolAgreeResolve = null;
+let selectEntranceResolve = null;
+let checkGraphSmscodeResolve = null;
+
+const errorCodeMap = {
+  20102: "验证码错误，请检查！",
+  20103: "验证码错误，请检查！",
+  20104: "验证码错误，请检查！",
+  20200: "账号错误，登录失败！",
+  20204: "密码错误，登录失败！",
+  10429: "操作过频繁，请1小时后再试！",
+};
+
+const appName =
+  NativeModules?.RNToNativeEmitter?.appName || config.LOCALTEST_APP_NAME;
+
+const envVersion = NativeModules?.RNToNativeEmitter?.serverCluster || "alpha";
+
+const packageName = NativeModules?.RNToNativeEmitter?.packageName;
+
+// const appName = '遥控键码库';
 
 function LoginScreen({ navigation, route }) {
+  const [loginWay, setLoginWay] = useState(0); // 0 手机号+短信验证码登录,1 账号密码登录
+  const [activeIndex, setActiveIndex] = useState(1);
+  const [activeType, setActiveType] = useState("ajb");
+  const [phone, setPhone] = useState("");
+  const [smsId, setSmsId] = useState("");
+  const [username, setUsername] = useState("");
+  const [password, setPassword] = useState("");
+
+  const [userInputSmsCode, setUserInputSmsCode] = useState("");
+  const [smsCodeRightBtnDisabled, setSmsCodeRightBtnDisabled] = useState(false);
+  const [smsCodeRightBtnText, setSmsCodeRightBtnText] = useState("发送验证码");
+  const [smsCodeResendTime, setSmsCodeResendTime] = useState(0);
+  const latestSmsCodeResendTime = useLatest(smsCodeResendTime);
+
+  const [protocolAgree, setProtocolAgree] = useState(appName === "遥控键码库");
+  const [protocolDialogVisible, setProtocolDialogVisible] = useState(false);
+
+  const [serviceAgree, setServiceAgree] = useState(false);
+  const [serviceDialogVisible, setServiceDialogVisible] = useState(false);
+  const [privacyAgree, setPrivacyAgree] = useState(false);
+  const [privacyDialogVisible, setPrivacyDialogVisible] = useState(false);
+
+  const [keybordShow, setKeybordShow] = useState(false);
+
+  // 入口选择
+  const [entranceSelectVisible, setEntranceSelectVisible] = useState(false);
+
+  // 日志弹框
+  const [logVisible, setLogVisible] = useState(false);
+
+  // 图形验证码
+  const [graphSmscodeVisible, setGraphSmscodeVisible] = useState(false);
+
+  // 番禺登录
+  const [pyLoginVisible, setPyLoginVisible] = useState(false);
+  const [currentOperatorName, setCurrentOperatorName] = useState("");
+
+  const smscodeCaptchaToken = useRef("");
+  const loginCaptchaToken = useRef("");
+
+  const checkGraphSmscode = () => {
+    Keyboard.dismiss();
+    return new Promise((resolve) => {
+      checkGraphSmscodeResolve = resolve;
+      setGraphSmscodeVisible(true);
+    });
+  };
+
+  const graphSmscodeSuccess = (data) => {
+    setGraphSmscodeVisible(false);
+    checkGraphSmscodeResolve && checkGraphSmscodeResolve(data);
+    checkGraphSmscodeResolve = null;
+  };
+
+  useEffect(() => {
+    if (!route.params?.skip) {
+      openProtocolDialog();
+    }
+    // 忘记密码页面返回
+    if (route.params?.loginWay) {
+      setLoginWay(route.params.loginWay);
+    }
+    storage.get("accountData").then(async (res) => {
+      const currentOperator = await storage.get(
+        `${res?.account?.account_id || ""}currentOperator`
+      );
+      setCurrentOperatorName(currentOperator?.name || "");
+      if (currentOperator?.name === "番禺有线") {
+        setPyLoginVisible(true);
+      }
+    });
+    if (appName === "悦慧家") {
+      setPyLoginVisible(true);
+    }
+
+    // (async () => {
+    //   const coords = await getUserLocation();
+    //   const res = await getCurrentWeather({
+    //     lon: coords.coords.longitude,
+    //     lat: coords.coords.latitude,
+    //   });
+    //   console.log(
+    //     res.data.location.addressComponent.adcode,
+    //     'getCurrentWeather',
+    //   );
+    // })();
+    const keyboardDidShow = Keyboard.addListener("keyboardDidShow", () => {
+      setKeybordShow(true);
+    });
+    const keyboardDidHide = Keyboard.addListener("keyboardDidHide", () => {
+      setKeybordShow(false);
+    });
+    return () => {
+      keyboardDidShow.remove();
+      keyboardDidHide.remove();
+    };
+  }, []);
+
   const insets = useSafeArea();
 
   const [isLoading, setIsLoading] = useState(true);
-  const [isLogined, setIsLogined] = useState(false);
   const timer = useRef(null);
   const [isLogining, setIsLogining] = useState(false);
+  const [isLogined, setIsLogined] = useState(false);
+  const loginDisabled = !(
+    (loginWay === 0 && phone && userInputSmsCode) ||
+    (loginWay === 1 && username && password)
+  );
+  const statusBarPlaceholderStyle = {
+    height: Platform.OS === "ios" ? insets.top : 0,
+  };
 
   useEffect(() => {
     // 获取登录状态
-    storage.get("accessToken").then((token) => {
-      // const appUserAgreement = await storage.get('appUserAgreement');
-      // if (!appUserAgreement) {
-      //   setProtocolAgree(false);
-      // }
+    (async () => {
+      const accountType = await storage.get("accountType");
+      const token = await storage.get(
+        accountType === "adg" ? "adgAccessToken" : "accessToken"
+      );
+
+      if (appName === "遥控键码库") {
+        setTimeout(async () => {
+          global.loading.showLoading("正在加载");
+          await global.base.navigateModule({
+            operatorId: "ipanel",
+            moduleName: "adg",
+            screenName:
+              packageName === "com.ipanel.rnApp.abp2"
+                ? "IstickUpdate3Screen"
+                : "EntranceSelectScreen",
+            isReplace: true,
+          });
+          global.loading.hideLoading();
+        }, 0);
+
+        return;
+        // replace('Home', {
+        //   redirect: true,
+        // });
+      }
 
       if (token) {
-        if (DeviceInfo.getBrand() === "Allwinner") {
-          replace("SbkScreen", {
-            redirect: true,
+        // if (appName === "遥控键码库") {
+        //   global.loading.showLoading("正在加载");
+        //   await global.base.navigateModule({
+        //     operatorId: "ipanel",
+        //     moduleName: "adg",
+        //     screenName:
+        //       packageName === "com.ipanel.rnApp.abp2"
+        //         ? "IstickUpdate3Screen"
+        //         : "EntranceSelectScreen",
+        //     isReplace: true,
+        //   });
+        //   global.loading.hideLoading();
+        //   return;
+        // }
+
+        const entranceSelect = await storage.get("entranceSelect");
+        if (
+          entranceSelect === "tyygq" &&
+          envVersion !== "release" &&
+          !["禺乐慧家", "悦慧家", "吉柿果", "智慧中原"].includes(appName)
+        ) {
+          global.loading.showLoading("正在加载");
+          await global.base.navigateModule({
+            operatorId: "ipanel",
+            moduleName: "adg",
+            screenName: "IstickUpdate3Screen",
+            isReplace: true,
           });
+          global.loading.hideLoading();
         } else {
           replace("Home", {
             redirect: true,
           });
         }
-
-        // 上报APP启动事件
         appReport("APP_STARTUP");
       }
       setTimeout(() => {
         setIsLoading(false);
         setIsLogined(!!token);
       }, 0);
-    });
+    })();
   }, []);
 
   // useEffect(() => {
   //   if (isLogined) {
-  //     // console.log("检测到已登录，自动跳转首页");
-  //     // TODO update account_data
   //     replace('Home', {
   //       redirect: true,
   //     });
   //   }
   // }, [isLogined]);
 
-  const [phone, setPhone] = useState("");
-  const [smsId, setSmsId] = useState("");
-  const [userInputSmsCode, setUserInputSmsCode] = useState("");
-  const [smsCodeRightBtnDisabled, setSmsCodeRightBtnDisabled] = useState(false);
-  const [smsCodeRightBtnText, setSmsCodeRightBtnText] = useState("获取验证码");
-  const [smsCodeResendTime, setSmsCodeResendTime] = useState(0);
+  const handleSwitchLoginWay = () => {
+    if (loginWay === 0) {
+      setLoginWay(1);
+    } else {
+      setLoginWay(0);
+    }
+  };
+  const handleChangeActive = (type) => {
+    setActiveIndex(type);
+    setActiveType(type === 0 ? "adg" : "ajb");
+    resetData();
+  };
+  const resetData = () => {
+    if (loginWay === 0) {
+      setPhone("");
+      setSmsId("");
+      setUserInputSmsCode("");
+      setSmsCodeRightBtnDisabled(false);
+      setSmsCodeRightBtnText("发送验证码");
+      setSmsCodeResendTime(0);
+    } else {
+      setUsername("");
+      setPassword("");
+    }
+    setProtocolAgree(false);
+    setProtocolDialogVisible(false);
 
+    setPrivacyAgree(false);
+    setServiceAgree(false);
+    setPrivacyDialogVisible(false);
+    setServiceDialogVisible(false);
+  };
   useEffect(() => {
-    if (phone && smsCodeResendTime === 0) {
+    if (phone.length === 11 && smsCodeResendTime === 0) {
       setSmsCodeRightBtnDisabled(false);
       setSmsCodeRightBtnText("获取验证码");
     } else {
@@ -101,37 +309,16 @@ function LoginScreen({ navigation, route }) {
     }
   }, [phone, smsCodeResendTime]);
   useEffect(() => {
-    if (smsCodeResendTime > 0) {
-      setSmsCodeRightBtnText(`${smsCodeResendTime}s后重发`);
-      timer.current = setTimeout(() => {
-        setSmsCodeResendTime(smsCodeResendTime - 1);
-      }, 1000);
-    }
+    // if (smsCodeResendTime > 0) {
+    //   setSmsCodeRightBtnText(`${smsCodeResendTime}s后重发`);
+    //   timer.current = setTimeout(() => {
+    //     setSmsCodeResendTime(smsCodeResendTime - 1);
+    //   }, 1000);
+    // }
 
     return () => {
       clearTimeout(timer.current);
     };
-  }, [smsCodeResendTime]);
-
-  // 0 手机号+短信验证码登录
-  // 1 账号密码登录
-  const [loginWay, setLoginWay] = useState(0);
-
-  const [username, setUsername] = useState("");
-  const [password, setPassword] = useState("");
-
-  const [protocolAgree, setProtocolAgree] = useState(false);
-  const [protocolDialogVisible, setProtocolDialogVisible] = useState(false);
-
-  const [serviceAgree, setServiceAgree] = useState(false);
-  const [serviceDialogVisible, setServiceDialogVisible] = useState(false);
-  const [privacyAgree, setPrivacyAgree] = useState(false);
-  const [privacyDialogVisible, setPrivacyDialogVisible] = useState(false);
-
-  useEffect(() => {
-    if (!route.params?.skip) {
-      openProtocolDialog();
-    }
   }, []);
 
   useEffect(() => {
@@ -142,87 +329,128 @@ function LoginScreen({ navigation, route }) {
     }
   }, [serviceAgree, privacyAgree]);
 
-  const loginDisabled = !(
-    (loginWay === 0 && phone && userInputSmsCode) ||
-    (loginWay === 1 && username && password)
-  );
+  const onLongPress = () => {
+    console.log("长按打开日志弹框");
+    setLogVisible(true);
+  };
 
-  let smsCodeTimer;
+  // useEffect(() => {
+  //   if (protocolAgree) {
+  //     setServiceAgree(true);
+  //     setPrivacyAgree(true);
+  //   }
+  // }, [protocolAgree]);
+
+  // 用户
+  const userAgreementURl = useMemo(() => {
+    if (["禺乐慧家", "悦慧家"].includes(appName)) {
+      return "https://szjtyfw.panyu.gd.cn:50443/iapp/ylhjstatic/service_agreement/user_agreement.html";
+    } else if (appName === "吉柿果") {
+      return "https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_jlagreement/user_agreement.html";
+    } else {
+      return "https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/user_agreement.html";
+    }
+  }, []);
 
+  const privacyPolicyURI = useMemo(() => {
+    if (["禺乐慧家", "悦慧家"].includes(appName)) {
+      return "https://szjtyfw.panyu.gd.cn:50443/iapp/ylhjstatic/service_agreement/privacy_policy.html";
+    } else if (appName === "吉柿果") {
+      return "https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_jlagreement/user_agreement.html";
+    } else {
+      return "https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/privacy_policy.html";
+    }
+  }, []);
+
+  const handleViewUserAgreement = () => {
+    navigation.navigate("WebviewScreen", {
+      title: "用户协议",
+      url: userAgreementURl,
+    });
+  };
+  const handleViewPrivacyClause = () => {
+    navigation.navigate("WebviewScreen", {
+      title: "隐私条款",
+      url: privacyPolicyURI,
+    });
+  };
+
+  const handleLookFreely = () => {
+    navigation.navigate("WebviewScreen", {
+      title: "",
+      url: "https://szjtyfw.panyu.gd.cn:50443/s/tidyinfo/ylhjh5/web/#/",
+    });
+  };
+
+  const handleViewUserAgreementByType = (type) => {
+    if (type === "service") {
+      setServiceDialogVisible(true);
+    } else if (type === "privacy") {
+      setPrivacyDialogVisible(true);
+    }
+  };
+  let smsCodeTimer;
   function validPhone(phone) {
     if (!phone) {
       Alert.alert("请输入手机号");
       return false;
     }
     if (!/^[1][3,4,5,7,8,9][0-9]{9}$/.test(phone)) {
-      Alert.alert("请输入正确的手机号");
+      // Alert.alert('请输入正确的手机号');
+      global.toast.showToast("手机号无效，请检查！");
       return false;
     }
     return true;
   }
-
-  const handleGetSmsId = async () => {
-    if (!validPhone(phone)) {
-      return;
-    }
-    // 60s后重发
-    setSmsCodeResendTime(60);
-
-    setSmsCodeRightBtnDisabled(true);
-
-    const res = await obtainSmscode({
-      phone_number: phone,
-      length: 4,
-      type: 1, // type=1 表示登录用途
-    }).catch((err) => {
-      console.log(err);
-      setSmsCodeRightBtnText("获取验证码");
-      setSmsCodeRightBtnDisabled(false);
-    });
-
-    if (res && res.code === 0) {
-      setSmsId(res.result.sms_id);
-
-      smsCodeTimer = setTimeout(() => {
-        setSmsCodeRightBtnText("获取验证码");
-        setSmsCodeRightBtnDisabled(false);
-      }, 120000);
-    } else {
-      setSmsCodeRightBtnText("获取验证码");
-      setSmsCodeRightBtnDisabled(false);
-    }
+  const handleUserDisagree = async () => {
+    setProtocolDialogVisible(false);
+    setProtocolAgree(false);
+    setServiceAgree(false);
+    setPrivacyAgree(false);
   };
-
   const handleUserAgree = () => {
-    // setProtocolDialogVisible(false);
-    // handleLogin();
-    // storage.set('appUserAgreement', true);
-
-    // getUserLocation().then(geoRes => {
-    //   global.base.storage.set('location', geoRes);
-    // });
     setProtocolAgree(true);
+    console.log(typeof protocolAgreeResolve);
     typeof protocolAgreeResolve === "function" && protocolAgreeResolve();
     protocolAgreeResolve = null;
   };
 
-  const handleUserDisagree = async () => {
-    // await storage.set('appUserAgreement', false);
-    // NativeModules?.RNToNativeEmitter?.exitApp();
-    setProtocolDialogVisible(false);
+  const handleOneDisagree = async (type) => {
     setProtocolAgree(false);
-    setServiceAgree(false);
-    setPrivacyAgree(false);
+    if (type === "service") {
+      setServiceAgree(false);
+      setServiceDialogVisible(false);
+    } else if (type === "privacy") {
+      setPrivacyAgree(false);
+      setPrivacyDialogVisible(false);
+    }
+  };
+  const handleOneAgree = (type) => {
+    if (type === "service") {
+      setServiceAgree(true);
+      setServiceDialogVisible(false);
+    } else if (type === "privacy") {
+      setPrivacyAgree(true);
+      setPrivacyDialogVisible(false);
+    }
+
+    typeof protocolAgreeResolve === "function" && protocolAgreeResolve();
+    protocolAgreeResolve = null;
+  };
+
+  const handleSetProtocolAgree = (isAgree) => {
+    setProtocolAgree(isAgree);
+    setServiceAgree(isAgree);
+    setPrivacyAgree(isAgree);
   };
 
   const handleLoginPress = () => {
     if (loginDisabled) {
       return;
     }
-    if (protocolAgree) {
+    if (protocolAgree || appName === "遥控键码库") {
       handleLogin();
     } else {
-      // setProtocolDialogVisible(true);
       openProtocolDialog().then(() => {
         handleLogin();
       });
@@ -231,7 +459,7 @@ function LoginScreen({ navigation, route }) {
 
   const openProtocolDialog = () => {
     return new Promise((resolve) => {
-      // setProtocolDialogVisible(true);
+      setProtocolDialogVisible(true);
       protocolAgreeResolve = resolve;
     }).then(() => {
       setProtocolDialogVisible(false);
@@ -239,9 +467,12 @@ function LoginScreen({ navigation, route }) {
   };
 
   const handleLogin = async () => {
+    let adcode;
     let res;
-
-    const { deviceModal, appName } = NativeModules?.RNToNativeEmitter || {};
+    // const appName =
+    //   NativeModules?.RNToNativeEmitter?.appName || config.LOCALTEST_APP_NAME;
+    // const appName = '遥控键码库';
+    const { deviceModal } = NativeModules?.RNToNativeEmitter || {};
 
     const appID = await global.base.getAppId();
 
@@ -269,7 +500,7 @@ function LoginScreen({ navigation, route }) {
       }
       showLoading("登录中...");
       setIsLogining(true);
-      res = await smscodeLogin({
+      let params = {
         phone_number: phone,
         sms_id: smsId,
         sms_code: userInputSmsCode,
@@ -278,8 +509,19 @@ function LoginScreen({ navigation, route }) {
           appid: finallyAppID,
           model: deviceModal || "开发测试",
           application: appName || "爱家宝",
+          platform: "phone",
+          entry: "app",
         },
-      });
+        operator_id:
+          appName === "悦慧家" ? "c492121bac734bb983814b67ceafcae9" : undefined,
+      };
+      if (activeIndex === 0) {
+        delete params.create_address;
+      }
+      if (loginCaptchaToken.current) {
+        params.captcha_token = loginCaptchaToken.current;
+      }
+      res = await smscodeLogin(params, activeType);
     } else {
       if (!username) {
         Alert.alert("请输入账号");
@@ -293,7 +535,7 @@ function LoginScreen({ navigation, route }) {
       console.log(global.loading, "global.loading");
       showLoading("登录中...");
       setIsLogining(true);
-      res = await accountLogin({
+      let params = {
         account_name: username,
         password: CryptoJS.MD5(password).toString(),
         create_address: 1, // 注册时自动建默认家庭
@@ -301,27 +543,65 @@ function LoginScreen({ navigation, route }) {
           appid: finallyAppID,
           model: deviceModal || "开发测试",
           application: appName || "爱家宝",
+          platform: "phone",
+          entry: "app",
         },
-      });
+        operator_id:
+          appName === "悦慧家" ? "c492121bac734bb983814b67ceafcae9" : undefined,
+      };
+      if (activeIndex === 0) {
+        delete params.create_address;
+      }
+      if (loginCaptchaToken.current) {
+        params.captcha_token = loginCaptchaToken.current;
+      }
+      res = await accountLogin(params, activeType);
     }
+    loginCaptchaToken.current = "";
     if (res.code === 0) {
       console.log(res.result, "ipanelClound用户信息");
-      await storage.set("accessToken", res.result.access_token);
-      await storage.set("refreshToken", res.result.refresh_token);
+      await storage.set("accountType", activeType);
+      await storage.set(
+        activeType === "adg" ? "adgAccessToken" : "accessToken",
+        res.result.access_token
+      );
+      await storage.set(
+        activeType === "adg" ? "adgRefreshToken" : "refreshToken",
+        res.result.refresh_token
+      );
 
-      if (res.result.address && res.result.address[0]) {
-        const defaultAddr = res.result.address[0];
-        await storage.set("activeAddr", defaultAddr);
-        await storage.set("addressList", res.result.address || []);
+      if (activeIndex === 1) {
+        if (res.result.address && res.result.address[0]) {
+          const addressList = res.result.address.map((item) => {
+            return {
+              ...item,
+              room_list: null,
+            };
+          });
+          const defaultAddr = addressList[0];
+          console.log(defaultAddr.address_id, "defaultAddr.address_id");
+          await storage.set("activeAddr", defaultAddr);
+          await storage.set("addressList", addressList);
+        } else {
+          await storage.set("activeAddr", {});
+          await storage.set("addressList", []);
+        }
         await updateHomedToken();
-      } else {
-        await storage.set("activeAddr", {});
-        await storage.set("addressList", []);
       }
-
       delete res.result.address;
       await storage.set("accountData", res.result);
 
+      // 存储boss账号信息
+      if (res.result?.user && res.result?.user?.bind_list) {
+        const bind_boss = res.result?.user?.bind_list.filter((item) => {
+          return item.third_type === "boss";
+        });
+        if (bind_boss.length) {
+          console.log(bind_boss[0], "bind_boss[0]");
+          await storage.set("bossData", bind_boss[0]);
+        }
+      }
+
       // 放开这段重新登录就会置空运营商（进入标准版）
       // await storage.set(
       //   `${res.result?.account?.account_id || ''}currentOperator`,
@@ -331,10 +611,62 @@ function LoginScreen({ navigation, route }) {
       // 初始化默认运营商对应的homed游客账号
       const envVersion =
         NativeModules?.RNToNativeEmitter?.serverCluster || "dev";
+      // homed.jishimedia.com 吉柿果homed域名
+      const domain = ["吉柿果"].includes(appName)
+        ? "homed.jishimedia.com"
+        : ["智慧中原"].includes(appName)
+        ? "homed.hnzhzy.com"
+        : envVersion === "dev"
+        ? "homed.me"
+        : "homed.tv";
+      const touristGroupId = ["吉柿果"].includes(appName)
+        ? 4712
+        : ["智慧中原"].includes(appName)
+        ? 1303
+        : envVersion === "dev"
+        ? 115017
+        : 4664;
+      // const domain = ["吉柿果"].includes(appName) ? "homed.tv" : envVersion === "dev" ? "homed.me" : "homed.tv";
+      // const touristGroupId = ["吉柿果"].includes(appName) ? 4664 : envVersion === "dev" ? 115017 : 4664;
+      if (["禺乐慧家", "悦慧家"].includes(appName)) {
+        await storage.set(
+          `${res.result?.account?.account_id || ""}currentOperator`,
+          {
+            id: "c492121bac734bb983814b67ceafcae9",
+            name: "番禺区广电网络",
+          }
+        );
+      }
+      if (["吉柿果"].includes(appName)) {
+        await storage.set(
+          `${res.result?.account?.account_id || ""}currentOperator`,
+          {
+            id: "061aa081306a455da811639160763190",
+            name: "吉视传媒",
+          }
+        );
+      } else if (["智慧中原"].includes(appName)) {
+        await storage.set(
+          `${res.result?.account?.account_id || ""}currentOperator`,
+          {
+            id: "f819e2a464644e38861f20458b673958",
+            name: "河南有线",
+          }
+        );
+      }
+
+      /**
+       * ☆☆☆使用homed token的完整方案：☆☆☆
+          - 对于 homed 数据只读的业务场景，使用游客令牌（由 http://access.homed.me/account/get_accesstoken 接口产生）。该方式的优点是不依赖ipanelcloud用户登录（当前APP实现上是ipanelcloud登录后才能看到内容，因此这个可以不着急实现），不产生垃圾用户数据
+          - 涉及到产生个人数据但 又不想走绑定正式homed用户流程 的业务场景，使用ipanelcloud登录后返回的 account_id 注册的游客用户token（即：await storage.get("homedTouristAccessToken") ）
+          - 涉及到产生个人数据且 数据需要关联到正式homed用户 的业务场景，走绑定正式homed用户的流程（即：await storage.get("homedAccessToken") ）
+        */
+      // 初始化默认运营商对应的homed游客账号
+      console.log("account_id", res.result.account_id);
       await initOperatorHomedTouristAccount({
-        touristUsername: finallyAppID,
-        domain: envVersion === "dev" ? "homed.me" : "homed.tv",
-        touristGroupId: envVersion === "dev" ? 115017 : 4664, // 4664: tv集群的手机APP游客用户组. 115017: 运营集群手机APP游客用户组
+        touristUsername: res.result.account_id, // 使用ipanelcloud account_id 作为homed游客账号的用户名
+        domain: domain,
+        touristGroupId: touristGroupId, // 4664: tv集群的手机APP游客用户组. 115017: 运营集群手机APP游客用户组
       });
       clearTimeout(smsCodeTimer);
       // setIsLogined(true);
@@ -342,21 +674,143 @@ function LoginScreen({ navigation, route }) {
       const currentOperator = await storage.get(
         `${res.result?.account?.account_id || ""}currentOperator`
       );
+      // 获取公寓token
+      const apartmentRes = await getHouseType().catch((err) => {});
+      console.log(apartmentRes, "apartmentResapartmentRes");
+
+      if (apartmentRes?.code === 0) {
+        let list = apartmentRes.data || [];
+        if (list.length) {
+          // 拥有角色列表
+          const minUserType = list.reduce(
+            (min, current) => (current.userType < min.userType ? current : min),
+            list[0]
+          );
+          if (minUserType?.userType) {
+            const loginRes = await loginByType(minUserType?.userType, {});
+            console.log(loginRes, "loginRes");
+            if (loginRes.code === 0 && loginRes.data) {
+              await storage.set("apartmentData", {
+                ...loginRes.data,
+                userType: minUserType?.userType,
+                userTypeName: minUserType?.userTypeName,
+              });
+              await storage.set("apartmentToken", loginRes.data.accessToken);
+            } else {
+              await storage.set("apartmentData", {});
+              await storage.set("apartmentToken", "");
+            }
+          }
+        } else {
+          await storage.set("apartmentData", {});
+          await storage.set("apartmentToken", "");
+        }
+      } else {
+        await storage.set("apartmentData", {});
+        await storage.set("apartmentToken", "");
+      }
 
       // 上报APP启动事件
       appReport("APP_STARTUP");
 
       hideLoading();
       setIsLogining(false);
-      const appName =
-        NativeModules?.RNToNativeEmitter?.appName || config.LOCALTEST_APP_NAME;
 
-      if (DeviceInfo.getBrand() === "Allwinner") {
-        // 声必可屏幕
-        replace("SbkScreen", {
+      if (appName === "遥控键码库") {
+        global.loading.showLoading("正在加载");
+        await global.base.navigateModule({
+          operatorId: "ipanel",
+          moduleName: "adg",
+          screenName:
+            packageName === "com.ipanel.rnApp.abp2"
+              ? "IstickUpdate3Screen"
+              : "EntranceSelectScreen",
+          isReplace: true,
+        });
+        global.loading.hideLoading();
+        return;
+      }
+
+      console.log(activeType);
+      console.log(envVersion);
+      console.log(9999, appName);
+      if (
+        activeType === "ajb" &&
+        envVersion !== "release" &&
+        !["禺乐慧家", "悦慧家", "吉柿果", "智慧中原"].includes(appName) &&
+        currentOperatorName !== "番禺有线"
+      ) {
+        const entrance = await selectEntrance();
+        await storage.set("entranceSelect", entrance);
+        if (entrance === "tyygq") {
+          global.loading.showLoading("正在加载");
+          await global.base.navigateModule({
+            operatorId: "ipanel",
+            moduleName: "adg",
+            screenName: "IstickUpdate3Screen",
+            isReplace: true,
+          });
+          global.loading.hideLoading();
+          return;
+        }
+      }
+
+      if (appName.includes("爱家宝") && env !== "__BASE_SINGLETON_MODE__") {
+        confirmWithContent({
+          title: "选择运营商",
+          component: "你是否要选择运营商",
+          confirmButtonText: "确定",
+          confirmCallback: () => {
+            replace("OperatorSelectScreen", {
+              purpose: "init",
+            });
+          },
+          cancelButtonText: "先不选",
+          cancelCallback: () => {
+            replace("Home", {
+              redirect: false,
+            });
+          },
+        });
+      } else {
+        replace("Home", {
+          redirect: false,
+        });
+      }
+
+      /*
+      if (["禺乐慧家", "悦慧家"].includes(appName)) {
+        let selectedOperator = {
+          id: "c492121bac734bb983814b67ceafcae9",
+          name: "番禺区广电网络",
+        };
+        const accountData = await storage.get("accountData");
+        await storage.set(
+          `${accountData?.account?.account_id || ""}currentOperator`,
+          selectedOperator
+        );
+        replace("Home", {
           redirect: false,
         });
-      } else if (currentOperator || appName.includes("安电工")) {
+      } else if (["吉柿果"].includes(appName)) {
+        let selectedOperator = {
+          id: "061aa081306a455da811639160763190",
+          name: "吉视传媒",
+        };
+        const accountData = await storage.get("accountData");
+        await storage.set(
+          `${accountData?.account?.account_id || ""}currentOperator`,
+          selectedOperator
+        );
+        replace("Home", {
+          redirect: false,
+        });
+      } else if (
+        currentOperator ||
+        appName.includes("安电工") ||
+        activeType === "adg" ||
+        env === "__BASE_SINGLETON_MODE__"
+      ) {
         replace("Home", {
           redirect: false,
         });
@@ -378,72 +832,89 @@ function LoginScreen({ navigation, route }) {
           },
         });
       }
+      */
     } else {
       hideLoading();
       setIsLogining(false);
-      global.toast.showToast(res.message + "(code: " + res.code + ")");
+      const message = errorCodeMap[res.code] || res.message || "登录失败！";
+      global.toast.showToast(message);
+      if (res.code === 10430) {
+        loginCaptchaToken.current = await checkGraphSmscode();
+        if (loginWay === 0) {
+          //手机登录方式才需要重发送手机号
+          handleGetSmsId();
+        }
+      }
     }
   };
 
-  const statusBarPlaceholderStyle = {
-    height: (Platform.OS === "ios" ? insets.top : 0) + StatusBar.currentHeight,
+  // 选择入口
+  const selectEntrance = () => {
+    return new Promise((resolve) => {
+      setEntranceSelectVisible(true);
+      selectEntranceResolve = resolve;
+    });
   };
 
-  const handleSwitchLoginWay = () => {
-    if (loginWay === 0) {
-      setLoginWay(1);
-    } else {
-      setLoginWay(0);
-    }
+  const startSmsCodeResendTime = () => {
+    clearInterval(timer.current);
+    setSmsCodeResendTime(60);
+    setSmsCodeRightBtnText("60s后重发");
+    timer.current = setInterval(() => {
+      if (latestSmsCodeResendTime.current === 0) {
+        clearInterval(timer.current);
+      } else {
+        const time = latestSmsCodeResendTime.current - 1;
+        setSmsCodeResendTime(time);
+        setSmsCodeRightBtnText(`${time}s后重发`);
+      }
+    }, 1000);
   };
 
-  const handleViewUserAgreement = () => {
-    navigation.navigate("WebviewScreen", {
-      title: "用户协议",
-      url: "https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/user_agreement.html",
-    });
-  };
-  const handleViewPrivacyClause = () => {
-    navigation.navigate("WebviewScreen", {
-      title: "隐私条款",
-      url: "https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/privacy_policy.html",
-    });
-  };
-  const handleViewUserAgreementByType = (type) => {
-    if (type === "service") {
-      setServiceDialogVisible(true);
-    } else if (type === "privacy") {
-      setPrivacyDialogVisible(true);
+  const handleGetSmsId = async () => {
+    if (!validPhone(phone)) {
+      return;
     }
-  };
+    // 60s后重发
+    startSmsCodeResendTime();
 
-  const handleSetProtocolAgree = (isAgree) => {
-    setProtocolAgree(isAgree);
-    setServiceAgree(isAgree);
-    setPrivacyAgree(isAgree);
-  };
+    const res = await obtainSmscode(
+      {
+        phone_number: phone,
+        length: 4,
+        type: 1, // type=1 表示登录用途
+        captcha_token: smscodeCaptchaToken.current
+          ? smscodeCaptchaToken.current
+          : undefined,
+      },
+      activeType
+    ).catch((err) => {
+      console.log(err);
+      // setSmsCodeRightBtnText("获取验证码");
+      // setSmsCodeRightBtnDisabled(false);
+      setSmsCodeResendTime(0);
+      clearInterval(timer.current);
+    });
+    smscodeCaptchaToken.current = "";
+    if (res && res.code === 0) {
+      setSmsId(res.result.sms_id);
 
-  const handleOneDisagree = async (type) => {
-    setProtocolAgree(false);
-    if (type === "service") {
-      setServiceAgree(false);
-      setServiceDialogVisible(false);
-    } else if (type === "privacy") {
-      setPrivacyAgree(false);
-      setPrivacyDialogVisible(false);
-    }
-  };
-  const handleOneAgree = (type) => {
-    if (type === "service") {
-      setServiceAgree(true);
-      setServiceDialogVisible(false);
-    } else if (type === "privacy") {
-      setPrivacyAgree(true);
-      setPrivacyDialogVisible(false);
+      // smsCodeTimer = setTimeout(() => {
+      //   setSmsCodeRightBtnText("获取验证码");
+      //   setSmsCodeRightBtnDisabled(false);
+      // }, 120000);
+    } else {
+      const message =
+        errorCodeMap[res.code] || res.message || "获取验证码失败！";
+      if (res.code === 10430) {
+        smscodeCaptchaToken.current = await checkGraphSmscode();
+        handleGetSmsId();
+      } else {
+        global.toast.showToast(message);
+        setSmsCodeResendTime(0);
+        clearInterval(timer.current);
+      }
     }
-
-    typeof protocolAgreeResolve === "function" && protocolAgreeResolve();
-    protocolAgreeResolve = null;
   };
 
   loginDisabled;
@@ -453,376 +924,873 @@ function LoginScreen({ navigation, route }) {
       : "rgba(234, 96, 0, 1)",
   };
 
-  return (
-    <ImageBackground
-      source={require("../../assets/img/login_bg.png")}
-      style={[
-        styles.container,
-        { paddingTop: Platform.OS === "ios" ? insets.top : 0 },
-      ]}
-    >
-      {isLoading || isLogined ? (
-        <View style={styles.welcomeView}>{/* 白屏界面 */}</View>
-      ) : (
-        <View style={styles.loginView}>
-          <View style={statusBarPlaceholderStyle} />
-
-          <View style={styles.changeLoginWay}>
-            <TouchableOpacity
-              activeOpacity={0.7}
-              onPress={handleSwitchLoginWay}
+  // 收不到验证码
+  const smsCodeTips = () => {
+    confirmTitleContent({
+      title: "收不到验证码",
+      component:
+        "1、请检查手机网络是否正常\n2、请确认手机号是否为当前使用的手机号\n3、检查短信是否被安全软件拦截\n4、运营商网络原因，短信可能延迟到达",
+      confirmButtonText: "好的",
+      cancelButtonText: null,
+      contentTextStyle: {
+        textAlign: "left",
+        fontSize: px(45),
+        fontWeight: "400",
+        color: "#333",
+      },
+    });
+  };
+
+  const render = () => {
+    return (
+      <View style={{ flex: 1, backgroundColor: "#fff", position: "relative" }}>
+        <ImageBackground
+          source={
+            appName === "悦慧家" || currentOperatorName === "番禺有线"
+              ? require("../../assets/img/login_bg_py.png")
+              : require("../../assets/img/login_bg_new.png")
+          }
+          style={[styles.container, { paddingTop: 0 }]}
+        >
+          {pyLoginVisible ? (
+            <PyLoginIndex
+              setPyLoginVisible={setPyLoginVisible}
+              setLoginWay={setLoginWay}
+              onLongPress={onLongPress}
+            />
+          ) : isLoading || isLogined ? (
+            <View style={styles.welcomeView}>{/* 白屏界面 */}</View>
+          ) : (
+            <TouchableWithoutFeedback
+              onPress={() => {
+                Keyboard.dismiss();
+              }}
             >
-              <View style={styles.changeLoginWayInner}>
-                <Image
-                  source={require("../../assets/img/qiehuan.png")}
-                  style={styles.exchangeIcon}
-                />
-
-                <Text style={styles.changeLoginWayText}>
-                  {loginWay === 0 ? "密码登录" : "验证码登录"}
-                </Text>
-              </View>
-            </TouchableOpacity>
-          </View>
-
-          <View style={styles.content}>
-            <View style={styles.titleBox}>
-              <Text style={styles.title}>
-                {loginWay === 0 ? "验证码登录" : "密码登录"}
-              </Text>
-
-              <Text style={styles.subTitle}>
-                {loginWay === 0
-                  ? "未注册过的手机号验证通过后将自动注册"
-                  : "请使用账号和密码登录"}
-              </Text>
-            </View>
-
-            {loginWay === 0 && (
-              <>
-                <View style={styles.inputBox}>
-                  <TextInput
-                    style={styles.input}
-                    value={phone}
-                    placeholder="手机号"
-                    onChangeText={(text) => setPhone(text)}
-                  />
-                </View>
-                <View style={styles.inputBox}>
-                  <SmsCodeInput
-                    value={userInputSmsCode}
-                    placeholder="验证码"
-                    rightBtnDisabled={smsCodeRightBtnDisabled}
-                    rightBtnText={smsCodeRightBtnText}
-                    onChangeText={(text) => setUserInputSmsCode(text)}
-                    onRightBtnPress={handleGetSmsId}
+              <View
+                style={
+                  appName === "悦慧家" || currentOperatorName === "番禺有线"
+                    ? { position: "relative", flex: 1 }
+                    : { position: "relative", flex: 1 }
+                }
+              >
+                <View style={statusBarPlaceholderStyle} />
+                {appName === "悦慧家" || currentOperatorName === "番禺有线" ? (
+                  <PyLoginType
+                    activeIndex={activeIndex}
+                    handleChangeActive={handleChangeActive}
+                    setPyLoginVisible={setPyLoginVisible}
                   />
+                ) : (
+                  <View style={styles.loginHead}>
+                    <View>
+                      <Text style={styles.welcomeTitleText}>欢迎登录！</Text>
+                      <Text style={styles.welcomeSubTitleText}>
+                        安装省心 智能管家
+                      </Text>
+                    </View>
+                    <View style={{ width: px(403), height: px(265) }}>
+                      {/* <Image
+                        source={
+                          activeIndex === 0
+                            ? require('../../assets/img/worker.png')
+                            : require('../../assets/img/computer.png')
+                        }
+                        style={styles.topImg}
+                        resizeMode="contain"
+                      /> */}
+                      {activeIndex === 0 ? (
+                        <Image
+                          source={require("../../assets/img/worker.png")}
+                          style={styles.topImg}
+                          resizeMode="contain"
+                        />
+                      ) : (
+                        <GestureHandlerRootView>
+                          <LongPressGestureHandler
+                            minDurationMs={2000} // 设置长按的最短时间为5000毫秒，即5秒
+                            onActivated={onLongPress}
+                          >
+                            <Image
+                              source={require("../../assets/img/computer.png")}
+                              style={styles.topImg}
+                              resizeMode="contain"
+                            />
+                          </LongPressGestureHandler>
+                        </GestureHandlerRootView>
+                      )}
+                    </View>
+                  </View>
+                )}
+
+                {!["吉柿果", "遥控键码库", "智慧中原", "悦慧家"].includes(
+                  appName
+                ) &&
+                  currentOperatorName !== "番禺有线" && (
+                    <LoginType
+                      activeIndex={activeIndex}
+                      changeActive={handleChangeActive}
+                    />
+                  )}
+
+                <View
+                  style={{
+                    ...styles.inputView,
+                    paddingTop: ["吉柿果", "遥控键码库", "智慧中原"].includes(
+                      appName
+                    )
+                      ? px(100)
+                      : 0,
+                  }}
+                >
+                  {loginWay === 0 && (
+                    <>
+                      <View
+                        style={[
+                          styles.inputBox,
+                          { marginTop: px(40), marginBottom: px(75) },
+                        ]}
+                      >
+                        <Text style={styles.inputTitle}>+86</Text>
+                        <View style={styles.inputDivider} />
+                        <TextInput
+                          keyboardType="number-pad"
+                          style={styles.input}
+                          value={phone}
+                          placeholder="请输入您的手机号"
+                          placeholderTextColor="#A6A6A6"
+                          onChangeText={(text) => setPhone(text)}
+                          returnKeyType="done"
+                          maxLength={11}
+                        />
+                      </View>
+                      <View style={[styles.inputBox]}>
+                        <SmsCodeInput
+                          value={userInputSmsCode}
+                          placeholder="请输入验证码"
+                          rightBtnDisabled={smsCodeRightBtnDisabled}
+                          rightBtnText={smsCodeRightBtnText}
+                          appName={appName}
+                          currentOperatorName={currentOperatorName}
+                          onChangeText={(text) => setUserInputSmsCode(text)}
+                          onRightBtnPress={handleGetSmsId}
+                        />
+                      </View>
+                    </>
+                  )}
+                  {loginWay === 1 && (
+                    <>
+                      <View
+                        style={[
+                          styles.inputBox,
+                          { marginTop: px(40), marginBottom: px(75) },
+                        ]}
+                      >
+                        <Text style={styles.inputTitle}>账号</Text>
+                        <View style={styles.inputDivider} />
+                        <TextInput
+                          style={styles.input}
+                          placeholder="请输入您的账号"
+                          placeholderTextColor="#A6A6A6"
+                          value={username}
+                          onChangeText={(text) => setUsername(text)}
+                          returnKeyType="done"
+                        />
+                      </View>
+                      <View style={[styles.inputBox]}>
+                        <Text style={styles.inputTitle}>密码</Text>
+                        <View style={styles.inputDivider} />
+                        <TextInput
+                          style={styles.input}
+                          placeholder="请输入密码"
+                          placeholderTextColor="#A6A6A6"
+                          value={password}
+                          secureTextEntry
+                          onChangeText={(text) => setPassword(text)}
+                          returnKeyType="done"
+                        />
+                      </View>
+                      <View
+                        style={[
+                          styles.passBox,
+                          {
+                            justifyContent:
+                              /* appName === "吉柿果" ||
+                              currentOperatorName === "番禺有线" ||
+                              appName === "悦慧家"
+                                ?  */ "flex-end",
+                            /*  : "space-between" */
+                          },
+                        ]}
+                      >
+                        {/* {appName !== "吉柿果" &&
+                          appName !== "悦慧家" &&
+                          currentOperatorName !== "番禺有线" && (
+                            <TouchableOpacity
+                              style={{ marginTop: px(27), marginLeft: px(115) }}
+                              onPress={() => {
+                                navigation.navigate("RegisteCountScreen");
+                              }}
+                            >
+                              <Text
+                                style={{
+                                  color: "#999999",
+                                  fontSize: px(35),
+                                  fontWeight: "bold",
+                                }}
+                              >
+                                注册
+                              </Text>
+                            </TouchableOpacity>
+                          )} */}
+                        <TouchableOpacity
+                          style={styles.forgotPassword}
+                          onPress={() => {
+                            navigation.navigate("ResePasswordScreen");
+                          }}
+                        >
+                          <Text
+                            style={{
+                              color:
+                                appName === "悦慧家" ||
+                                currentOperatorName === "番禺有线"
+                                  ? "#0071C4"
+                                  : "#E86003",
+                              fontSize: px(35),
+                              fontWeight: "bold",
+                            }}
+                          >
+                            忘记密码
+                          </Text>
+                        </TouchableOpacity>
+                      </View>
+                    </>
+                  )}
+
+                  {loginWay === 0 && smsCodeResendTime !== 0 && (
+                    <TouchableOpacity
+                      style={{
+                        alignSelf: "flex-end",
+                        marginHorizontal: px(115),
+                        marginTop: px(20),
+                      }}
+                      onPress={smsCodeTips}
+                    >
+                      <Text
+                        style={{
+                          fontSize: px(35),
+                          color:
+                            appName === "悦慧家" ||
+                            currentOperatorName === "番禺有线"
+                              ? "#0071C4"
+                              : "#E86003",
+                          fontWeight: "400",
+                        }}
+                      >
+                        收不到验证码
+                      </Text>
+                    </TouchableOpacity>
+                  )}
+
+                  <TouchableOpacity
+                    activeOpacity={0.7}
+                    onPress={handleLoginPress}
+                    disabled={loginDisabled}
+                  >
+                    <View
+                      style={{
+                        ...styles.loginBtnBox,
+                        marginTop: keybordShow ? px(75) : px(257),
+                        opacity: loginDisabled ? 0.6 : 1,
+                      }}
+                    >
+                      <View
+                        style={[
+                          styles.loginBtn,
+                          appName === "悦慧家" ||
+                          currentOperatorName === "番禺有线"
+                            ? {
+                                backgroundColor: "#0071C4",
+                                borderRadius: px(93),
+                              }
+                            : {},
+                        ]}
+                      >
+                        <Text style={[styles.loginBtnText]}>
+                          {isLogining ? "正在登录中..." : "登录"}
+                        </Text>
+                      </View>
+                    </View>
+                  </TouchableOpacity>
+
+                  {appName !== "遥控键码库" && (
+                    <View
+                      style={{
+                        marginTop: px(40),
+                        width: "100%",
+                      }}
+                    >
+                      <View style={styles.protocol}>
+                        <CheckBox
+                          center
+                          checked={protocolAgree}
+                          containerStyle={{
+                            margin: 0,
+                            padding: 0,
+                            backgroundColor: "transparent",
+                          }}
+                          onPress={() => handleSetProtocolAgree(!protocolAgree)}
+                          checkedIcon={
+                            <Icon
+                              name="checkmark-circle-outline"
+                              type="ionicon"
+                              color={styles.protocolLinkAgree.color}
+                              size={20}
+                            />
+                          }
+                          uncheckedIcon={
+                            <Icon
+                              name="radio-button-off"
+                              type="ionicon"
+                              color={styles.protocolText.color}
+                              size={20}
+                            />
+                          }
+                        />
+                        <TouchableWithoutFeedback
+                          onPress={() => setProtocolAgree(!protocolAgree)}
+                        >
+                          <Text style={styles.protocolText}>
+                            已阅读并同意
+                            <TouchableWithoutFeedback
+                              style={{ paddingVertical: px(150) }}
+                              onPress={() =>
+                                handleViewUserAgreementByType("service")
+                              }
+                            >
+                              <Text
+                                style={
+                                  protocolAgree || serviceAgree
+                                    ? styles.protocolLinkAgree
+                                    : appName === "悦慧家" ||
+                                      currentOperatorName === "番禺有线"
+                                    ? styles.protocolLinkPy
+                                    : styles.protocolLink
+                                }
+                              >
+                                《服务条款》
+                              </Text>
+                            </TouchableWithoutFeedback>
+                            与
+                            <TouchableWithoutFeedback
+                              style={{ paddingVertical: px(150) }}
+                              onPress={() =>
+                                handleViewUserAgreementByType("privacy")
+                              }
+                            >
+                              <Text
+                                style={
+                                  protocolAgree || privacyAgree
+                                    ? styles.protocolLinkAgree
+                                    : appName === "悦慧家" ||
+                                      currentOperatorName === "番禺有线"
+                                    ? styles.protocolLinkPy
+                                    : styles.protocolLink
+                                }
+                              >
+                                《隐私权政策》
+                              </Text>
+                            </TouchableWithoutFeedback>
+                          </Text>
+                        </TouchableWithoutFeedback>
+                      </View>
+                    </View>
+                  )}
                 </View>
-              </>
-            )}
 
-            {loginWay === 1 && (
-              <>
-                <View style={styles.inputBox}>
-                  <TextInput
-                    style={styles.input}
-                    value={username}
-                    placeholder="账号"
-                    onChangeText={(text) => setUsername(text)}
-                  />
-                </View>
-                <View style={styles.inputBox}>
-                  <TextInput
-                    style={styles.input}
-                    value={password}
-                    secureTextEntry
-                    placeholder="密码"
-                    onChangeText={(text) => setPassword(text)}
-                  />
+                <View
+                  style={{
+                    position: "absolute",
+                    width: "100%",
+                    top:
+                      Dimensions.get("window").height -
+                      (["禺乐慧家", "悦慧家"].includes(appName)
+                        ? px(365)
+                        : px(225)),
+                  }}
+                >
+                  <View
+                    style={{
+                      // flexDirection: 'row',
+                      justifyContent: "center",
+                      alignItems: "center",
+                      // backgroundColor:'red'
+                    }}
+                  >
+                    <TouchableOpacity
+                      activeOpacity={0.7}
+                      onPress={handleSwitchLoginWay}
+                    >
+                      <View
+                        style={{
+                          flexDirection: "row",
+                          padding: px(20),
+                          marginBottom: px(70),
+                        }}
+                      >
+                        <Text
+                          style={{
+                            color:
+                              appName === "悦慧家" ||
+                              currentOperatorName === "番禺有线"
+                                ? "#0071C4"
+                                : "#E86003",
+                            fontSize: px(43),
+                          }}
+                        >
+                          {loginWay === 0 ? "账号登录" : "手机号登录"}
+                        </Text>
+                      </View>
+                    </TouchableOpacity>
+                    {["禺乐慧家"].includes(appName) && (
+                      <TouchableOpacity
+                        activeOpacity={0.7}
+                        onPress={handleLookFreely}
+                      >
+                        <View style={{}}>
+                          <Text style={{ color: "#999", fontSize: px(43) }}>
+                            暂不登录，先逛逛
+                          </Text>
+                        </View>
+                      </TouchableOpacity>
+                    )}
+                  </View>
                 </View>
-              </>
-            )}
 
-            <View style={styles.protocol}>
-              <CheckBox
-                center
-                checked={protocolAgree}
-                containerStyle={{
-                  margin: 0,
-                  padding: 0,
-                  backgroundColor: "transparent",
-                }}
-                onPress={() => handleSetProtocolAgree(!protocolAgree)}
-                checkedIcon={
-                  <Icon
-                    name="checkmark-circle-outline"
-                    type="ionicon"
-                    color={styles.protocolLinkAgree.color}
-                    size={20}
-                  />
-                }
-                uncheckedIcon={
-                  <Icon
-                    name="radio-button-off"
-                    type="ionicon"
-                    color={styles.protocolText.color}
-                    size={20}
-                  />
-                }
-              />
-              <TouchableWithoutFeedback
-                onPress={() => setProtocolAgree(!protocolAgree)}
-              >
-                <Text style={styles.protocolText}>
-                  已阅读并同意
-                  <TouchableWithoutFeedback
-                    style={{ paddingVertical: 100 }}
-                    onPress={() => handleViewUserAgreementByType("service")}
+                {/* 选择方式 */}
+                {entranceSelectVisible && (
+                  <View
+                    style={{
+                      ...styles.entranceSelect,
+                      paddingTop:
+                        (Platform.OS === "ios" ? insets.top : 0) +
+                        StatusBar.currentHeight,
+                    }}
                   >
-                    <Text
-                      style={
-                        protocolAgree || serviceAgree
-                          ? styles.protocolLinkAgree
-                          : styles.protocolLink
-                      }
+                    <View
+                      style={{
+                        paddingTop: px(36),
+                        paddingBottom: px(33),
+                        marginBottom: px(38),
+                      }}
                     >
-                      用户协议
-                    </Text>
-                  </TouchableWithoutFeedback>
-                  和
-                  <TouchableWithoutFeedback
-                    style={{ paddingVertical: 100 }}
-                    onPress={() => handleViewUserAgreementByType("privacy")}
-                  >
-                    <Text
-                      style={
-                        protocolAgree || privacyAgree
-                          ? styles.protocolLinkAgree
-                          : styles.protocolLink
-                      }
+                      <Text
+                        style={{
+                          fontSize: px(55),
+                          color: "#333",
+                          fontWeight: "bold",
+                          textAlign: "center",
+                        }}
+                      >
+                        请选择功能
+                      </Text>
+                    </View>
+                    <TouchableOpacity
+                      style={{
+                        ...styles.entranceSelectItem,
+                        backgroundColor: "#F4F9F8",
+                      }}
+                      onPress={() => {
+                        if (selectEntranceResolve) {
+                          selectEntranceResolve("szjt");
+                          selectEntranceResolve = null;
+                        } else {
+                          replace("Home", {
+                            redirect: false,
+                          });
+                        }
+                      }}
                     >
-                      隐私条款
-                    </Text>
-                  </TouchableWithoutFeedback>
-                </Text>
-              </TouchableWithoutFeedback>
-            </View>
-
-            <TouchableOpacity
-              activeOpacity={0.7}
-              onPress={handleLoginPress}
-              disabled={loginDisabled}
-            >
-              <View style={styles.loginBtnBox}>
-                <View style={[styles.loginBtn, loginBtnBg]}>
-                  <Text style={styles.loginBtnText}>
-                    {isLogining ? "正在登录中..." : "登录"}
-                  </Text>
-                </View>
-              </View>
-            </TouchableOpacity>
-          </View>
-        </View>
-      )}
-
-      {serviceDialogVisible && !isLoading && (
-        <ProtocolType
-          handleOneDisagree={handleOneDisagree}
-          handleOneAgree={handleOneAgree}
-          url="https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/user_agreement.html"
-          type="service"
-        />
-      )}
-      {privacyDialogVisible && !isLoading && (
-        <ProtocolType
-          handleOneDisagree={handleOneDisagree}
-          handleOneAgree={handleOneAgree}
-          url="https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/privacy_policy.html"
-          type="privacy"
-        />
-      )}
-
-      {protocolDialogVisible && !isLoading && (
-        <View style={styles.agreementMask}>
-          <View style={styles.agreementConfirmContent}>
-            <View style={styles.agreementConfirmHead}>
-              <TouchableOpacity
-                style={styles.headerLeft}
-                onPress={() => {
-                  console.log(111);
-                  setProtocolDialogVisible(false);
-                }}
-              >
-                <Image
-                  source={require("../../assets/img/goBack.png")}
-                  style={styles.goBackImg}
-                  resizeMode="contain"
-                />
-              </TouchableOpacity>
-              <View style={styles.agreementConfirmTitleBox}>
-                <Text style={styles.agreementConfirmTitle}>欢迎使用爱家宝</Text>
+                      <Image
+                        style={{
+                          width: px(104),
+                          height: px(104),
+                        }}
+                        resizeMode="contain"
+                        source={require("../../assets/img/szjt.png")}
+                      />
+                      <Text
+                        style={{
+                          ...styles.entranceSelectText,
+                          color: "#62C0B6",
+                        }}
+                      >
+                        数字家庭
+                      </Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity
+                      style={{
+                        ...styles.entranceSelectItem,
+                        backgroundColor: "#F2FAFF",
+                      }}
+                      onPress={async () => {
+                        if (selectEntranceResolve) {
+                          selectEntranceResolve &&
+                            selectEntranceResolve("tyygq");
+                          selectEntranceResolve = null;
+                        } else {
+                          if (
+                            envVersion !== "release" &&
+                            ![
+                              "禺乐慧家",
+                              "悦慧家",
+                              "吉柿果",
+                              "智慧中原",
+                            ].includes(appName)
+                          ) {
+                            global.loading.showLoading("正在加载");
+                            await global.base.navigateModule({
+                              operatorId: "ipanel",
+                              moduleName: "adg",
+                              screenName: "IstickUpdate3Screen",
+                              isReplace: true,
+                            });
+                            global.loading.hideLoading();
+                          } else {
+                            replace("Home", {
+                              redirect: true,
+                            });
+                          }
+                        }
+                      }}
+                    >
+                      <Image
+                        style={{
+                          width: px(104),
+                          height: px(104),
+                        }}
+                        resizeMode="contain"
+                        source={require("../../assets/img/tykz.png")}
+                      />
+                      <Text
+                        style={{
+                          ...styles.entranceSelectText,
+                          color: "#599FF1",
+                        }}
+                      >
+                        遥控键码下载
+                      </Text>
+                    </TouchableOpacity>
+                  </View>
+                )}
               </View>
-            </View>
-            <ScrollView>
-              <View>
-                <Text style={styles.agreementConfirmText}>
-                  为了更好的保障您的合法权益，请您阅读并同意
-                  <TouchableWithoutFeedback onPress={handleViewUserAgreement}>
-                    <Text style={styles.agreementConfirmImportantText}>
-                      用户协议
+            </TouchableWithoutFeedback>
+          )}
+          {serviceDialogVisible && !isLoading && (
+            <ProtocolType
+              handleOneDisagree={handleOneDisagree}
+              handleOneAgree={handleOneAgree}
+              dialogTitle="用户协议"
+              url={userAgreementURl}
+              type="service"
+              appName={appName}
+              currentOperatorName={currentOperatorName}
+            />
+          )}
+
+          {privacyDialogVisible && !isLoading && (
+            <ProtocolType
+              handleOneDisagree={handleOneDisagree}
+              handleOneAgree={handleOneAgree}
+              dialogTitle="隐私保护提示"
+              url={privacyPolicyURI}
+              type="privacy"
+              appName={appName}
+              currentOperatorName={currentOperatorName}
+            />
+          )}
+
+          {protocolDialogVisible &&
+            !isLoading &&
+            appName !== "遥控键码库" &&
+            !pyLoginVisible && (
+              <View style={styles.agreementMask}>
+                <View style={styles.agreementConfirmContent}>
+                  <View style={styles.agreementConfirmHead}>
+                    <Text style={styles.agreementConfirmTitle}>
+                      欢迎使用{appName}
                     </Text>
-                  </TouchableWithoutFeedback>
-                  和
-                  <TouchableWithoutFeedback onPress={handleViewPrivacyClause}>
-                    <Text style={styles.agreementConfirmImportantText}>
-                      隐私条款
-                    </Text>
-                  </TouchableWithoutFeedback>
-                  。为向您提供更优质的服务，我们可能会向您申请下列相关权限：
-                </Text>
-              </View>
-              <View>
-                <Text style={styles.agreementConfirmText}>
-                  1. 读写设备存储权限（Android
-                  版本）：用于用于用户反馈、客服等功能中读写设备上的照片及文件；
-                </Text>
-              </View>
-              <View>
-                <Text style={styles.agreementConfirmText}>
-                  2. 地理位置权限（Android、iOS
-                  版本）：用于家庭位置管理、判断地区提供天气服务、发现附近智能设备；
-                </Text>
-              </View>
-              <View>
-                <Text style={styles.agreementConfirmText}>
-                  3. 相机权限（Android、iOS
-                  版本）：用于扫码绑定电视账户、扫码进行设备添加等功能；
-                </Text>
-              </View>
-              <View>
-                <Text style={styles.agreementConfirmText}>
-                  4. 相册权限(Android、ios
-                  版本):用于用户反馈等功能中读写设备上的照片及视频；
-                </Text>
-              </View>
-              <View>
-                <Text style={styles.agreementConfirmText}>
-                  5. 麦克风权限(Android、ioS 版本):智能客服等功能；
-                </Text>
-              </View>
-              <View>
-                <Text style={styles.agreementConfirmText}>
-                  6. 读取电话联系人权限(Android):用于电视通讯功能；
-                </Text>
-              </View>
-              <View>
-                <Text style={styles.agreementConfirmText}>
-                  7. 开启蓝牙权限(Android、ios
-                  版本):用于连接设备时连接设备发出的蓝牙信号，以进行设备通信，对于通过蓝牙连接的智能设备，也需要蓝牙权限用于通信；
-                </Text>
-              </View>
-              <View>
-                <Text style={styles.agreementConfirmText}>
-                  8. 开启蓝牙权限(Android、ios
-                  版本):用于连接设备时连接设备发出的蓝牙信号，以进行设备通信，对于通过蓝牙连接的智能设备，也需要蓝牙权限用于通信；
-                </Text>
-              </View>
-              <View>
-                <Text style={styles.agreementConfirmText}>
-                  7. 开启蓝牙权限(Android、ios
-                  版本):用于连接设备时连接设备发出的蓝牙信号，以进行设备通信，对于通过蓝牙连接的智能设备，也需要蓝牙权限用于通信；
-                </Text>
+                  </View>
+                  <View style={{ flex: 1 }}>
+                    <ScrollView showsVerticalScrollIndicator={false}>
+                      <View>
+                        <Text style={styles.agreementConfirmText}>
+                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为了更好的保障您的合法权益，请您阅读并同意
+                          <TouchableWithoutFeedback
+                            onPress={handleViewUserAgreement}
+                            style={{ paddingVertical: px(100) }}
+                          >
+                            <Text
+                              style={
+                                appName === "悦慧家" ||
+                                currentOperatorName === "番禺有线"
+                                  ? styles.protocolLinkPy
+                                  : styles.agreementConfirmImportantText
+                              }
+                            >
+                              用户协议
+                            </Text>
+                          </TouchableWithoutFeedback>
+                          和
+                          <TouchableWithoutFeedback
+                            onPress={handleViewPrivacyClause}
+                          >
+                            <Text
+                              style={
+                                appName === "悦慧家" ||
+                                currentOperatorName === "番禺有线"
+                                  ? styles.protocolLinkPy
+                                  : styles.agreementConfirmImportantText
+                              }
+                            >
+                              隐私条款
+                            </Text>
+                          </TouchableWithoutFeedback>
+                          。为向您提供更优质的服务，我们可能会向您申请下列相关权限：
+                        </Text>
+                      </View>
+                      <View>
+                        <Text style={styles.agreementConfirmText}>
+                          1.
+                          读写设备存储权限（Android版本）：用于用于用户反馈、客服等功能中读写设备上的照片及文件；
+                        </Text>
+                      </View>
+                      <View>
+                        <Text style={styles.agreementConfirmText}>
+                          2.
+                          地理位置权限（Android、IOS版本）：用于家庭位置管理、判断地区提供天气服务、发现附近智能设备；
+                        </Text>
+                      </View>
+                      <View>
+                        <Text style={styles.agreementConfirmText}>
+                          3.
+                          相机权限（Android、IOS版本）：用于扫码绑定电视账户、扫码进行设备添加等功能；
+                        </Text>
+                      </View>
+                      <View>
+                        <Text style={styles.agreementConfirmText}>
+                          4.
+                          相册权限(Android、IOS版本):用于用户反馈等功能中读写设备上的照片及视频；
+                        </Text>
+                      </View>
+                      <View>
+                        <Text style={styles.agreementConfirmText}>
+                          5. 麦克风权限(Android、IOS版本):智能客服等功能；
+                        </Text>
+                      </View>
+                      <View>
+                        <Text style={styles.agreementConfirmText}>
+                          6. 读取电话联系人权限(Android):用于电视通讯功能；
+                        </Text>
+                      </View>
+                      <View>
+                        <Text style={styles.agreementConfirmText}>
+                          7.
+                          开启蓝牙权限(Android、IOS版本):用于连接设备时连接设备发出的蓝牙信号，以进行设备通信，对于通过蓝牙连接的智能设备，也需要蓝牙权限用于通信；
+                        </Text>
+                      </View>
+                      <View>
+                        <Text style={styles.agreementConfirmText}>
+                          8.
+                          获取wifi的ssid与bssid权限(Android、IOS版本):用于添加与给网关设备配网时，获取附近可以连连接的wifi列表，及过滤
+                          5Gwifi列表;
+                        </Text>
+                      </View>
+                      <View>
+                        <Text style={styles.agreementConfirmText}>
+                          9.
+                          获取mac权限(Android、IOS版本):用于获取mac添加智能设备；
+                        </Text>
+                      </View>
+                    </ScrollView>
+                  </View>
+                  <Divider color="#eee" width={1} />
+                  {appName === "悦慧家" ||
+                  currentOperatorName === "番禺有线" ? (
+                    <View
+                      style={{
+                        ...styles.agreementButtons,
+                        flexDirection: "column",
+                        height: px(255),
+                      }}
+                    >
+                      <TouchableOpacity
+                        style={{
+                          marginHorizontal: px(38),
+                          backgroundColor: "#0071C4",
+                          flex: 1,
+                          borderRadius: px(80),
+                          alignItems: "center",
+                          justifyContent: "center",
+                          paddingVertical: px(20),
+                        }}
+                        activeOpacity={0.7}
+                        onPress={handleUserAgree}
+                      >
+                        <Text style={{ color: "#fff", fontSize: px(49) }}>
+                          同意
+                        </Text>
+                      </TouchableOpacity>
+                      <TouchableOpacity
+                        style={styles.disagreeBtn}
+                        activeOpacity={0.7}
+                        onPress={handleUserDisagree}
+                      >
+                        <Text
+                          style={{
+                            ...styles.disagreeBtnText,
+                            fontSize: px(49),
+                          }}
+                        >
+                          不同意
+                        </Text>
+                      </TouchableOpacity>
+                    </View>
+                  ) : (
+                    <View style={styles.agreementButtons}>
+                      <TouchableOpacity
+                        style={styles.disagreeBtn}
+                        activeOpacity={0.7}
+                        onPress={handleUserDisagree}
+                      >
+                        <Text style={styles.disagreeBtnText}>不同意</Text>
+                      </TouchableOpacity>
+                      <Divider color="#eee" width={1} orientation="vertical" />
+                      <TouchableOpacity
+                        style={styles.agreeBtn}
+                        activeOpacity={0.7}
+                        onPress={handleUserAgree}
+                      >
+                        <Text style={styles.agreeBtnText}>同意</Text>
+                      </TouchableOpacity>
+                    </View>
+                  )}
+                </View>
               </View>
-            </ScrollView>
+            )}
+        </ImageBackground>
+        {logVisible && <OpenLogSheet setVisible={setLogVisible} />}
+        {graphSmscodeVisible && (
+          <GraphSmscode onSuccess={graphSmscodeSuccess} />
+        )}
+      </View>
+    );
+  };
 
-            <View style={styles.agreementButtons}>
-              <TouchableOpacity
-                style={styles.disagreeBtn}
-                activeOpacity={0.7}
-                onPress={handleUserDisagree}
-              >
-                <Text style={styles.disagreeBtnText}>不同意</Text>
-              </TouchableOpacity>
-              <TouchableOpacity
-                style={styles.agreeBtn}
-                activeOpacity={0.7}
-                onPress={handleUserAgree}
-              >
-                <Text style={styles.agreeBtnText}>同意</Text>
-              </TouchableOpacity>
-            </View>
-          </View>
-        </View>
-      )}
-    </ImageBackground>
-  );
+  return render();
 }
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: "#fff",
   },
   welcomeView: {
     flex: 1,
     alignItems: "center",
     justifyContent: "center",
   },
-  content: {
-    paddingHorizontal: 30,
-  },
-  titleBox: {
-    justifyContent: "center",
-  },
-  title: {
-    fontSize: 24,
-    color: "rgba(48, 48, 48, 1)",
+  loginHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    marginTop: px(113),
+    paddingLeft: px(69),
+    paddingRight: px(37),
+    marginBottom: px(52),
   },
-  subTitle: {
-    fontSize: 14,
-    marginTop: 10,
+  inputView: {
+    backgroundColor: "#fff",
+    borderRadius: px(22),
+    flex: 1,
+    marginTop: px(-50),
   },
-  inputBox: {
-    borderBottomWidth: 1,
-    marginVertical: 10,
-    borderBottomColor: "rgba(217, 217, 217, 1)",
+  inputDivider: {
+    width: px(3),
+    height: px(37),
+    backgroundColor: "#eee",
+    marginHorizontal: px(22),
   },
-  input: {
-    height: 50,
+  inputTitle: {
     color: "#333",
+    fontSize: px(40),
+    fontWeight: "400",
   },
-  welcomText: {
-    fontSize: 30,
+  passBox: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+  },
+  forgotPassword: {
+    marginTop: px(27),
+    alignSelf: "flex-end",
+    marginRight: px(115),
   },
   loginView: {
     flex: 1,
   },
-  changeLoginWay: {
-    // height: 70,
-    justifyContent: "center",
-    alignItems: "flex-end",
-    marginRight: 20,
+  welcomeTitleText: {
+    fontSize: px(92),
+    color: "#fff",
+    fontWeight: "600",
+  },
+  welcomeSubTitleText: {
+    paddingTop: px(17),
+    color: "#FFF9F5",
+    fontSize: px(46),
+  },
+  topImg: {
+    width: "100%",
+    height: "100%",
+  },
+  inputBox: {
+    marginHorizontal: px(115),
+    flexDirection: "row",
+    alignItems: "center",
+    borderBottomWidth: px(2),
+    // marginVertical: 10,
+    borderBottomColor: "#E8E8E8",
+    height: px(100),
+  },
+  input: {
+    height: 50,
+    flex: 1,
+    color: "#000",
   },
-  changeLoginWayInner: {
+  loginBtnBox: {
     flexDirection: "row",
     alignItems: "center",
   },
-  changeLoginWayText: {
-    color: "rgba(51, 51, 51, 1)",
-    fontSize: 16,
+  loginBtn: {
+    marginHorizontal: px(115),
+    borderRadius: px(23),
+    backgroundColor: "#E86003",
+    flex: 1,
+    height: px(132),
+    alignItems: "center",
+    justifyContent: "center",
   },
-  exchangeIcon: {
-    width: 16,
-    height: 16,
-    marginRight: 3,
+  loginBtnText: {
+    color: "#fff",
+    fontSize: px(52),
+    fontWeight: "600",
   },
+
   protocol: {
-    marginVertical: 15,
     flexDirection: "row",
+    justifyContent: "center",
     alignItems: "center",
   },
   protocolText: {
-    color: "rgba(102, 102, 102, 1)",
+    color: "#A6A6A6",
+    fontSize: px(35),
   },
   protocolLink: {
     color: "rgba(234, 96, 0, 1)",
@@ -830,6 +1798,10 @@ const styles = StyleSheet.create({
   protocolLinkAgree: {
     color: "#0EC12C",
   },
+  protocolLinkPy: {
+    color: "#0071C4",
+  },
+
   agreementMask: {
     position: "absolute",
     left: 0,
@@ -837,27 +1809,21 @@ const styles = StyleSheet.create({
     bottom: 0,
     right: 0,
     zIndex: 2,
+    backgroundColor: "rgba(0,0,0,0.7)",
   },
   agreementConfirmContent: {
     position: "absolute",
-    width: Dimensions.get("window").width - 60,
     height: 400,
-    left: 30,
+    left: px(75),
+    right: px(75),
     top: Dimensions.get("window").height / 2 - 200,
     backgroundColor: "#fff",
     paddingBottom: 0,
-    borderWidth: 1,
-    borderColor: "#a1a1a1",
-    borderRadius: 20,
+    borderRadius: px(29),
   },
   agreementConfirmHead: {
-    position: "relative",
-    flexDirection: "row",
-    alignItems: "center",
-    paddingTop: 10,
-    paddingLeft: 10,
-    marginBottom: 5,
-    height: 40,
+    marginTop: px(52),
+    marginBottom: px(29),
   },
   headerLeft: {
     position: "absolute",
@@ -886,58 +1852,75 @@ const styles = StyleSheet.create({
     // paddingTop: 20,
   },
   agreementConfirmText: {
-    fontSize: 16,
-    lineHeight: 30,
-    paddingHorizontal: 20,
-    color: "#000",
+    fontSize: px(40),
+    lineHeight: px(69),
+    color: "#333",
+    marginHorizontal: px(40),
   },
   agreementConfirmImportantText: {
     color: "rgba(234, 96, 0, 1)",
   },
   agreementButtons: {
     height: 50,
+    marginTop: px(12),
     flexDirection: "row",
     justifyContent: "space-around",
-    borderTopColor: "#c1c1c1",
-    borderTopWidth: 0.5,
+    borderBottomLeftRadius: px(29),
   },
   disagreeBtn: {
     flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    borderBottomLeftRadius: 20,
+    paddingTop: px(32),
+    paddingBottom: px(29),
   },
   disagreeBtnText: {
-    color: "#ccc",
+    color: "#666",
+    fontSize: px(52),
+    textAlign: "center",
+    fontWeight: "500",
   },
   agreeBtn: {
     flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    borderLeftColor: "#c1c1c1",
-    borderLeftWidth: 0.5,
-    borderBottomRightRadius: 20,
+    paddingTop: px(32),
+    paddingBottom: px(29),
   },
   agreeBtnText: {
-    color: "#333",
-    fontSize: 16,
+    color: "#E86003",
+    fontSize: px(52),
+    textAlign: "center",
+    fontWeight: "500",
   },
-  loginBtnBox: {
-    flexDirection: "row",
+
+  mask: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+    justifyContent: "center",
     alignItems: "center",
+    backgroundColor: "rgba(0, 0, 0, 0.5)",
   },
-  loginBtn: {
-    flex: 1,
-    height: 48,
-    marginHorizontal: 10,
-    borderRadius: 24,
+  entranceSelect: {
+    backgroundColor: "#fff",
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+  },
+  entranceSelectItem: {
+    height: px(231),
+    marginHorizontal: px(38),
+    paddingLeft: px(38),
+    flexDirection: "row",
     alignItems: "center",
-    justifyContent: "center",
+    borderRadius: px(16),
+    marginBottom: px(27),
   },
-  loginBtnText: {
-    color: "#fff",
-    fontSize: 18,
+  entranceSelectText: {
+    fontWeight: "500",
+    fontSize: px(55),
+    marginLeft: px(33),
   },
 });
-
 export default LoginScreen;