index.js 6.89 KB
/**
 * Created by Cassie on 2018/03/06
 */
import React, { Component } from 'react';
import {
    StyleSheet,
    View,
    Text,
    NativeModules,
    NetInfo,
    Platform,
    ActivityIndicator,
    DeviceEventEmitter,
    Keyboard
} from 'react-native';
import {StackNavigator} from 'react-navigation';
import Picker from 'react-native-picker';

import {zoomW,zoomH} from "./utils/getSize";
import {xnToast} from "./utils/utils";
import AppService from "./service/AppService";

import Home from './pages/home';
import AddTarget from './pages/addTarget/addTarget';
import AddPeople from './pages/addTarget/addPeople';
import AddVoice from './pages/addTarget/addVoice';
import LinkTarget from './pages/addTarget/linkTarget';
import TeamList from './pages/targetTeam/teamList';
import CreateTeam from './pages/targetTeam/createTeam';
import SelectTarget from './pages/targetTeam/selectTarget';
import TargetDetail from './pages/targetItem/targetDetail';
import TargetAbout from './pages/targetItem/targetAbout';
import TargetProgress from './pages/targetItem/targetProgress';
import RemindPeople from './pages/targetItem/remindPeople';
import RemindSetting from './pages/targetItem/remindSetting';
import AddProgress from './pages/targetItem/addProgress';
import TargetHistory from './pages/targetItem/targetHistory';
import AddEmployee from './pages/addTarget/addEmployee';
import SetReport from './pages/addTarget/setReport';
import Search from './pages/public/search';

const Navigator = StackNavigator(
    {
        Home:{screen:Home},
        AddTarget:{screen:AddTarget},
        AddPeople:{screen:AddPeople},
        AddVoice:{screen:AddVoice},
        LinkTarget:{screen:LinkTarget},
        TeamList:{screen:TeamList},
        CreateTeam:{screen:CreateTeam},
        SelectTarget:{screen:SelectTarget},
        TargetProgress:{screen:TargetProgress},
        AddEmployee:{screen:AddEmployee},
        TargetDetail:{screen:TargetDetail},
        TargetAbout:{screen:TargetAbout},
        SetReport:{screen:SetReport},
        RemindPeople:{screen:RemindPeople},
        RemindSetting:{screen:RemindSetting},
        Search:{screen:Search},
        AddProgress:{screen:AddProgress},
        TargetHistory:{screen:TargetHistory}
    },
    {
        navigationOptions:({navigation}) => ({
            headerStyle:{
                elevation:0, // 去掉阴影
                backgroundColor:'#fff',
                borderBottomWidth:0,
                height:(48/zoomH)
            },
            headerTitleStyle:{
                alignSelf:'center',
                alignItems:'center',
                justifyContent:'center',
                flexDirection:'column',
                color:'#000',
                fontSize:18,
                fontWeight:'bold',
            }
        })
    },
);

const defaultGetStateForAction = Navigator.router.getStateForAction;
Navigator.router.getStateForAction = (action,state) => {
    Keyboard.dismiss();
    Picker.hide();
    return defaultGetStateForAction(action,state);
};

class App extends Component{
    constructor(props){
        super(props);
        this.state = {
            loading:true
        };
        if(Object.getOwnPropertyNames(props).length > 0)
        {
            global.initParam = {};
            for(key in props)
            {
                global.initParam[key] = props[key];
            }
        }
    }

    componentWillMount(){
        NetInfo.addEventListener('change',function(isConnected){
            if(isConnected.toLocaleLowerCase() != 'none'){
                global.isConnected = true;
            }else{
                global.isConnected = false;
            }
        });
        if(Platform.OS == 'android'){
            NetInfo.isConnected.fetch().done((isConnected)=> {
                if(isConnected){
                    global.isConnected = true;
                }else{
                    global.isConnected = false;
                }
            });
        }
        /*执行人列表*/
        global.doEmployee = [];
        global.ccEmployee = [];
        global.linkDoEmployee = [];
        global.linkCcEmployee = [];
        NativeModules.security.getPassportId().then((result) => {
            AppService.getPassport({id:result}).then(data=>{
                if(data.message){
                    xnToast(data.message);
                    return
                }
                if(data.errors == null || data.errors.length > 0){
                    xnToast(data.errors[0].message);
                }else{
                    global.tenantId = data.passport.tenantId;
                    global.userId = data.passport.userId;
                    this.setState({
                        loading:false
                    });
                    this.checkCanCreate();
                }
            }).catch((error) => {
                this.setState({
                    loading:false
                });
                xnToast(error)
            });
            NativeModules.security.getTenantName().then((result)=>{
                global.tenantShortName=result;
            });
        }).catch((error) => {
            xnToast(error);
            this.setState({
                loading:false
            });
        });
        let _this = this;
        this.reloadCanCreate = DeviceEventEmitter.addListener('reloadCanCreate',function(){
            _this.checkCanCreate();
        });
    };
    /*判断是否可创建任务组*/
    checkCanCreate(){
        AppService.canCreateTeam({userId:global.userId}).then(data=>{
            if(data.message){
                xnToast(data.message);
                return
            }
            if(data.errors == null || data.errors.length > 0){
                xnToast(data.errors[0].message);
            }else{
                global.enableCreate = data.enableCreate;
            }
        }).catch((error) => {
            this.setState({
                loading:false
            });
            xnToast(error)
        });
    };

    render() {
        return (
            <View style={styles.root}>
                {!this.state.loading && <Navigator />}
                {this.state.loading && <View style={styles.loadingBg}>
                    <View style={styles.loadingBox}>
                        <ActivityIndicator size='large' color='#fff' />
                        <Text style={{fontSize:16,color:'#fff',marginTop:(6/zoomH)}}>加载中...</Text>
                    </View>
                </View>}
            </View>
        );
    }
}
const styles = StyleSheet.create({
    root:{
        flex:1
    },
    loadingBg:{
        position:'absolute',
        top:0,
        width:'100%',
        height:'100%',
        display:'flex',
        justifyContent:'center',
        alignItems:'center'
    },
    loadingBox:{
        width:(100/zoomW),
        height:(120/zoomH),
        backgroundColor:'rgba(0,0,0,.5)',
        borderRadius:8,
        display:'flex',
        alignItems:'center',
        justifyContent:'center'
    }
});

export default App;