customer / shanghai-railway-rnapp

/**
 * Created by Cassie on 2018/03/21
 */
import React, { Component } from 'react';
import {
    StyleSheet,
    View,
    Text,
    TouchableOpacity,
    Image,
    TextInput,
    Animated,
    ActivityIndicator,
    NativeModules,
    NativeEventEmitter,
    DeviceEventEmitter,
    Alert,
    Modal,
    Platform,
    BackHandler,
    AsyncStorage,
    Button,
    FlatList,
    ScrollView,
    StatusBar,
    Keyboard
} from 'react-native';
import moment from 'moment';
import md5 from 'md5';
import { withNavigationFocus } from 'react-navigation-is-focused-hoc';

import {zoomW,zoomH} from '../../utils/getSize';
import {getHeaderHeight,getHeaderPadding,clock,xnToast,timeReduce,timePlus,timeEvery,getDay} from '../../utils/utils';
import xnService from "../../service/AppService";

var ImagePicker = require('react-native-image-picker');
var options = {
    title: null,
    cancelButtonTitle:'取消',
    takePhotoButtonTitle:'拍照',
    chooseFromLibraryButtonTitle:'从手机相册中选取',
    storageOptions: {
        skipBackup: true,
        path: 'images'
    }
};

const nativeBridge = NativeModules.BlueToolManage;
const NativeModule = new NativeEventEmitter(nativeBridge);

class eventReport extends Component {
    static navigationOptions = ({navigation}) => ({
        title:'事件上报',
        tabBarIcon: ({ tintColor }) => (
            <View style={[styles.icon]}>
                <Image style={[{tintColor: tintColor}]}
                    source={require('../../img/root_eventReport.png')}
                    resizeMode='contain'
                />
            </View>
        ),
        header: null,
    });

    constructor(props){
        super(props);
        this.keyboardShow = null;
        this.keyboardHide = null;
        this._gestureHandlers = {
            onStartShouldSetResponder: () => {
                return false;
            },
            // 对触摸进行响应
            onMoveShouldSetResponder: () => {
                Keyboard.dismiss();
                return false;
            },
        };
        this.state = {
            itemList:[],
            selectType:'CARRIAGE',
            showSelect:false,
            bottom:new Animated.Value(-157),
            imgType:['bmp','jpeg','jp2','gif','tiff','png','exif','wbmp','mbm','jpg','heic'],
            trainId:'未知',
            trainGroupId:'未知',
            trainLineId:'',
            trainCarriageId:'',
            trainDoorId:'未知',
            positionFlag:'未知',
            nextStation:'未知',
            currentStation:'',
            keyboardSpace: 0,
            loading:false
        };
    };

    componentWillMount(){
        this.openCamera();
        this.keyboardShow = Platform.OS === 'ios' ?
            Keyboard.addListener('keyboardWillShow', this.updateKeyboardSpace.bind(this)) : Keyboard.addListener('keyboardDidShow', this.updateKeyboardSpace.bind(this));
        this.keyboardHide = Platform.OS === 'ios' ?
            Keyboard.addListener('keyboardWillHide', this.resetKeyboardSpace.bind(this)) : Keyboard.addListener('keyboardDidHide', this.resetKeyboardSpace.bind(this));
    };

    async componentWillReceiveProps(props) {
        if ( props.isFocused ) {
            this.openCamera();
            this.getAddress();
        } else {

        }
    }

    componentDidMount(){
        this.getAddress();
    }

    componentWillUnmount(){
        this.closeSelect();

        // 卸载键盘弹出事件监听
        if (this.keyboardShow !== null) {
            this.keyboardShow.remove();
        }
        // 卸载键盘隐藏事件监听
        if (this.keyboardHide !== null) {
            this.keyboardHide.remove();
        }
    }

    // 打开键盘
    updateKeyboardSpace(frames) {
        if (!frames.endCoordinates) {
            return;
        }
        const keyboardHeight = frames.endCoordinates.height;// 获取键盘高度
        this.setState({
            keyboardSpace: keyboardHeight,
        });
    }

    // 关闭键盘
    resetKeyboardSpace() {
        this.setState({
            keyboardSpace: 0,
        });
    }

    // 上报
    doPost() {
        if (this.state.describe==''||this.state.describe==undefined){
            xnToast('描述不能为空');
            return;
        }

        // if (this.state.trainLineId==''||this.state.trainLineId==undefined) {
        //     xnToast('无法识别当前所在位置');
        //     return;
        // }

        this.setState({
            loading:true
        });

        let itemList=[];
        for (let i=0;i<this.state.itemList.length;i++){
            if (this.state.itemList[i].url){
                itemList.push(this.state.itemList[i].url);
            }
        }

        // let prams={
        //     lineId:'09',
        //     lineName:'09号线',
        //     carriageNumber:'090886',
        //     stationId:'',
        //     stationName:'',
        //     content:'5:05 测试数据',
        //     type1Id:'default',
        //     type2Id:'default',
        //     type3Id:'default',
        //     type1Name : '车厢事件',
        //     type2Name : 'default',
        //     type3Name : 'default',
        //     gradeId:'A',
        //     gradeName : '紧急',
        //     title : '车厢事件',
        //     happenTime:'2018-04-29 17:18:10',
        //     commitTime:'2018-04-29 18:10:13',
        //     volunteerId:'2017100400109',
        //     volunteerName:'超哥的的',
        //     volunteerContact:'18221919491',
        //     volunteerSex:'男',
        //     volunteerBirthday:'',
        //     nextStationId:'0124',
        //     nextStationName:'新闸路',
        //     sbNumber:'A',
        //     csType:'B',
        //     gaFlag:'2018-04-29 17:06:03',
        //     appAttachementAddressList:[''],
        //
        // }


        let prams={
            lineId:this.state.trainLineId || '未知',
            lineName:this.state.trainLineId ? this.state.trainLineId+'号线' : '未知号线',
            carriageNumber:this.state.trainCarriageId || '未知',
            stationId:this.state.currentStationId,
            stationName:this.state.currentStation || '未知',
            content:this.state.describe,
            happenTime:moment(Number(new Date().getTime())).format('YYYY-MM-DD HH:mm:ss'),
            commitTime:moment(Number(new Date().getTime())).format('YYYY-MM-DD HH:mm:ss'),
            volunteerId:global.user.id,
            volunteerName:global.user.nickName?global.user.nickName:global.user.mobilePhone,
            volunteerContact:global.user.mobilePhone,
            volunteerSex:global.user.gender?global.user.gender:'',
            volunteerBirthday:'',
            nextStationId:this.state.nextStationId,
            nextStationName:this.state.nextStation,
            sbNumber:'B',
            csType:'B',
            gaFlag:moment(Number(new Date().getTime())).format('YYYY-MM-DD HH:mm:ss'),
            appAttachementAddressList:itemList,
            type1Id:'default',
            type2Id:'default',
            type3Id:'default',
            type2Name : 'default',
            type3Name : 'default',

        }

        if (this.state.selectType == 'STATION') {

            prams.type1Name = '车站事件';
            prams.gradeId='B';
            prams.gradeName = '不紧急';
            prams.title = '车站事件';

        }else if (this.state.selectType == 'CARRIAGE') {

            prams.type1Name = '车厢事件';
            prams.gradeId ='A';
            prams.gradeName = '紧急';
            prams.title = '车厢事件';

        }else if (this.state.selectType == 'GOOD') {
            prams.type1Id = '57341234-187f-42b1-b98a-83a414f999a8',
                prams.type1Name = '好人好事';
            prams.gradeId = 'B';
            prams.gradeName = '不紧急';
            prams.title = '好人好事';
        }

        xnService.createEvevns(prams).then((data) => {
            this.setState({
                loading:false
            });
            if(data.message){
                xnToast(data.message);
                return;
            }
            if(data.errors.length > 0){
                xnToast(data.errors[0].message);
            }else{
                xnToast('事件上报成功');
                this.setState({
                    itemList:[],
                    describe:'',
                    selectType:'CARRIAGE',
                })
            }
        })
    }

    /*打开和关闭选择图片*/
    selectPic(){
        this.setState({
            showSelect:true,
        });
        Animated.timing(
            this.state.bottom,
            {toValue:0}
        ).start();
    };
    closeSelect(){
        this.setState({
            showSelect:false,
            bottom:new Animated.Value(-157)
        });
    };

    /*打开相机*/
    openCamera(){
        NativeModules.BlueToolManage.openCameraWithpassportId(global.passport.id).then((data) => {
            this.closeSelect();
            let res = JSON.parse(data);
            let url = res.url;
            let fileType = '';
            if(res.type == 'IMAGE'){
                fileType = 'IMAGE';
            }
            let params = {
                type:fileType,
                name:url.substring(url.lastIndexOf('/')+1,url.lastIndexOf('.')),
                extension:url.substring(url.lastIndexOf('.')+1),
                storagePath:url,
            };

            let imgList = this.state.itemList;
            imgList.push({url:url,name:params.name,type:fileType});
            this.setState({
                itemList:imgList
            });

            // this.setState({
            //     loading:true
            // });
            // xnService.postAddattact(params).then((response) => {
            //     this.setState({
            //         loading:false
            //     });
            //     if(response.message){
            //         xnToast(response.message);
            //         return;
            //     }
            //     if(response.errors.length > 0) {
            //         xnToast(response.errors[0].message);
            //     }else{
            //         this.setState({
            //             loading:false
            //         });
            //
            //     }
            // })
        })
    };

    toAlbum(){
        global.openImg = true;
        ImagePicker.launchImageLibrary({},(response) => {
            this.closeSelect();
            if(response.didCancel){

            }else if (response.error){
                xnToast('相册访问失败,请重新尝试或检查是否开启相册权限');
            }
            else{
                this.setState({
                    loading:true
                });
                let timestamp = (new Date()).getTime();
                let fileName = response.fileName ? global.user.id+timestamp+response.fileName : global.user.id+timestamp+response.uri.substring(response.uri.lastIndexOf('/')+1);
                xnService.getAccess({name:fileName}).then((data) => {
                    if(data.message){
                        xnToast(data.message);
                        return;
                    }
                    if(data.errors.length > 0) {
                        xnToast(data.errors[0].message);
                    }else{
                        NativeModules.BlueToolManage.simpleUpload(data.accessKeyId,data.accessKeySecret,data.securityToken,data.info.endpoint,data.info.bucket,data.info.fileUrl,response.path || response.uri).then((res) => {
                            let extension = res.substring(res.lastIndexOf('.')+1).toLowerCase();
                            let fileType = '';
                            if(this.state.imgType.indexOf(extension) != -1){
                                fileType = 'IMAGE'
                            }
                            let params = {
                                type:fileType,
                                name:res.substring(res.lastIndexOf('/')+1,res.lastIndexOf('.')),
                                extension:extension,
                                storagePath:res,
                            };

                            this.setState({
                                        loading:false
                                    });

                            let imgList = this.state.itemList;
                            imgList.push({url:res,name:params.name,type:fileType});
                            this.setState({
                                itemList:imgList
                            });
                            // xnService.postAddattact(params).then((data) => {
                            //     this.setState({
                            //         loading:false
                            //     });
                            //     if(data.message){
                            //         xnToast(data.message);
                            //         return;
                            //     }
                            //     if(data.errors.length > 0) {
                            //         xnToast(data.errors[0].message);
                            //     }else{
                            //
                            //     }
                            // })
                        })
                    }
                })
            }
        });
    };

    delegate(rowID){
        let imgList = this.state.itemList;
        imgList.splice(rowID,1);
        this.setState({
            itemList:imgList
        });
    }

    getAddress=() => {
        let params = {
            userId: global.user.id
        };
        if(global.deviceParams) {

            if (global.deviceParams.wifiData != undefined){
                let vm = {
                    deviceCode:global.user.account + '|' + global.deviceParams.wifiData.wIP + '|' + global.deviceParams.wifiData.wBSSID,
                    RSS:global.deviceParams.wifiData.wRSS,
                    deviceType:1,
                    deviceMac:''
                };
                let data = global.deviceParams.requestData;
                data.push(vm);

                params.requestData = data;
            }else {
                params.requestData = global.deviceParams.requestData;
            }
        }



            // if(global.deviceParams.deviceCode && global.deviceParams.wBSSID && global.deviceParams.wIP) {
                // params.requestData = [{
                //     deviceCode:global.deviceParams.deviceCode,
                //     RSS:global.deviceParams.rss,
                //     deviceType:2,
                //     deviceMac:''
                // },{
                //     deviceCode:global.user.account + '|' + global.deviceParams.wIP + '|' + global.deviceParams.wBSSID,
                //     RSS:global.deviceParams.wRSS,
                //     deviceType:1,
                //     deviceMac:''
                // }];
            // } else if(global.deviceParams.deviceCode && !(global.deviceParams.wBSSID && global.deviceParams.wIP)) {
            //     params.requestData = [{
            //         deviceCode:global.deviceParams.deviceCode,
            //         RSS:global.deviceParams.rss,
            //         deviceType:2,
            //         deviceMac:''
            //     }];
            // } else if(!global.deviceParams.deviceCode && global.deviceParams.wBSSID && global.deviceParams.wIP) {
            //     params.requestData = [{
            //         deviceCode:global.user.account + '|' + global.deviceParams.wIP + '|' + global.deviceParams.wBSSID,
            //         RSS:global.deviceParams.wRSS,
            //         deviceType:1,
            //         deviceMac:''
            //     }];
            // }


        xnService.getAddress(params).then((data) => {
            if(data.message){
                xnToast(data.message);
                return;
            }
            if(data.errors.length > 0){
                xnToast(data.errors[0].message);
            }else{
                this.setState({
                    trainId:data.trainId || '未知',
                    trainGroupId:data.trainGroupId || '未知',
                    trainLineId:(!data.trainLineId || data.trainLineId === '未知') ? '' : data.trainLineId,
                    trainCarriageId:data.trainCarriageId || '',
                    trainDoorId:data.trainDoorId || '未知',
                    positionFlag:data.positionData && data.positionData.positionFlag ? data.positionData.positionFlag : null,
                    nextStation:data.positionData && data.positionData.endStationName ? data.positionData.endStationName : '未知',
                    currentStation:data.positionData && data.positionData.beginStationName ? data.positionData.beginStationName : '',
                    nextStationId:data.positionData && data.positionData.endStationId ? data.positionData.endStationId : '',
                    currentStationId:data.positionData && data.positionData.beginStationId ? data.positionData.beginStationId : '',
                });
            }
        })
    }

    renderItem = (item,rowID) => {
        return(
            <View style={[styles.innerViewStyle,{position:"relative",marginLeft:rowID==0?0:11/zoomW}]} key={rowID}>
                <Image style={{width:'100%',height:'100%'}} source={{uri:item.url+'?x-oss-process=image/resize,w_1000'}} resizeMode='cover' />
                <TouchableOpacity style={{position:"absolute",right:0,top:0,width:10/zoomW,height:10/zoomW}} onPress={()=>this.delegate(rowID)}>
                    <Image style={{width:'100%',height:'100%'}} source={require('../../img/deleteIcon.png')} resizeMode="contain" ></Image>
                </TouchableOpacity>
            </View>
        )
    }

    render(){
        return (
            <View style={styles.background} {...this._gestureHandlers}>
                <StatusBar barStyle={'default'}/>
                <View style={[styles.headerWrap,Platform.OS === 'ios' ? {
                    borderBottomWidth: StyleSheet.hairlineWidth,
                    borderBottomColor: 'rgba(0, 0, 0, .3)',
                } : {
                    shadowColor: 'black',
                    shadowOpacity: 0.1,
                    shadowRadius: StyleSheet.hairlineWidth,
                    shadowOffset: {
                        height: StyleSheet.hairlineWidth,
                    },
                    elevation: 4,
                }]}>
                    <Text style={styles.title}>事件上报</Text>
                    <TouchableOpacity style={styles.renderRight} onPress={() => this.doPost()}>
                        <Text style={{ color:'#4B85E0', fontSize:14 }}>上报</Text>
                    </TouchableOpacity>
                </View>
                <ScrollView
                    keyboardShouldPersistTaps="always"
                    contentInset = {{ bottom:this.state.keyboardSpace }}
                    style={{ flex: 1 }}
                    alwaysBounceVertical={false}
                >
                    <View style={styles.top}>
                        <TextInput style={{fontSize:15,height:63/zoomH,maxHeight:63/zoomH,marginBottom:11/zoomH}} underlineColorAndroid="transparent" multiline={true} value={this.state.describe} onChangeText={(text)=>this.setState({describe:text})} placeholder='事件描述'></TextInput>

                        <ScrollView horizontal={true} contentContainerStyle={{flex:1,alignItems:'center'}} style={{width:'100%',height:60/zoomH}}>
                            {this.state.itemList.map((v, i) => this.renderItem(v, i))}
                            {this.state.itemList.length < 3 && <TouchableOpacity style={{ marginLeft: 11/zoomW }} onPress={()=>this.selectPic()}>
                                <Image style={{width:60/zoomW, height:60/zoomW}} source={require('../../img/add-image.png')} resizeMode='contain' />
                            </TouchableOpacity>}
                        </ScrollView>

                        <View style={{width:'100%',height:1,backgroundColor:'#f6f6f6',marginTop:17/zoomH}}></View>
                        <View style={{width:'100%',height:44/zoomH,flexDirection:'row',alignItems:'center'}}>
                            <TouchableOpacity onPress={()=>{this.setState({selectType:'CARRIAGE'})}}>
                                <View style={this.state.selectType=='CARRIAGE'?styles.select:styles.unSelect}>
                                    <Text style={this.state.selectType=='CARRIAGE'?styles.selectText:styles.unSelectText}>车厢事件</Text>
                                </View>
                            </TouchableOpacity >
                            <TouchableOpacity onPress={()=>{this.setState({selectType:'STATION'})}}>
                                <View style={[this.state.selectType=='STATION'?styles.select:styles.unSelect,{marginLeft:20/zoomW}]}>
                                    <Text style={this.state.selectType=='STATION'?styles.selectText:styles.unSelectText}>车站事件</Text>
                                </View>
                            </TouchableOpacity>
                            <TouchableOpacity onPress={()=>{this.setState({selectType:'GOOD'})}}>
                                <View style={[this.state.selectType=='GOOD'?styles.select:styles.unSelect,{marginLeft:20/zoomW}]}>
                                    <Text style={this.state.selectType=='GOOD'?styles.selectText:styles.unSelectText}>好人好事</Text>
                                </View>
                            </TouchableOpacity>

                        </View>
                    </View>
                    <View style={styles.addressWrap}>
                        <View style={{flexDirection:'row',width:90/zoomW,alignItems:'center'}}>
                            <Image source={require('../../img/location.png')} style={{width:17/zoomW,height:17/zoomW,marginRight:12/zoomW}} resizeMode='contain'></Image>
                            <Text style={{color:'#555',fontSize:13}}>所在位置</Text>
                        </View>
                        <View style={{flexDirection:'row',width:250/zoomW,alignItems:'center',justifyContent:'flex-end'}}>
                            <TextInput
                                style={[styles.inputBox,{width:50/zoomW}]}
                                placeholder='请输入'
                                returnKeyType="done"
                                keyboardType="numeric"
                                maxLength={2}
                                underlineColorAndroid="transparent"
                                placeholderTextColor="#ACACAC"
                                value={this.state.trainLineId}
                                defaultValue={this.state.trainLineId}
                                onChangeText={(text) => { this.setState({ trainLineId: text }); }}
                            />
                            <Text style={{color:'#acacac',fontSize:13}}>号线 </Text>
                            {this.state.selectType !=='STATION' && <TextInput
                                style={[styles.inputBox,{width:50/zoomW}]}
                                placeholder='请输入'
                                returnKeyType="done"
                                keyboardType="numeric"
                                maxLength={6}
                                underlineColorAndroid="transparent"
                                placeholderTextColor="#ACACAC"
                                value={this.state.trainCarriageId}
                                defaultValue={this.state.trainCarriageId}
                                onChangeText={(text) => { this.setState({ trainCarriageId: text }); }}
                            />}
                            {this.state.selectType !=='STATION' && <Text style={{color:'#acacac',fontSize:13}}>号车厢 </Text>}
                            {this.state.selectType !=='CARRIAGE' && <TextInput
                                style={[styles.inputBox,{width:70/zoomW}]}
                                placeholder='请输入'
                                underlineColorAndroid="transparent"
                                placeholderTextColor="#ACACAC"
                                value={this.state.currentStation}
                                defaultValue={this.state.currentStation}
                                onChangeText={(text) => { this.setState({ currentStation: text }); }}
                            />}
                            <Image source={require('../../img/arrow_right.png')} style={{width:6/zoomW,height:11/zoomW,marginLeft:10/zoomW}} resizeMode='contain'></Image>
                        </View>
                    </View>
                    {/*<TouchableOpacity>*/}
                    {/*<View style={{flexDirection:'row',alignItems:'center',justifyContent:'space-between',width:'100%',height:44/zoomH,backgroundColor:'white',paddingLeft:15/zoomW,paddingRight:15/zoomW}}>*/}
                    {/*<View style={{flexDirection:'row',flex:1,alignItems:'center',justifyContent:'flex-start'}}>*/}
                    {/*<Image source={require('../../img/time.png')} resizeMode='contain'></Image>*/}
                    {/*<Text style={{paddingLeft:12/zoomW,color:'#555',fontSize:13}}>上报时间</Text>*/}
                    {/*</View>*/}
                    {/*<View style={{flexDirection:'row',flex:1,alignItems:'center',justifyContent:'flex-end'}}>*/}
                    {/*<Text style={{paddingRight:12/zoomW,color:'#acacac',fontSize:13}}>1号线 10143号车厢</Text>*/}
                    {/*<Image source={require('../../img/arrow_right.png')} resizeMode='contain'></Image>*/}
                    {/*</View>*/}
                    {/*</View>*/}
                    {/*<View style={{width:'100%',height:1,backgroundColor:'#dbdbdb'}}></View>*/}
                    {/*</TouchableOpacity>*/}
                </ScrollView>
                <Modal animationType={'none'} transparent={true} visible={this.state.showSelect} onRequestClose={() => {}}>
                    <TouchableOpacity activeOpacity={1} style={styles.modalBg} onPress={() => this.closeSelect()}>
                        <Animated.View style={[styles.selectContent,{bottom:this.state.bottom}]}>
                            <View style={{marginBottom:7}}>
                                <TouchableOpacity activeOpacity={.9} onPress={() => this.openCamera()}>
                                    <View style={styles.selectModal}>
                                        <Text style={{color:'#333',fontSize:18,marginBottom:(5/zoomH)}}>拍摄</Text>
                                        <Text style={{color:'#999',fontSize:10}}>照片或视频</Text>
                                    </View>
                                </TouchableOpacity>
                                <TouchableOpacity activeOpacity={.9} onPress={() => this.toAlbum()}>
                                    <View style={styles.selectModal}>
                                        <Text style={{color:'#333',fontSize:18}}>从手机相册选择</Text>
                                    </View>
                                </TouchableOpacity>
                            </View>
                            <TouchableOpacity activeOpacity={.9} onPress={() => this.closeSelect()}>
                                <View style={styles.selectModal}>
                                    <Text style={{color:'#333',fontSize:18}}>取消</Text>
                                </View>
                            </TouchableOpacity>
                        </Animated.View>
                    </TouchableOpacity>
                </Modal>
                {this.state.loading && <View style={styles.loadingBg}>
                    <ActivityIndicator size="large" />
                </View>}
            </View>
        );
    }
}

export default withNavigationFocus(eventReport)

const styles = StyleSheet.create({
    background:{
        flex:1,
        backgroundColor:'#f6f6f6',
        display:'flex',
        alignItems:'center',
    },
    headerWrap: {
        width: '100%',
        height:getHeaderHeight(),
        paddingTop:getHeaderPadding(),
        backgroundColor:'#F8F8F8',
        justifyContent: 'center',
        alignItems: 'center',
        position: 'relative',
    },
    title: {
        color:'#000',
        fontSize:18,
        fontWeight:'bold',
    },
    renderRight: {
        height: '100%',
        justifyContent: 'center',
        paddingLeft: 15/zoomW,
        paddingRight: 15/zoomW,
        position: 'absolute',
        right: 0,
        top: getHeaderPadding(),
    },
    icon:{
        width:40,
        height:40,
        marginBottom:5,
        borderRadius:20,
        backgroundColor:'white',
        alignItems:'center',
        justifyContent:'center'
    },
    top:{
        // maxHeight:224/zoomH,
        width:'100%',
        height:224/zoomH,
        backgroundColor:'white',
        marginTop:10/zoomH,
        paddingLeft:15/zoomW,
        paddingRight:15/zoomW,
        paddingTop:11/zoomH,
        marginBottom:15/zoomH
    },
    innerViewStyle:{
        width:60/zoomW,
        height:60/zoomW,
        justifyContent:'center',
    },
    contentContainer:{
        width:60/zoomW,
        height:60/zoomW
    },
    select:{
        borderRadius:4,
        borderWidth:1,
        borderColor:'#4b85e0',
        alignItems:'center',
        justifyContent:'center',
        width:70/zoomW,
        height:22/zoomH
    },
    unSelect:{
        borderRadius:4,
        borderWidth:1,
        borderColor:'#dcdcdc',
        alignItems:'center',
        justifyContent:'center',
        width:70/zoomW,
        height:22/zoomH
    },
    selectText:{
        fontSize:13,
        color:'#4b85e0'
    },
    unSelectText:{
        fontSize:13,
        color:'#dcdcdc'
    },
    modalBg:{
        width:'100%',
        height:'100%',
        backgroundColor:'rgba(0,0,0,.5)'
    },
    selectContent:{
        width:'100%',
        position:'absolute'
    },
    selectModal:{
        width:'100%',
        height:50,
        display:'flex',
        alignItems:'center',
        justifyContent:'center',
        backgroundColor:'#fff',
        borderBottomWidth:1,
        borderBottomColor:'#ddd'
    },
    addressWrap:{
        width:'100%',
        height:44/zoomH,
        backgroundColor:'#fff',
        paddingLeft:15/zoomW,
        paddingRight:15/zoomW,
        flexDirection:'row',
        alignItems:'center',
        justifyContent:'space-between',
    },
    inputBox: {
        textAlign:'center',
        padding: 0,
        fontSize: 13,
        color: '#ACACAC',
    },
    loadingBg:{
        width:'100%',
        height:'100%',
        position:'absolute',
        display:'flex',
        alignItems:'center',
        justifyContent:'center'
    },
});