ipanel-rnapp-ajb-base 1.0.0

package/app/screens/LoginScreen/indexNew.js

@@ -0,0 +1,1354 @@
+import React, {useState, useEffect, useCallback, useRef} from 'react';
+import {Icon, CheckBox, Button, Divider} from '@rneui/themed';
+import {
+  View,
+  Text,
+  StyleSheet,
+  Image,
+  ImageBackground,
+  TextInput,
+  TouchableOpacity,
+  TouchableWithoutFeedback,
+  Alert,
+  ScrollView,
+  Dimensions,
+  NativeModules,
+  Platform,
+  StatusBar,
+  Keyboard,
+  KeyboardAvoidingView,
+} from 'react-native';
+import {
+  LongPressGestureHandler,
+  GestureHandlerRootView,
+} from 'react-native-gesture-handler';
+import px from '../../utils/scaleSize';
+import storage from '../../storage';
+import {
+  obtainSmscode,
+  smscodeLogin,
+  accountLogin,
+  switchToken,
+  reportBigData,
+} 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, showToast} from '../../utils/notice';
+import {replace, popToTop} from '../../utils/RootNavigation';
+import {confirmWithContent} from '../../utils/registerDialog';
+import {
+  updateHomedToken,
+  initOperatorHomedTouristAccount,
+  appReport,
+} from '../../utils/common';
+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 Cell from '../../components/common/Cell';
+import OpenLogSheet from './OpenLogSheet';
+
+let protocolAgreeResolve = null;
+let selectEntranceResolve = 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 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 [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);
+
+  useEffect(() => {
+    if (!route.params?.skip) {
+      openProtocolDialog();
+    }
+    // 忘记密码页面返回
+    if (route.params?.loginWay) {
+      setLoginWay(route.params.loginWay);
+    }
+    // (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 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(() => {
+    // 获取登录状态
+    (async () => {
+      const token = await storage.get('accessToken');
+      if (token) {
+        if (appName === '遥控键码库') {
+          global.loading.showLoading('正在加载');
+          await global.base.navigateModule({
+            operatorId: 'ipanel',
+            moduleName: 'adg',
+            screenName: 'EntranceSelectScreen',
+            isReplace: true,
+          });
+          global.loading.hideLoading();
+          return;
+        }
+
+        const entranceSelect = await storage.get('entranceSelect');
+        if (entranceSelect === 'tyygq' && envVersion !== 'release') {
+          global.loading.showLoading('正在加载');
+          await global.base.navigateModule({
+            operatorId: 'ipanel',
+            moduleName: 'adg',
+            screenName: 'IstickUpdate3Screen',
+            isReplace: true,
+          });
+          global.loading.hideLoading();
+        } else {
+          replace('Home', {
+            redirect: true,
+          });
+        }
+        appReport('APP_STARTUP');
+      }
+      setTimeout(() => {
+        setIsLoading(false);
+        setIsLogined(!!token);
+      }, 0);
+    })();
+  }, []);
+
+  // useEffect(() => {
+  //   if (isLogined) {
+  //     replace('Home', {
+  //       redirect: true,
+  //     });
+  //   }
+  // }, [isLogined]);
+
+  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.length === 11 && smsCodeResendTime === 0) {
+      setSmsCodeRightBtnDisabled(false);
+      setSmsCodeRightBtnText('获取验证码');
+    } else {
+      setSmsCodeRightBtnDisabled(true);
+    }
+  }, [phone, smsCodeResendTime]);
+  useEffect(() => {
+    if (phone.length === 11 && smsCodeResendTime === 0) {
+      setSmsCodeRightBtnDisabled(false);
+      setSmsCodeRightBtnText('获取验证码');
+    } else {
+      setSmsCodeRightBtnDisabled(true);
+    }
+  }, [phone, smsCodeResendTime]);
+  useEffect(() => {
+    if (smsCodeResendTime > 0) {
+      setSmsCodeRightBtnText(`${smsCodeResendTime}s后重发`);
+      timer.current = setTimeout(() => {
+        setSmsCodeResendTime(smsCodeResendTime - 1);
+      }, 1000);
+    }
+
+    return () => {
+      clearTimeout(timer.current);
+    };
+  }, [smsCodeResendTime]);
+
+  useEffect(() => {
+    if (serviceAgree && privacyAgree) {
+      setProtocolAgree(true);
+    } else {
+      setProtocolAgree(false);
+    }
+  }, [serviceAgree, privacyAgree]);
+
+  const onLongPress = () => {
+    setLogVisible(true);
+  };
+
+  // useEffect(() => {
+  //   if (protocolAgree) {
+  //     setServiceAgree(true);
+  //     setPrivacyAgree(true);
+  //   }
+  // }, [protocolAgree]);
+
+  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);
+    }
+  };
+  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('请输入正确的手机号');
+      global.toast.showToast('手机号无效，请检查！');
+      return false;
+    }
+    return true;
+  }
+  const handleUserDisagree = async () => {
+    setProtocolDialogVisible(false);
+    setProtocolAgree(false);
+    setServiceAgree(false);
+    setPrivacyAgree(false);
+  };
+  const handleUserAgree = () => {
+    setProtocolAgree(true);
+    typeof protocolAgreeResolve === 'function' && protocolAgreeResolve();
+    protocolAgreeResolve = null;
+  };
+
+  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);
+    }
+
+    typeof protocolAgreeResolve === 'function' && protocolAgreeResolve();
+    protocolAgreeResolve = null;
+  };
+
+  const handleSetProtocolAgree = isAgree => {
+    setProtocolAgree(isAgree);
+    setServiceAgree(isAgree);
+    setPrivacyAgree(isAgree);
+  };
+
+  const handleLoginPress = () => {
+    if (loginDisabled) {
+      return;
+    }
+    if (protocolAgree || appName === '遥控键码库') {
+      handleLogin();
+    } else {
+      openProtocolDialog().then(() => {
+        handleLogin();
+      });
+    }
+  };
+
+  const openProtocolDialog = () => {
+    return new Promise(resolve => {
+      setProtocolDialogVisible(true);
+      protocolAgreeResolve = resolve;
+    }).then(() => {
+      setProtocolDialogVisible(false);
+    });
+  };
+
+  const handleLogin = async () => {
+    let adcode;
+    let res;
+    const appName =
+      NativeModules?.RNToNativeEmitter?.appName || config.LOCALTEST_APP_NAME;
+    // const appName = '遥控键码库';
+    const {deviceModal} = NativeModules?.RNToNativeEmitter || {};
+
+    const appID = await global.base.getAppId();
+
+    console.log('appID', appID);
+
+    let finallyAppID = appID;
+    if (!appID) {
+      // 兼容本地开发测试
+      finallyAppID = await UUIDGenerator.getRandomUUID();
+    }
+
+    if (loginWay === 0) {
+      if (!validPhone(phone)) {
+        return;
+      }
+
+      if (!smsId) {
+        Alert.alert('请先获取验证码');
+        return;
+      }
+
+      if (!userInputSmsCode) {
+        Alert.alert('请输入短信验证码');
+        return;
+      }
+      showLoading('登录中...');
+      setIsLogining(true);
+      let params = {
+        phone_number: phone,
+        sms_id: smsId,
+        sms_code: userInputSmsCode,
+        create_address: 1, // 注册时自动建默认家庭
+        extend: {
+          appid: finallyAppID,
+          model: deviceModal || '开发测试',
+          application: appName || '爱家宝',
+          platform: 'phone',
+          entry: 'app',
+        },
+      };
+      if (activeIndex === 0) {
+        delete params.create_address;
+      }
+      res = await smscodeLogin(params, activeType);
+    } else {
+      if (!username) {
+        Alert.alert('请输入账号');
+        return;
+      }
+
+      if (!password) {
+        Alert.alert('请输入密码');
+        return;
+      }
+      console.log(global.loading, 'global.loading');
+      showLoading('登录中...');
+      setIsLogining(true);
+      let params = {
+        account_name: username,
+        password: CryptoJS.MD5(password).toString(),
+        create_address: 1, // 注册时自动建默认家庭
+        extend: {
+          appid: finallyAppID,
+          model: deviceModal || '开发测试',
+          application: appName || '爱家宝',
+          platform: 'phone',
+          entry: 'app',
+        },
+      };
+      if (activeIndex === 0) {
+        delete params.create_address;
+      }
+      res = await accountLogin(params, activeType);
+    }
+    console.log(res, 'login');
+    if (res.code === 0) {
+      console.log(res.result, 'ipanelClound用户信息');
+      await storage.set('accountType', activeType);
+      await storage.set('accessToken', res.result.access_token);
+      await storage.set('refreshToken', res.result.refresh_token);
+
+      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);
+          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`,
+      //   {},
+      // );
+
+      // 初始化默认运营商对应的homed游客账号
+      const envVersion =
+        NativeModules?.RNToNativeEmitter?.serverCluster || 'dev';
+      await initOperatorHomedTouristAccount({
+        touristUsername: finallyAppID,
+        domain: envVersion === 'dev' ? 'homed.me' : 'homed.tv',
+        touristGroupId: envVersion === 'dev' ? 115017 : 4664, // 4664: tv集群的手机APP游客用户组. 115017: 运营集群手机APP游客用户组
+      });
+      clearTimeout(smsCodeTimer);
+      // setIsLogined(true);
+      // 判断是否已经选了运营商
+      const currentOperator = await storage.get(
+        `${res.result?.account?.account_id || ''}currentOperator`,
+      );
+      // 获取公寓token
+      if (currentOperator?.name === '内蒙古广电网络') {
+        const apartmentRes = await switchToken();
+        if (apartmentRes?.code === 200 && apartmentRes?.token) {
+          storage.set('apartmentToken', apartmentRes.token);
+          // 公寓人员信息接口暂时还没，假设role：1为房东
+          storage.set('apartmentData', {role: 1});
+        } else {
+          storage.set('apartmentData', {});
+          storage.set('apartmentToken', '');
+        }
+      } else {
+        storage.set('apartmentData', {});
+        storage.set('apartmentToken', '');
+      }
+
+      // 上报APP启动事件
+      appReport('APP_STARTUP');
+
+      hideLoading();
+      setIsLogining(false);
+
+      if (appName === '遥控键码库') {
+        global.loading.showLoading('正在加载');
+        await global.base.navigateModule({
+          operatorId: 'ipanel',
+          moduleName: 'adg',
+          screenName: 'EntranceSelectScreen',
+          isReplace: true,
+        });
+        global.loading.hideLoading();
+        return;
+      }
+
+      if (activeType === 'ajb' && envVersion !== 'release') {
+        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 === '禺乐慧家') {
+        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('安电工') ||
+        activeType === 'adg' ||
+        env === '__LOCAL_DEV__'
+      ) {
+        replace('Home', {
+          redirect: false,
+        });
+      } else {
+        confirmWithContent({
+          title: '选择运营商',
+          component: '你是否要选择运营商',
+          confirmButtonText: '确定',
+          confirmCallback: () => {
+            replace('OperatorSelectScreen', {
+              purpose: 'init',
+            });
+          },
+          cancelButtonText: '先不选',
+          cancelCallback: () => {
+            replace('Home', {
+              redirect: false,
+            });
+          },
+        });
+      }
+    } else {
+      hideLoading();
+      setIsLogining(false);
+      const message = errorCodeMap[res.code] || res.message || '登录失败！';
+      global.toast.showToast(message);
+    }
+  };
+
+  // 选择入口
+  const selectEntrance = () => {
+    return new Promise(resolve => {
+      setEntranceSelectVisible(true);
+      selectEntranceResolve = resolve;
+    });
+  };
+
+  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 表示登录用途
+      },
+      activeType,
+    ).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);
+    }
+  };
+
+  loginDisabled;
+  const loginBtnBg = {
+    backgroundColor: loginDisabled
+      ? 'rgba(234, 96, 0, 0.3)'
+      : 'rgba(234, 96, 0, 1)',
+  };
+  const render = () => {
+    return (
+      <View style={{flex: 1, backgroundColor: '#fff'}}>
+        <ImageBackground
+          source={require('../../assets/img/login_bg_new.png')}
+          style={[styles.container, {paddingTop: 0}]}>
+          {isLoading || isLogined ? (
+            <View style={styles.welcomeView}>{/* 白屏界面 */}</View>
+          ) : (
+            <TouchableWithoutFeedback
+              onPress={() => {
+                Keyboard.dismiss();
+              }}>
+              <View style={{position: 'relative', flex: 1}}>
+                <View style={statusBarPlaceholderStyle} />
+                <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={5000} // 设置长按的最短时间为5000毫秒，即5秒
+                          onActivated={onLongPress}>
+                          <Image
+                            source={require('../../assets/img/computer.png')}
+                            style={styles.topImg}
+                            resizeMode="contain"
+                          />
+                        </LongPressGestureHandler>
+                      </GestureHandlerRootView>
+                    )}
+                  </View>
+                </View>
+                {appName !== '遥控键码库' && (
+                  <LoginType
+                    activeIndex={activeIndex}
+                    changeActive={handleChangeActive}
+                  />
+                )}
+
+                <View
+                  style={{
+                    ...styles.inputView,
+                    paddingTop: 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}
+                          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>
+                      <TouchableOpacity
+                        style={styles.forgotPassword}
+                        onPress={() => {
+                          navigation.navigate('ResePasswordScreen');
+                        }}>
+                        <Text
+                          style={{
+                            color: '#E86003',
+                            fontSize: px(35),
+                            fontWeight: 'bold',
+                          }}>
+                          忘记密码
+                        </Text>
+                      </TouchableOpacity>
+                    </>
+                  )}
+
+                  <TouchableOpacity
+                    activeOpacity={0.7}
+                    onPress={handleLoginPress}
+                    disabled={loginDisabled}>
+                    <View
+                      style={{
+                        ...styles.loginBtnBox,
+                        marginTop: keybordShow ? px(89) : px(337),
+                        opacity: loginDisabled ? 0.6 : 1,
+                      }}>
+                      <View style={[styles.loginBtn]}>
+                        <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
+                                    : styles.protocolLink
+                                }>
+                                《服务条款》
+                              </Text>
+                            </TouchableWithoutFeedback>
+                            与
+                            <TouchableWithoutFeedback
+                              style={{paddingVertical: px(150)}}
+                              onPress={() =>
+                                handleViewUserAgreementByType('privacy')
+                              }>
+                              <Text
+                                style={
+                                  protocolAgree || privacyAgree
+                                    ? styles.protocolLinkAgree
+                                    : styles.protocolLink
+                                }>
+                                《隐私权政策》
+                              </Text>
+                            </TouchableWithoutFeedback>
+                          </Text>
+                        </TouchableWithoutFeedback>
+                      </View>
+                    </View>
+                  )}
+                </View>
+
+                <View
+                  style={{
+                    position: 'absolute',
+                    width: '100%',
+                    top: Dimensions.get('window').height - px(180),
+                  }}>
+                  <View
+                    style={{
+                      flexDirection: 'row',
+                      justifyContent: 'center',
+                      alignItems: 'center',
+                    }}>
+                    <TouchableOpacity
+                      activeOpacity={0.7}
+                      onPress={handleSwitchLoginWay}>
+                      <View style={{padding: px(20)}}>
+                        <Text style={{color: '#E86003', fontSize: px(43)}}>
+                          {loginWay === 0 ? '账号登录' : '手机号登录'}
+                        </Text>
+                      </View>
+                    </TouchableOpacity>
+                  </View>
+                </View>
+
+                {/* 选择方式 */}
+                {entranceSelectVisible && (
+                  <View
+                    style={{
+                      ...styles.entranceSelect,
+                      paddingTop:
+                        (Platform.OS === 'ios' ? insets.top : 0) +
+                        StatusBar.currentHeight,
+                    }}>
+                    <View
+                      style={{
+                        paddingTop: px(36),
+                        paddingBottom: px(33),
+                        marginBottom: px(38),
+                      }}>
+                      <Text
+                        style={{
+                          fontSize: px(55),
+                          color: '#333',
+                          fontWeight: 'bold',
+                          textAlign: 'center',
+                        }}>
+                        请选择功能
+                      </Text>
+                    </View>
+                    <TouchableOpacity
+                      style={{
+                        ...styles.entranceSelectItem,
+                        backgroundColor: '#F4F9F8',
+                      }}
+                      onPress={() => {
+                        selectEntranceResolve && selectEntranceResolve('szjt');
+                        selectEntranceResolve = null;
+                      }}>
+                      <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={() => {
+                        selectEntranceResolve && selectEntranceResolve('tyygq');
+                        selectEntranceResolve = null;
+                      }}>
+                      <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>
+            </TouchableWithoutFeedback>
+          )}
+
+          {serviceDialogVisible && !isLoading && (
+            <ProtocolType
+              handleOneDisagree={handleOneDisagree}
+              handleOneAgree={handleOneAgree}
+              dialogTitle="用户协议"
+              url="https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/user_agreement.html"
+              type="service"
+            />
+          )}
+
+          {privacyDialogVisible && !isLoading && (
+            <ProtocolType
+              handleOneDisagree={handleOneDisagree}
+              handleOneAgree={handleOneAgree}
+              dialogTitle="隐私保护提示"
+              url="https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/privacy_policy.html"
+              type="privacy"
+            />
+          )}
+
+          {protocolDialogVisible && !isLoading && appName !== '遥控键码库' && (
+            <View style={styles.agreementMask}>
+              <View style={styles.agreementConfirmContent}>
+                <View style={styles.agreementConfirmHead}>
+                  <Text style={styles.agreementConfirmTitle}>
+                    欢迎使用爱家宝
+                  </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={styles.agreementConfirmImportantText}>
+                            用户协议
+                          </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>
+                  </ScrollView>
+                </View>
+                <Divider color="#eee" width={1} />
+                <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>
+          )}
+        </ImageBackground>
+        {logVisible && <OpenLogSheet setVisible={setLogVisible} />}
+      </View>
+    );
+  };
+
+  return render();
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  welcomeView: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  loginHead: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginTop: px(113),
+    paddingLeft: px(69),
+    paddingRight: px(37),
+    marginBottom: px(52),
+  },
+  inputView: {
+    backgroundColor: '#fff',
+    borderRadius: px(22),
+    flex: 1,
+    marginTop: px(-50),
+  },
+  inputDivider: {
+    width: px(3),
+    height: px(37),
+    backgroundColor: '#eee',
+    marginHorizontal: px(22),
+  },
+  inputTitle: {
+    color: '#333',
+    fontSize: px(40),
+    fontWeight: '400',
+  },
+  forgotPassword: {
+    marginTop: px(27),
+    alignSelf: 'flex-end',
+    marginRight: px(115),
+  },
+  loginView: {
+    flex: 1,
+  },
+  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',
+  },
+  loginBtnBox: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  loginBtn: {
+    marginHorizontal: px(115),
+    borderRadius: px(23),
+    backgroundColor: '#E86003',
+    flex: 1,
+    height: px(132),
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  loginBtnText: {
+    color: '#fff',
+    fontSize: px(52),
+    fontWeight: '600',
+  },
+
+  protocol: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  protocolText: {
+    color: '#A6A6A6',
+    fontSize: px(35),
+  },
+  protocolLink: {
+    color: 'rgba(234, 96, 0, 1)',
+  },
+  protocolLinkAgree: {
+    color: '#0EC12C',
+  },
+
+  agreementMask: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    bottom: 0,
+    right: 0,
+    zIndex: 2,
+    backgroundColor: 'rgba(0,0,0,0.7)',
+  },
+  agreementConfirmContent: {
+    position: 'absolute',
+    height: 400,
+    left: px(75),
+    right: px(75),
+    top: Dimensions.get('window').height / 2 - 200,
+    backgroundColor: '#fff',
+    paddingBottom: 0,
+    borderRadius: px(29),
+  },
+  agreementConfirmHead: {
+    marginTop: px(52),
+    marginBottom: px(29),
+  },
+  headerLeft: {
+    position: 'absolute',
+    top: 15,
+    left: 10,
+    zIndex: 2,
+  },
+  goBackImg: {
+    width: 20,
+    height: 20,
+  },
+  agreementConfirmTitleBox: {
+    // flex: 1,
+    position: 'absolute',
+    top: 10,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    zIndex: 1,
+  },
+  agreementConfirmTitle: {
+    fontSize: 20,
+    // lineHeight: 50,
+    color: '#000',
+    textAlign: 'center',
+    // paddingTop: 20,
+  },
+  agreementConfirmText: {
+    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',
+    borderBottomLeftRadius: px(29),
+  },
+  disagreeBtn: {
+    flex: 1,
+    paddingTop: px(32),
+    paddingBottom: px(29),
+  },
+  disagreeBtnText: {
+    color: '#666',
+    fontSize: px(52),
+    textAlign: 'center',
+    fontWeight: '500',
+  },
+  agreeBtn: {
+    flex: 1,
+    paddingTop: px(32),
+    paddingBottom: px(29),
+  },
+  agreeBtnText: {
+    color: '#E86003',
+    fontSize: px(52),
+    textAlign: 'center',
+    fontWeight: '500',
+  },
+
+  mask: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+  },
+  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',
+    borderRadius: px(16),
+    marginBottom: px(27),
+  },
+  entranceSelectText: {
+    fontWeight: '500',
+    fontSize: px(55),
+    marginLeft: px(33),
+  },
+});
+export default LoginScreen;