ipanel-rnapp-ajb-base 1.0.0

package/app/screens/BaseScreen.js

@@ -0,0 +1,389 @@
+import React, {useState, useEffect} from 'react';
+import {
+  Alert,
+  View,
+  Text,
+  StyleSheet,
+  Platform,
+  ActivityIndicator,
+  NativeModules,
+  ImageBackground,
+  Image,
+} from 'react-native';
+import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
+
+// 线上本地调试环境文件
+import env from '../.local_dev/env';
+import LocalDevPage from '../.local_dev/DemoPage';
+
+import CustomTabBar from '../components/common/CustomTabBar';
+import UseMessageManager from '../hooks/useMessageManager';
+import ShopMessageManager from '../hooks/shopMessageManager';
+
+import {getAreaOperatorModules, refreshToken} from '../api';
+import {replace} from '../utils/RootNavigation';
+import useAddress2 from '../hooks/useAddress2';
+import {useSafeArea} from 'react-native-safe-area-context';
+
+const {storage, px} = global.base;
+const appName = NativeModules?.RNToNativeEmitter?.appName;
+
+const Tab = createBottomTabNavigator();
+
+async function getNavigationPackages() {
+  let packages = [];
+
+  // 根据currentOperator动态返回packages
+  const accountData = await storage.get('accountData');
+  const accountType = await storage.get('accountType');
+  const currentOperator = await storage.get(
+    `${accountData?.account?.account_id || ''}currentOperator`,
+  );
+  let areaOperatorId =
+    currentOperator && currentOperator.id ? currentOperator.id : 'common';
+  console.log('currentOperator', currentOperator);
+
+  if (appName?.includes('安电工') || accountType === 'adg') {
+    // 写死特殊区域运营商adg，加载安电工专属模块
+    areaOperatorId = 'adg';
+  }
+
+  // 从网络加载最新导航模块
+  const res = await getAreaOperatorModules({
+    platform: Platform.OS,
+    areaOperatorId,
+  }).catch(err => {
+    console.log(err);
+  });
+  if (!res || res.code !== 0) {
+    console.log('warn: 网络加载底部导航模块失败,取storage中存的上次的版本');
+    // 从网络加载失败则取storage中存的上次的版本
+    packages = await global.base.storage.get('base.navigationPackages');
+  } else {
+    console.log('网络加载底部导航模块成功！');
+    packages = res.data || [];
+    await storage.set(
+      'areaOperatorModules',
+      packages.map(item => {
+        return {
+          moduleName: item.moduleName,
+          moduleChineseName: item.moduleChineseName,
+          version: item.version,
+        };
+      }),
+    );
+    packages.forEach(pack => {
+      switch (pack.moduleName) {
+        case 'tvShare':
+          pack.icon = 'tv-outline';
+          pack.activeIcon = 'tv';
+          break;
+        case 'smartHome':
+          pack.icon = 'ios-home-outline';
+          pack.activeIcon = 'ios-home';
+          break;
+        case 'shop':
+          pack.icon = 'card-outline';
+          pack.activeIcon = 'card';
+          break;
+        case 'panYuGovData':
+          pack.icon = 'newspaper-outline';
+          pack.activeIcon = 'newspaper';
+          break;
+        case 'myProfile':
+          pack.icon = 'person-outline';
+          pack.activeIcon = 'person';
+          break;
+      }
+    });
+  }
+
+  if (packages.length > 0) {
+    // global.base.navigationPackages = packages;
+    // console.log('成功从网络中读取最新底部导航模块');
+    // save to local
+    await global.base.storage.set('base.navigationPackages', packages);
+  } else {
+    // 兜底
+    console.log('warn: 网络和本地加载底部导航模块都异常，加载兜底模块...');
+    packages = global.base.initialNavigationPackages;
+  }
+
+  return packages;
+}
+
+function HomeTabScreen({navigation, route}) {
+  const [tabScreens, setTabScreens] = useState([]);
+  const [initialRouteName, setInitialRouteName] = useState('');
+  const {updateDataFromNetwork} = useAddress2();
+  const redirect = route.params?.redirect;
+
+  const init = async () => {
+    let tabs = [];
+
+    console.log('env:', env);
+
+    if (env !== '__LOCAL_DEV__') {
+      let packages = await getNavigationPackages();
+
+      const flag = await global.base
+        .loadPackages({
+          packages,
+        })
+        .catch(errors => {
+          console.log(JSON.stringify(errors));
+        });
+
+      if (!flag) {
+        // 加载包失败
+        Alert.alert('网络繁忙');
+        return;
+      }
+
+      const componentPromises = packages.map(pack => {
+        return global.base.getRemoteComponentByName(pack.moduleName);
+      });
+
+      const components = await Promise.all(componentPromises);
+      components.forEach(component => {
+        typeof component?.registerStackScreens === 'function' &&
+          component.registerStackScreens();
+      });
+
+      tabs = packages.map((pack, index) => {
+        return {
+          name: pack.moduleName,
+          component: components[index],
+          options: {
+            title: pack.moduleChineseName,
+            headerShown: false,
+            icon: pack.icon || 'menu-outline',
+            activeIcon: pack.activeIcon || 'menu',
+            iconUri: pack.moduleIcon,
+            activeIconUri: pack.moduleFocusIcon,
+            moduleAlias: pack.moduleAlias,
+          },
+        };
+      });
+    } else {
+      // 单业务包开发调试环境
+      const component = await global.base.getRemoteComponentByName('app');
+      typeof component?.registerStackScreens === 'function' &&
+        component.registerStackScreens();
+      tabs = [
+        {
+          name: 'asJumpPage',
+          component: LocalDevPage,
+          options: {
+            title: '作为独立页面',
+            headerShown: false,
+          },
+        },
+        {
+          name: 'asMenuPage',
+          component: component,
+          options: {
+            title: '作为导航页面',
+            headerShown: false,
+          },
+        },
+      ];
+    }
+
+    setInitialRouteName('');
+    setTabScreens([]);
+    setTimeout(() => {
+      // 智能家居tab index
+      global.base.smartHomeTabIndex = tabs.findIndex(
+        screen => screen.name === 'smartHome',
+      );
+      if (tabs.find(screen => screen.name === 'panYuGovData')) {
+        setInitialRouteName('panYuGovData');
+      } else if (tabs.find(screen => screen.name === 'apartment')) {
+        setInitialRouteName('apartment');
+      } else if (global.base.smartHomeTabIndex > -1) {
+        setInitialRouteName(tabs[global.base.smartHomeTabIndex].name);
+      } else {
+        setInitialRouteName(tabs[0].name);
+      }
+      setTabScreens(tabs);
+    }, 70);
+  };
+
+  global.base.reloadNavigation = init;
+
+  useEffect(() => {
+    console.log(redirect ? '重定向进来' : '登录进来');
+    (async () => {
+      if (redirect) {
+        await checkToken();
+      }
+
+      if (env === '__LOCAL_DEV__') {
+        // 单业务包开发调试环境
+        global.base.navigateModule({
+          operatorId: 'ipanel',
+          moduleName: 'app',
+        });
+      }
+
+      const accountType = await storage.get('accountType');
+      global.base.accountType = accountType;
+      if (accountType !== 'adg' && redirect) {
+        await updateDataFromNetwork({
+          refreshAddress: true,
+        }).catch(err => {});
+      }
+      init();
+    })();
+  }, []);
+
+  // 刷新token
+  const checkToken = async () => {
+    const access_token = await storage.get('accessToken');
+    const refresh_token = await storage.get('refreshToken');
+    const logout = () => {
+      Alert.alert('登录过期，请重新登录！', '', [
+        {
+          text: '好',
+          onPress: async () => {
+            await storage.set('accessToken', null);
+            await storage.set('refreshToken', null);
+            await storage.set('homedAccessToken', null);
+            replace('Login');
+          },
+        },
+      ]);
+    };
+    try {
+      const accountType = await storage.get('accountType');
+      const res = await refreshToken(
+        {
+          access_token,
+          refresh_token,
+        },
+        accountType,
+      );
+      if (res.code === 0) {
+        console.log('刷新token', res);
+        await storage.set('accessToken', res.result.access_token);
+        await storage.set('refreshToken', res.result.refresh_token);
+      } else {
+        logout();
+      }
+    } catch (e) {
+      // logout();
+    }
+  };
+
+  // smartHome专用
+  const {
+    handleTextSubmit,
+    handleMediaSelect,
+    requestManualCustomService,
+    exitManualCustomService,
+    getManualCustomServiceActiveFlag,
+  } = UseMessageManager();
+  global.base.messageManager.handleTextSubmit = handleTextSubmit;
+  global.base.messageManager.handleMediaSelect = handleMediaSelect;
+  global.base.messageManager.requestManualCustomService =
+    requestManualCustomService;
+  global.base.messageManager.exitManualCustomService = exitManualCustomService;
+  global.base.messageManager.getManualCustomServiceActiveFlag =
+    getManualCustomServiceActiveFlag;
+
+  // 商城客服
+  const {handleShopTextSubmit, handleShopMediaSelect, getOnlineUser} =
+    ShopMessageManager();
+  global.base.shopMessageManager.handleShopTextSubmit = handleShopTextSubmit;
+  global.base.shopMessageManager.handleShopMediaSelect = handleShopMediaSelect;
+  global.base.shopMessageManager.getOnlineUser = getOnlineUser;
+  const renderCustomTabBar = props => {
+    return <CustomTabBar {...props} />;
+  };
+  const insets = useSafeArea();
+  return (
+    <View style={{flex: 1}}>
+      {tabScreens.length > 0 ? (
+        <View
+          style={{
+            paddingBottom: insets.bottom,
+            backgroundColor: '#fff',
+            flex: 1,
+          }}>
+          <Tab.Navigator
+            initialRouteName={initialRouteName}
+            backBehavior="initialRoute"
+            tabBar={props => renderCustomTabBar(props)}
+            screenOptions={{
+              headerTitleAlign: 'center',
+            }}>
+            {tabScreens.map((item, index) => (
+              <Tab.Screen
+                name={item.name}
+                component={item.component}
+                key={index}
+                options={item.options}
+              />
+            ))}
+          </Tab.Navigator>
+        </View>
+      ) : (
+        <ImageBackground
+          style={styles.loadingView}
+          source={
+            appName === '禺乐慧家'
+              ? require('../assets/img/launch_bg_panyu.png')
+              : require('../assets/img/launch_bg.png')
+          }>
+          {/*<Text style={styles.loadingText}>*/}
+          {/*  欢迎使用{appName.includes('安电工') ? '安电工' : '爱家宝'}*/}
+          {/*</Text>*/}
+          {/*<ActivityIndicator size="large" />*/}
+          <Image
+            source={
+              appName === '禺乐慧家'
+                ? require('../assets/img/launch_logo_panyu.png')
+                : require('../assets/img/launch_logo.png')
+            }
+            style={{
+              width: px(231),
+              height: px(231),
+              marginBottom: px(80),
+            }}
+            resizeMode="contain"
+          />
+          <Image
+            source={
+              appName === '禺乐慧家'
+                ? require('../assets/img/launch_text_panyu.png')
+                : require('../assets/img/launch_text.png')
+            }
+            style={{
+              width: px(687),
+              height: px(60),
+              marginBottom: px(80),
+            }}
+            resizeMode="contain"
+          />
+          <ActivityIndicator size="large" />
+        </ImageBackground>
+      )}
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  loadingView: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    // backgroundColor: '#fff',
+  },
+  loadingText: {
+    fontSize: 20,
+    marginBottom: 10,
+  },
+});
+
+export default HomeTabScreen;

package/app/screens/CommonScreens/BindPhoneScreen/index.js

@@ -0,0 +1,179 @@
+import React, {useState, useEffect, useRef} from 'react';
+import {
+  ScrollView,
+  View,
+  Text,
+  StyleSheet,
+  NativeModules,
+  Alert,
+  Platform,
+  StatusBar,
+} from 'react-native';
+import {Button, Icon, Input} from '@rneui/themed';
+import {useSafeArea} from 'react-native-safe-area-context';
+import {obtainSmscode, authSmscode} from '../../../api';
+import {showToast} from '../../../utils/notice';
+import useLatest from '../../../hooks/useLatest';
+import {merge} from 'lodash';
+
+const {storage} = global.base;
+
+function BindPhoneScreen({navigation}) {
+  const insets = useSafeArea();
+
+  const [phone, setPhone] = useState('');
+  const [sms, setSms] = useState('');
+  const [isSmsRequested, setIsSmsRequested] = useState(false);
+  const [smsId, setSmsId] = useState('');
+  const [sendSmsCodeDisabled, setSendSmsCodeDisabled] = useState(false);
+  const [second, setSecond] = useState(60);
+  const latestSecondRef = useLatest(second);
+
+  useEffect(() => {
+    storage.get('accountData').then(res => {
+      setPhone(res.user.phone);
+    });
+
+    return () => {
+      clearInterval(interval.current);
+    };
+  }, []);
+
+  const bind = async () => {
+    const res = await authSmscode({
+      sms_id: smsId,
+      sms_code: sms,
+    });
+    if (res.code === 0) {
+      showToast('绑定成功');
+      // todo update accountData res.user.phone
+      const accountData = await storage.get('accountData');
+      await storage.set(
+        'accountData',
+        merge(accountData, {
+          user: {
+            phone: phone,
+          },
+        }),
+      );
+      navigation.goBack();
+    } else {
+      showToast('绑定失败');
+    }
+  };
+
+  const interval = useRef(null);
+
+  const handlerInterval = () => {
+    setSendSmsCodeDisabled(true);
+    interval.current = setInterval(() => {
+      if (latestSecondRef.current === 0) {
+        clearInterval(interval.current);
+        setSendSmsCodeDisabled(false);
+        return;
+      }
+      setSecond(latestSecondRef.current - 1);
+    }, 1000);
+  };
+
+  const requestSms = async () => {
+    try {
+      const res = await obtainSmscode({
+        phone_number: phone,
+        length: 4,
+        type: 2, // 该短信验证码为绑定手机号用途
+      });
+
+      if (res.code === 0) {
+        setSmsId(res.result.sms_id);
+        handlerInterval();
+
+        showToast('验证码已发送');
+      } else {
+        showToast('发送验证码失败');
+      }
+    } catch (e) {
+      showToast('发送验证码失败');
+    }
+  };
+
+  return (
+    <View
+      style={[
+        styles.container,
+        {
+          paddingTop: Platform.OS === 'ios' ? insets.top : 0,
+        },
+      ]}>
+      <View style={{height: StatusBar.currentHeight}} />
+      <View style={styles.row}>
+        <Text style={styles.label}>手机号</Text>
+        <Input
+          value={phone}
+          onChangeText={text => setPhone(text)}
+          maxLength={11}
+          containerStyle={styles.inputBox}
+          inputContainerStyle={styles.inputContainer}
+          inputStyle={{
+            color: '#333',
+          }}
+        />
+        <Button
+          title={sendSmsCodeDisabled ? `已发送 ${second}` : '发送验证码'}
+          disabled={sendSmsCodeDisabled}
+          onPress={requestSms}
+          size="sm"
+        />
+      </View>
+      <View style={styles.row}>
+        <Text style={styles.label}>短信验证码</Text>
+        <Input
+          value={sms}
+          onChangeText={text => setSms(text)}
+          maxLength={4}
+          containerStyle={styles.inputBox}
+          inputContainerStyle={styles.inputContainer}
+          inputStyle={{
+            color: '#333',
+          }}
+        />
+      </View>
+      <Button
+        onPress={bind}
+        title="绑定手机号"
+        disabled={phone.length !== 11 || sms.length !== 4 || !smsId}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    paddingHorizontal: 10,
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 10,
+  },
+  label: {
+    width: 80,
+  },
+  inputBox: {
+    height: 40,
+    padding: 0,
+    borderWidth: 0,
+    flex: 1,
+  },
+  inputContainer: {
+    height: '100%',
+    width: '100%',
+    padding: 0,
+    margin: 0,
+    borderBottomWidth: 0,
+  },
+});
+
+export default BindPhoneScreen;

package/app/screens/CommonScreens/BossScreen/index.js

@@ -0,0 +1,138 @@
+import React, {useEffect, useState} from 'react';
+import {View} from 'react-native';
+import {WebView} from 'react-native-webview';
+import {bindBossAccount, getUserInfo, getAssets} from '../../../api';
+const {ScreenBackHeader} = global.base.commonComponents;
+const {storage} = global.base;
+
+export default ({navigation, route}) => {
+  const module = route?.params?.module;
+  const [uri, setUri] = useState('');
+  const [state, setState] = useState('');
+  useEffect(() => {
+    init();
+    global.loading.showLoading('加载中...');
+  }, []);
+  const init = async () => {
+    const accountData = await storage.get('accountData');
+    const binding = 1; // 1：绑定，0：解绑
+    const redirect_uri =
+      'https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/bind_boss_account/'; // 绑定后跳转地址
+    const state2 = generateRandomString(8);
+    setState(state2);
+    setUri(
+      `https://boss.ipanel.cn/ipanelTask/api/cas_open/isport/Isport_cloud_mall_c/binding?agentid=119&oauth2_id=2a90c35712f488009a53bffe956195e5&redirect_uri=${redirect_uri}&open_id=${accountData.account_id}&binding=${binding}&scope=snsapi_base&response_type=code&state=${state2}`,
+    );
+  };
+
+  const onMessage = async e => {
+    const data = JSON.parse(e.nativeEvent.data);
+    console.log('onMessage', data);
+    if (data.ret === 0 && data.code && data.state === state) {
+      global.loading.showLoading('正在绑定...');
+      const res = await bindBossAccount({
+        code: data.code,
+        oauth2: '2a90c35712f488009a53bffe956195e5',
+      });
+      global.loading.hideLoading('正在绑定...');
+      if (res.code === 0) {
+        global.toast.showToast('绑定成功');
+        get_user_info();
+        // navigation.goBack();
+      } else {
+        navigation.goBack();
+      }
+    } else {
+      navigation.goBack();
+    }
+  };
+
+  const get_user_info = async () => {
+    const res = await getUserInfo();
+    if (
+      res?.code === 0 &&
+      res.result?.user_list &&
+      res.result?.user_list.length
+    ) {
+      // const accountData = await storage.get('accountData');
+      // accountData.user.bind_list = res.result?.user_list[0].bind_list;
+      // await storage.set('accountData', accountData);
+      // const bossData = accountData.user.bind_list
+      const bossData = res.result?.user_list[0].bind_list.filter(item => {
+        return item.third_type === 'boss';
+      });
+      console.log(bossData[0]);
+      if (bossData[0]) {
+        await storage.set('bossData', bossData[0]);
+      }
+    }
+    if (module === 'shop') {
+      get_assets();
+    } else {
+      navigation.goBack();
+    }
+  };
+
+  // 获取iSoprt积分
+  const get_assets = async () => {
+    // 获取iSport积分。如果我的模块需要显示积分则应该在登录之后去获取这接口
+    const appID = await global.base.getAppId();
+    const params = {
+      action: 'get_assets',
+      currency: 0, // 0是获取全部，20000是获取iSport积分
+    };
+    if (appID) {
+      params.appid = appID;
+    }
+    getAssets(params).then(res => {
+      if (res?.code === 0) {
+        if (
+          res?.result &&
+          res?.result?.asset_list &&
+          res?.result?.asset_list?.length
+        ) {
+          const current = res.result?.asset_list.filter(item => {
+            return item.currency === 20000;
+          });
+          if (current.length) {
+            storage.set('isportData', current[0]);
+          }
+        }
+      }
+      navigation.goBack();
+    });
+  };
+
+  const generateRandomString = length => {
+    const characters =
+      'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; // Add any additional special characters you want to include
+    let result = '';
+    for (let i = 0; i < length; i++) {
+      const randomIndex = Math.floor(Math.random() * characters.length);
+      result += characters.charAt(randomIndex);
+    }
+    return result;
+  };
+
+  return (
+    <View style={{flex: 1}}>
+      <ScreenBackHeader title="BOSS登录" />
+      <View style={{flex: 1}}>
+        <WebView
+          bounces={false}
+          domStorageEnabled={false}
+          javaScriptEnabled
+          useWebKit
+          source={{
+            uri: uri,
+            headers: {'Cache-Control': 'no-store'},
+          }}
+          incognito={true}
+          onMessage={onMessage}
+          onLoadEnd={() => global.loading.hideLoading()}
+          onError={() => global.loading.hideLoading()}
+        />
+      </View>
+    </View>
+  );
+};