customer / shanghai-railway-rnapp

import React, { Component } from "react";
import {
    DeviceEventEmitter,
    FlatList,
    Image,
    StyleSheet,
    Text,
    TouchableOpacity,
    View,
    Modal, Animated, StatusBar, CameraRoll, NativeModules,Alert,InteractionManager

} from "react-native";
import ViewShot from "react-native-view-shot"
import {height, width, zoomH, zoomW} from "../../../utils/getSize";
import ItemImageText from "../../component/ItemImageText";
import ItemGoodsView from "../../component/ItemGoodsView";

import QuestionHomeListItem from "../../questions/QuestionHomeListItem";
import ScrollableTabView, {
    DefaultTabBar
} from "react-native-scrollable-tab-view";
import AppService from "../../../service/AppService";
import moment from "moment";
import {getHomeColor, xnToast, getTopHeight, getStatusBarHeight, NoDoublePress} from "../../../utils/utils";
import RNFS from "react-native-fs";
// import ForumHeader from'../../../widget/ForumHeader';
const pic = require("../../../img/defaultIcon.png");
const pageSize = 20;

export default class MyPage extends Component {
    static navigationOptions = ({ navigation, screenProps }) => ({
        title: navigation.state.params.userName,
        headerLeft: (
            <View style={{ flex: 1 }}>
                <TouchableOpacity
                    style={{
                        width: 40,
                        height: 40,
                        justifyContent: "center",
                        alignItems: "center"
                    }}
                    onPress={() => navigation.goBack()}
                >
                    <Image
                        style={{ width: 18 / zoomW, height: 18 / zoomH }}
                        source={require("../../../img/loadBack.png")}
                    />
                </TouchableOpacity>
            </View>
        ),
        headerRight: <View />,
        // headerStyle: {
        //   backgroundColor: "#fff",
        //   elevation: 0,
        //   borderStyle: "solid",
        //   borderColor: "#eee",
        //   borderBottomWidth: StyleSheet.hairlineWidth,
        // }
    });
    constructor(props) {
        super(props);
        this.state = {
            defWebViewHeight: 0,
            id: this.props.navigation.state.params.id, // 获取传过来的userId
            userId: global.userId,
            userName: "", // 用户姓名
            userInfo: {}, // 个人信息
            headPath: "", // 头像地址
            textImageList: [],
            textImageTotalCount: 0,
            questionAnswerList: [],
            questionAnswerTotalCount: 0,
            videoList: [],
            videoTotalCount: 0,
            goodList: [],
            loadMore: false,
            loading: false,
            tabNumber: 0,
            isImageAll: false,
            isQuestionAll: false,
            isVideoAll: false,
            refreshing: false,
            attentionId: null,
            goodsList :[],
            isGoodsAll:false,
            approvedResult :'',//关联商家审核状态
            spamasterResult:"",//正在审核中的商家信息
            modalVisible:false,
            codeUrl:'',
            signUrl:'',
            signText:'',
            queryId:'',// 二维码参数
            associateId:''//登录用户的粉丝Id
        };
    }

    componentWillMount() {
        // 获取网络状态
        const _this = this;
        if (global.isConnected) {
            //获取帖子信息
            this.getFirstThreadList(0, 0,true);
            this.getUserInfo();
            this.getSpamaster();
        } else {
            xnToast("请检查网络");
        }

        this.refreshAttention = DeviceEventEmitter.addListener(
            "refreshAttention",
            function() {
                _this.getUserInfo();
            }
        );

        this.refreshPageInfo = DeviceEventEmitter.addListener(
            "refreshPageInfo",
            function() {
                _this.getUserInfo();
                _this.getSpamaster();
                _this.getFirstThreadList(0, 0,true);
            }
        );
        this.refresh = DeviceEventEmitter.addListener("refreshList", () => {
            this.setState({
                textImageList: [],
                textImageTotalCount: 0
            });
            this.getFirstThreadList(0, 0,true);
        });
        this.refreshComm = DeviceEventEmitter.addListener("refreshCommList", () => {
            this.setState({
                questionAnswerList: []
            });
            this.getFirstThreadList(3, 0,true);
        });
        this.refreshVideo = DeviceEventEmitter.addListener(
            "refreshVideoList",
            () => {
                this.setState({
                    videoList: [],
                    videoListtalCount: 0
                });
                this.getFirstThreadList(2, 0,true);
            }
        );
        this.refreshSpamasterInfo = DeviceEventEmitter.addListener(
            "refreshSpamasterInfo",
            () => {
                _this.getSpamaster();
            }
        );

        if (global.tenantId == '852769418315444224' || global.tenantId == '1038991752041734144') {
            // AppService.getSignInfo({}).then((data) => {
            //     if (data.message) {
            //         return;
            //     }
            //     if (!!data.errors === true && !!data.errors.length > 0) {
            //
            //     } else {
            //         let sginInfo = JSON.parse(data.signRule.image)
            //         _this.setState({
            //             signUrl:sginInfo[0].filePath,
            //             signText:data.signRule.signRuleText,
            //         })
            //     }
            // });
            //
            // AppService.createAppScene({tenantId: global.tenantId,appId:global.weChatBySmallProgramAppId,scene:global.userId}).then((data) => {
            //     if (data.message) {
            //         xnToast(data.message);
            //         return;
            //     }
            //     if (!!data.errors === true && !!data.errors.length > 0) {
            //         xnToast(data.errors[0].message);
            //     } else {
            //         _this.setState({
            //             codeUrl:data.imgUrl,
            //         })
            //
            //     }
            // });

            this.promise1();
        }
    }

    promise1 = () => {
        const _this = this;
        // return  new Promise((resolve, reject) => {
        AppService.getSignInfo({}).then((data) => {
            if (data.message) {
                xnToast(error.message);
                // reject(error.message);
                return;
            }
            if (!!data.errors === true && !!data.errors.length > 0) {
                // reject(data.errors);
                return;
            } else {
                let sginInfo = JSON.parse(data.signRule.image)
                _this.setState({
                    signUrl:sginInfo[0].filePath,
                    signText:data.signRule.signRuleText,
                },()=>{
                    // resolve(true);
                    _this.promise2();
                });
            }
        }).catch((error) => {
            // xnToast(error.message);
            // reject(error.message);
        });
        // });
    };
    promise2 = () => {
        const _this = this;
        // return new Promise((resolve, reject) => {
        AppService.getAssociateMemberBySource({sourceType:"WX_OPEN",unionId:global.unionId,tenantId:global.tenantId,name:global.userName,avatarUrl:!!!global.userAvatar?'':global.userAvatar}).then((data) => {
            if (data.message) {
                xnToast(data.message);
                // reject(error.message);
                return;
            }
            if (!!data.errors === true && !!data.errors.length > 0) {
                xnToast(data.errors[0].message);
                // reject(data.errors[0].message);
                return;
            } else {
                _this.setState({
                    associateId:data.associateMember.id,
                },()=>{
                    // resolve(res);
                    _this.promise3();
                });
            }
        }).catch((error) => {
            // xnToast(error.message);
            // reject(error.message);
        });
        // });
    };
    promise3 = () => {
        const _this = this;
        // return new Promise((resolve, reject) => {
        AppService.saveAppScenceParm({'json':JSON.stringify({userId:this.state.userId,rasId:this.state.associateId})}).then((data) => {
            if (data.message) {
                xnToast(data.message);
                // reject(data.message);
                return;
            }
            if (!!data.errors === true && !!data.errors.length > 0) {
                xnToast(data.errors[0].message);
                // reject(data.errors[0].message);
                return;
            } else {
                _this.setState({
                    queryId:data.id,
                },()=>{
                    // resolve(res);
                    _this.promise4();
                });
            }
        }).catch((error) => {
            // xnToast(error.message);
            // reject(error.message);
        });
        // });
    };
    promise4 = () => {
        const _this = this;
        // return new Promise((resolve, reject) => {
        AppService.createAppScene({tenantId: global.tenantId,appId:global.weChatBySmallProgramAppId,scene:'queryId='+this.state.queryId,page:'pages/community/member-detail/member-detail'}).then((data) => {
            if (data.message) {
                xnToast(data.message);
                // reject(data.message);
                return;
            }
            if (!!data.errors === true && !!data.errors.length > 0) {
                xnToast(data.errors[0].message);
                // reject(data.errors[0].message);
            } else {
                _this.setState({
                    codeUrl:data.imgUrl,
                },()=>{
                    // resolve(res);
                })
            }
        }).catch((error) => {
            // xnToast(error.message);
            // reject(error.message);
        });
        // });
    };

    componentWillUnmount() {
        this.refreshAttention.remove();
        this.refreshPageInfo.remove();
        this.refresh.remove();
        this.refreshComm.remove();
        this.refreshVideo.remove();
        this.refreshSpamasterInfo.remove();
    }

    //获取关联商家绑定状态
    getSpamaster(){
        const _this = this;
        let params = {
            // userId: "1074132681786527744"
            sourceId:global.userId
        };
        AppService.getSpamaster(params).then((data) => {
            console.log('-----getSpamaster--',params,data);
            if (data.message) {
                xnToast(data.message);
                return;
            }
            if (!!data.errors === true && !!data.errors.length > 0) {
                xnToast(data.errors[0].message);
            } else {
                if (!!data.result && data.result.length > 0){
                    let sResult = data.result[0];
                    let approvedResult ;
                    if (sResult.isApproved == undefined){
                        approvedResult = "NEW";
                    }else {
                        if (sResult.isApproved == false){//审核中
                            approvedResult  = "APPROVING";
                        }else if (sResult.isApproved == true && sResult.approveResult == "AGREED" ){//审核通过
                            approvedResult = "AGREED";
                        }else if (sResult.isApproved == true && sResult.approveResult == "DISAGREED" ){//审核被拒
                            approvedResult = "DISAGREED";
                        }else {//没绑过
                            approvedResult = "NEW";
                        }
                    }

                    _this.setState({
                        approvedResult :approvedResult,
                        spamasterResult :sResult
                    })
                }

            }
        });
    }
    //获取用户信息
    getUserInfo() {
        const _this = this;
        let params = {
            forumId: global.forumId,
            id: this.state.id
        };
        AppService.getUserInfo(params).then((data) => {
            // _this.setState({
            //     loading: false
            // });
            console.log('-----getUserInfo--',params,data);
            if (data.message) {
                xnToast(data.message);
                return;
            }
            if (!!data.errors === true && !!data.errors.length > 0) {
                xnToast(data.errors[0].message);
            } else {
                if (!!data.userExtend) {
                    let userInfo = data.userExtend;
                    _this.setState({
                        userInfo: userInfo,
                        userName: userInfo.name,
                        headPath: userInfo.headFileUrl
                    });
                    _this.props.navigation.setParams({
                        userName: userInfo.name
                    });
                }
            }
        })
            .catch(error => {
                xnToast(error);
            });
    }

    // 时间格式化
    timeAgo(dateTimeStamp) {
        // dateTimeStamp是一个时间毫秒，注意时间戳是秒的形式，在这个毫秒的基础上除以1000，就是十位数的时间戳。13位数的都是时间毫秒。
        const minute = 1000 * 60; // 把分，时，天，周，半个月，一个月用毫秒表示
        const hour = minute * 60;
        const day = hour * 24;
        const now = new Date().getTime(); // 获取当前时间毫秒
        const diffValue = now - dateTimeStamp; // 时间差
        if (diffValue < 0) {
            return;
        }
        const minC = diffValue / minute; // 计算时间差的分，时，天，周，月
        const hourC = diffValue / hour;
        const dayC = diffValue / day;
        if (minC >= 1 && hourC < 1) {
            result = parseInt(minC) + "分钟前";
        } else if (hourC >= 1 && dayC < 1) {
            result = parseInt(hourC) + "小时前";
        } else if (dayC >= 1) {
            result = moment(new Date(dateTimeStamp)).format("YYYY/MM/DD");
        } else {
            result = "刚刚";
        }
        return result;
    }


    getGoodsList = (length) => {
        let params = {
            pageNumber:length/pageSize+1,
            pageSize:pageSize,
            // operatingUnitId: "801756150419828736",
            operatingUnitId: "910123914666053632",

            systemType:'B2C',
            deviceType:'MOBILE',
            supplierId: this.state.spamasterResult.ownSupplierId ||0,
            tenantId: global.tenantId
        }
        AppService.findCommodityExtend(params).then(data => {
            console.log('-----findCommodityExtend----',params,data);
            if (data.message) {
                xnToast(data.message);
                return;
            }
            if (data.errors == null || data.errors.length > 0) {
                xnToast(data.errors[0].message);
            } else {
                this.setState({
                    goodsList:data.result,
                })
            }

        });
    }

    // 获取第一页数据
    getFirstThreadList = (threadType, length, isRefresh) => {
        if (isRefresh) {
            if(threadType==0){
                this.setState(
                    {
                        textImageList: [],
                    }
                );
            }else if(threadType==3){
                this.setState(
                    {
                        questionAnswerList: [],
                    }
                );
            }else if(threadType==2){
                this.setState(
                    {
                        videoList: [],
                    }
                );
            }else {
                this.setState(
                    {
                        textImageList: [],
                    }
                );
            }

        }
        const _this = this;
        AppService.queryList({
            forumId: global.forumId,
            threadUserId: this.state.userId,
            pageNumber: length / pageSize + 1,
            searchType: "HAS_PUBLISH",
            sourceFrom:'APP',
            pageSize: pageSize,
            isActive: true,
            threadType: threadType
        }).then(data => {
            if (data.message) {
                xnToast(data.message);
                return;
            }
            if (data.errors == null || data.errors.length > 0) {
                xnToast(data.errors[0].message);
            } else {
                if (threadType == 0) {
                    this.setState(
                        {
                            textImageList: _this.state.textImageList.concat(data.result),
                            textImageTotalCount: data.totalCount
                        },
                        () => {
                            if (_this.state.textImageList.length == Number(data.totalCount)) {
                                _this.setState({
                                    isImageAll: true
                                });
                            }
                        }
                    );
                } else if (threadType == 2) {
                    this.setState(
                        {
                            videoList: _this.state.videoList.concat(data.result),
                            videoListtalCount: data.totalCount
                        },
                        () => {
                            if (_this.state.videoList.length == Number(data.totalCount)) {
                                _this.setState({
                                    isVideoAll: true
                                });
                            }
                        }
                    );
                } else if (threadType == 3) {
                    this.setState(
                        {
                            questionAnswerList: _this.state.questionAnswerList.concat(
                                data.result
                            )
                        },
                        () => {
                            if (
                                _this.state.questionAnswerList.length == Number(data.totalCount)
                            ) {
                                _this.setState({
                                    isQuestionAll: true
                                });
                            }
                        }
                    );
                } else {
                    this.setState(
                        {
                            textImageList: _this.state.textImageList.concat(data.result),
                            textImageTotalCount: data.totalCount
                        },
                        () => {
                            if (_this.state.textImageList.length == Number(data.totalCount)) {
                                _this.setState({
                                    isImageAll: true
                                });
                            }
                        }
                    );
                }
                console.log(this.state.textImageList);
            }
        });
    };

    // 加载更多
    loadMore = threadType => {
        console.log(threadType);
        let length = 0;
        if (threadType == 0) {
            length = this.state.textImageList.length;
            if (this.state.isImageAll) {
                return;
            }
        } else if (threadType == 2) {
            length = this.state.videoList.length;
            if (this.state.isVideoAll) {
                return;
            }
        } else if (threadType == 3) {
            length = this.state.questionAnswerList.length;
            if (this.state.isQuestionAll) {
                return;
            }
        } else {
            length = this.state.textImageList.length;
            if (this.state.isImageAll) {
                return;
            }
        }
        this.getFirstThreadList(threadType, length,false);
    };

    renderImageItem(item, i) {
        let imageSize = this.state.imageList.length;
        let parentHeight = 400 / zoomH;
        let itemWidth, itemHeight;
        if (imageSize == 1) {
            itemWidth = "100%";
            itemHeight = parentHeight;
        } else if (imageSize == 2 || imageSize == 4) {
            itemWidth = "50%";
            itemHeight = parentHeight / 2;
        } else {
            itemWidth = "33%";
            itemHeight = parentHeight / 3;
        }

        return (
            <View
                key={i}
                style={{
                    width: itemWidth,
                    height: itemHeight,
                    padding: 2,
                    backgroundColor: "#FFFFFF"
                }}
            >
                <Image style={{ width: "100%", height: "100%" }} source={pic} />
            </View>
        );
    }

    keyExtractor = (item, index) => index;
    //图文列表
    renderImageTextItem({ item, index }) {
        return <ItemImageText itemList={item} nav={this.props.navigation} />;
    }
    //问答列表
    renderQuestionItem({ item, index }) {
        return <QuestionHomeListItem item={item} nav={this.props.navigation} />;
    }
    //商品列表
    renderGoodsItem({ item, index }) {
        return <ItemGoodsView itemList={item} nav={this.props.navigation} />;
    }
    //视频列表
    renderVideoItem({ item, index }) {
        return (
            <ItemImageText
                itemList={item}
                nav={this.props.navigation}
                isVideo={true}
            />
        );
    }

    // 跳转关注
    goAttention = () => {
        this.props.navigation.navigate("Attention", {
            id: 1,
            name: "Attention",
            userId: global.userId
        });
    };

    goFans = () => {
        this.props.navigation.navigate("Attention", {
            id: 2,
            name: "Attention",
            userId: global.userId
        });
    };

    //关联商家
    relateMerchants(){
        if (this.state.approvedResult == "NEW" || this.state.approvedResult == ""){//之前没有关联过
            this.props.navigation.navigate("RelateMerchants", {
                name: "RelateMerchants",
            });
            return;
        }
        //关联过，审核结果还没有通过
        let _this = this;
        this.props.navigation.navigate("ApplyResult", {
            name:_this.state.spamasterResult.applySupplierName || "",
            isApproving:_this.state.approvedResult == "DISAGREED"? false :true,
            refusedReason : _this.state.spamasterResult.refusedReason || "",
        });
    }
    // 跳转收藏
    goCollect = () => {
        this.props.navigation.navigate("HistoryHome", { name: "HistoryHome", type: 2 });
    };

    // 跳转历史
    goHistroy = () => {
        this.props.navigation.navigate("HistoryHome", { name: "HistoryHome", type: 1 });
    };

    // 分割线
    _separator = () => {
        return <View style={{ height: 6 / zoomH, backgroundColor: "#F3F5F6" }} />;
    };

    // 列表底部
    _footer = () => (
        <View style={styles.footerWrap}>
            <Text style={{ fontSize: 12, color: "#A4A9B0" }}>到底啦</Text>
        </View>
    );

    render() {
        let _this = this;
    let identifyTypeNames = this.state.userInfo.identifyTypeNames?(this.state.userInfo.identifyTypeNames!=''?
        this.state.userInfo.identifyTypeNames.replace(/\,/g,' '):global.defaultInentifyTypeName):
        global.defaultInentifyTypeName;
        return (
            <View style={styles.background}>
                {/*<ForumHeader title={this.props.navigation.state.params.userName} pop navigation={this.props.navigation}/>*/}
                <View style={styles.mineInfo}>
                    <View style={styles.mineInfoLeft}>
                        <View style={styles.headImage}>
                            {!!this.state.headPath ? (
                                <Image
                                    style={{
                                        height: 80 / zoomH,
                                        width: 80 / zoomH,
                                        borderRadius: 40 / zoomH
                                    }}
                                    source={{ uri: this.state.headPath +'?x-oss-process=image/resize,w_200'}}
                                />
                            ) : (
                                <Image
                                    style={{
                                        height: 80 / zoomH,
                                        width: 80 / zoomH,
                                        borderRadius: 40 / zoomH
                                    }}
                                    source={pic}
                                />
                            )}
                        </View>
                    </View>
                    <View style={styles.mineInfoRight}>
                        <View style={styles.upText}>
                            <View>
                                <TouchableOpacity onPress={() => this.goCollect()}>
                                    <View>
                                        <Text style={styles.upTextCount}>
                                            {this.state.userInfo.collectNum}
                                        </Text>
                                    </View>
                                    <View>
                                        <Text style={styles.upTextFont}>收藏</Text>
                                    </View>
                                </TouchableOpacity>
                            </View>
                            <View>
                                <TouchableOpacity onPress={() => this.goAttention()}>
                                    <View>
                                        <Text style={styles.upTextCount}>
                                            {this.state.userInfo.attentionNum}
                                        </Text>
                                    </View>
                                    <View>
                                        <Text style={styles.upTextFont}>关注</Text>
                                    </View>
                                </TouchableOpacity>
                            </View>
                            <View>
                                <TouchableOpacity onPress={() => this.goFans()}>
                                    <View>
                                        <Text style={styles.upTextCount}>
                                            {this.state.userInfo.beAttentionNum}
                                        </Text>
                                    </View>
                                    <View>
                                        <Text style={styles.upTextFont}>粉丝</Text>
                                    </View>
                                </TouchableOpacity>
                            </View>



                            <View style={{ marginRight: 29 / zoomW }}>
                                <TouchableOpacity onPress={() => this.goHistroy()}>
                                    <View>
                                        <Text style={styles.upTextCount}>
                                            {this.state.userInfo.footprintNum}
                                        </Text>
                                    </View>
                                    <View>
                                        <Text style={styles.upTextFont}>历史</Text>
                                    </View>
                                </TouchableOpacity>
                            </View>
                        </View>
                        <View style={styles.bottomText}>
                            <View style={styles.privateLetter}>
                                <Text
                                    onPress={() => {
                                        this.props.navigation.navigate("EditProfile", {
                                            name: "EditProfile",
                                            userInfo: this.state.userInfo
                                        });
                                    }}
                                    style={{ textAlign: "center", fontSize: 14, color: "#000" }}
                                >
                                    编辑资料
                                </Text>
                            </View>
                            {/*this.state.userInfo.isAuthented &&*/}
                            { this.state.userInfo.isAuthented && this.state.approvedResult != "AGREED" &&  this.state.approvedResult != ""&&
                            <View style={[styles.attentionAlready,{backgroundColor: global.homeColor}]}>
                                <Text onPress={() => {this.relateMerchants();}}
                                      style={{ textAlign: "center", fontSize: 14, color: "#fff" }}>关联商家</Text>
                            </View> }
                        </View>

                        {(global.tenantId == '852769418315444224'||global.tenantId == '1038991752041734144')&&<TouchableOpacity style={{width:'100%',height:30/zoomW,alignItems:'flex-end'}} onPress={()=>{this.setState({
                            modalVisible:true
                        })}}>
                            <Image source={require('../../../img/quickmark_press.png')} style={{marginRight:20/zoomW,width:30/zoomW,height:30/zoomW}}/>
                        </TouchableOpacity>}
                    </View>
                </View>
                <View style={styles.abstract}>
                    <View style={{ flexDirection: "row" }}>
                        <Text style={{ fontSize: 14, color: "#000", opacity: 0.65 }}>
                            认证：
                        </Text>
                        {!!this.state.userInfo.isAuthented && (
              <Text style={{ fontSize: 14, color: "#000" }}>{identifyTypeNames}</Text>
                        )}
                        {!this.state.userInfo.isAuthented && (
                            <Text style={{ fontSize: 14, color: "#000" }}>未认证</Text>
                        )}
                    </View>
                    <View style={{marginTop: 8/zoomH, flexDirection: 'row',width:"80%"}}>
                        <Text style={{fontSize: 14, color: '#000', opacity: 0.65}}>简介：</Text>
                        { !!this.state.userInfo.description &&<Text numberOfLines={3} style={{fontSize: 14, color: '#000'}}>{this.state.userInfo.description}</Text>}
                        { !this.state.userInfo.description &&<Text style={{fontSize: 14, color: '#DDD'}}>还没有简介哦</Text>}
                    </View>
                </View>
                <View style={{ height: 8 / zoomH, backgroundColor: '#F3F5F6', marginTop: 20 / zoomH }} />
                <ScrollableTabView
                    renderTabBar={() => <DefaultTabBar style={styles.tabStyle} />}
                    tabBarActiveTextColor={global.homeColor}
                    tabBarUnderlineStyle={[styles.lineStyle,{backgroundColor: global.homeColor,marginLeft: !!this.state.userInfo.isAuthented   ?30/zoomW:46/zoomW}]}
                    tabBarInactiveTextColor="#000000"
                    tabBarBackgroundColor="#fff"
                    locked={false}
                    onScroll={(obj) => {
                    }}
                    onChangeTab={obj => {
                        let threadType = 0;
                        let needReSearch = true;
                        if (obj.i == 0) {
                            threadType = 0;
                            if (
                                this.state.textImageList != null &&
                                this.state.textImageList.length > 0
                            ) {
                                needReSearch = false;
                            }
                        } else if (obj.i == 1) {
                            threadType = 3;
                            if (
                                this.state.questionAnswerList != null &&
                                this.state.questionAnswerList.length > 0
                            ) {
                                needReSearch = false;
                            }
                        } else if (obj.i == 2) {
                            threadType = 2;
                            if (
                                this.state.videoList != null &&
                                this.state.videoList.length > 0
                            ) {
                                needReSearch = false;
                            }
                        }else  if (obj.i == 3) {
                            this.getGoodsList(0);
                            return
                        }

                        if (needReSearch) {
                            this.getFirstThreadList(threadType, 0,true);
                        }
                    }}
                >
                    <View tabLabel="图文">
                        {this.state.textImageList && this.state.textImageList.length >0 &&<FlatList
                            data={this.state.textImageList}
                            ItemSeparatorComponent={this._separator}
                            renderItem={this.renderImageTextItem.bind(this)}
                            onEndReachedThreshold={0.01}
                            onRefresh={() => this.getFirstThreadList(0,0,true)}
                            onEndReached={() => this.loadMore(0)}
                            ListFooterComponent={
                                this.state.textImageList.length > 0 && this.state.isImageAll
                                    ? this._footer
                                    : null
                            }
                            refreshing={this.state.refreshing}
                            keyExtractor={this.keyExtractor}
                        />}
                        {(!this.state.textImageList ||this.state.textImageList.length == 0) &&
                        <View style = {[styles.defaultStyle]}>
                            <Image  style = {{height:100/zoomH}}source={require('../../../img/empty.png')} resizeMode= 'contain'></Image>
                            <Text style = {{marginTop:10,color:'rgba(0,0,0,0.45)'}}>暂无图文帖子</Text>
                        </View>}
                    </View>
                    <View tabLabel="问答">
                        {this.state.questionAnswerList && this.state.questionAnswerList.length >0 &&<FlatList
                            data={this.state.questionAnswerList}
                            ItemSeparatorComponent={this._separator}
                            renderItem={this.renderQuestionItem.bind(this)}
                            onEndReachedThreshold={0.01}
                            onRefresh={() => this.getFirstThreadList(3,0,true)}
                            onEndReached={() => this.loadMore(3)}
                            ListFooterComponent={
                                this.state.questionAnswerList.length > 0 &&
                                this.state.isQuestionAll
                                    ? this._footer
                                    : null
                            }
                            refreshing={this.state.refreshing}
                            keyExtractor={this.keyExtractor}
                        />}
                        {(!this.state.questionAnswerList ||this.state.questionAnswerList.length == 0) &&
                        <View style = {[styles.defaultStyle]}>
                            <Image  style = {{height:100/zoomH}}source={require('../../../img/empty.png')} resizeMode= 'contain'></Image>
                            <Text style = {{marginTop:10,color:'rgba(0,0,0,0.45)'}}>暂无问答帖子</Text>
                        </View>}
                    </View>
                    <View tabLabel="视频">
                        {this.state.videoList && this.state.videoList.length >0 &&<FlatList
                            data={this.state.videoList}
                            ItemSeparatorComponent={this._separator}
                            renderItem={this.renderVideoItem.bind(this)}
                            onEndReachedThreshold={0.01}
                            onRefresh={() => this.getFirstThreadList(2,0,true)}
                            onEndReached={() => this.loadMore(2)}
                            ListFooterComponent={
                                this.state.videoList.length > 0 && this.state.isVideoAll
                                    ? this._footer
                                    : null
                            }
                            refreshing={this.state.refreshing}
                            keyExtractor={this.keyExtractor}
                        />}
                        {(!this.state.videoList || this.state.videoList.length == 0) &&
                        <View style = {[styles.defaultStyle]}>
                            <Image  style = {{height:100/zoomH}}source={require('../../../img/empty.png')} resizeMode= 'contain'></Image>
                            <Text style = {{marginTop:10,color:'rgba(0,0,0,0.45)'}}>暂无视频帖子</Text>
                        </View>
                        }
                    </View>
                    {!!this.state.userInfo.isAuthented  && <View tabLabel="商品">
                        {this.state.goodsList && this.state.goodsList.length >0 &&<FlatList
                            data={this.state.goodsList}
                            ItemSeparatorComponent={this._separator}
                            renderItem={this.renderGoodsItem.bind(this)}
                            onEndReachedThreshold={0.01}
                            onRefresh={() => {
                                _this.setState({
                                    goodList:[]
                                },function () {
                                    this.getGoodsList(0)
                                })

                            }}
                            onEndReached={() => {
                                if(_this.state.isGoodsAll){
                                    return;
                                }
                                _this.getGoodsList(this.state.goodList.length);
                            }}
                            ListFooterComponent={
                                this.state.goodsList.length > 0 && this.state.isGoodsAll
                                    ? this._footer
                                    : null
                            }
                            refreshing={this.state.refreshing}
                            keyExtractor={this.keyExtractor}
                        />}
                        {(!this.state.goodsList || this.state.goodsList.length == 0) &&
                        <View style = {[styles.defaultStyle]}>
                            <Image  style = {{height:100/zoomH}}source={require('../../../img/empty.png')} resizeMode= 'contain'></Image>
                            <Text style = {{marginTop:10,color:'rgba(0,0,0,0.45)'}}>暂无商品</Text>
                        </View>
                        }
                    </View> }
                </ScrollableTabView>
                <Modal
                    animationType="slide"
                    transparent={true}
                    visible={this.state.modalVisible}
                    onRequestClose={() => {
                    }}>
                    <View style={styles.modalBg} >
                        <View style={{width:width,height:height*0.9,marginTop:44/zoomH}}>
                            <ViewShot ref='viewShot' options={{ format: "jpg", quality: 0.5 }} style={{flex:1}}>
                                <Image source={!!!this.state.signUrl?require('../../../img/default_cover.jpg'):{uri:this.state.signUrl}} style={{width:width,height:width}} />
                                <View style={{flex:1,backgroundColor:'#fff',flexDirection:'row',padding:15}}>
                                    <View style={{flex:2,justifyContent:'space-around'}}>
                                        <Text>{this.state.signText}</Text>
                                        <View style={{flexDirection:'row',marginTop:15}}>
                                            <Image source={{uri:this.state.headPath}} style={{width:60/zoomW,height:60/zoomW,borderRadius:30/zoomW}}/>
                                            <View style={{marginLeft:10,flex:1}}>
                                                <Text style={{fontSize:20}}>{this.state.userName}</Text>
                                                <Text style={{color:'#d1d2d3'}}>我在芳聊,等您来</Text>
                                            </View>
                                        </View>
                                    </View>

                                    <View style={{flex:1,justifyContent:'space-around',alignItems:'center'}}>
                                        <Image source={{uri:this.state.codeUrl}} style={{width:100/zoomW,height:100/zoomW,marginBottom: 5}}/>
                                        <Text style={{flex:1}}>长按识别二维码</Text>
                                    </View>
                                </View>
                            </ViewShot>
                            {/*按钮区*/}
                            <View style={{width:width,height:height*0.1,backgroundColor:'#fff',flexDirection:'row',justifyContent:'space-around',alignItems:'center'}}>
                                <TouchableOpacity style={{width:70,height:height*0.1,alignItems:'center',justifyContent:'space-around'}} onPress={()=>{
                                    NoDoublePress.onPress(()=>{
                                        // TODO:因直接使用签到图片，发朋友就不需要截图了，可以提高速度
                                        // this.refs.viewShot.capture().then(uri => {
                                        //     console.log("do something with ", uri);
                                        //
                                        //     let fileName = uri.substring(uri.lastIndexOf('/') + 1);
                                        //     let _this = this;
                                        //     AppService.getAccess({name: fileName}).then((data) => {
                                        //
                                        //         if (data.message) {
                                        //
                                        //             return;
                                        //         }
                                        //         if (data.errors.length > 0) {
                                        //
                                        //         } else {
                                        //             NativeModules.system.simpleUpload(data.accessKeyId, data.accessKeySecret, data.securityToken,
                                        //                 data.info.endpoint, data.info.bucket, fileName, uri).then((res) => {

                                        let path = '/pages/community/member-detail/member-detail?id='+global.userId;//小程序的地址
                                        // path
                                        var temp = '';
                                        var webUrl = 'https://sns.xiniunet.com/wechatpage/dist/index.html#/center';
                                        webUrl = webUrl + '?path='+path;
                                        var wxOriginalID = '';
                                        if(global.appTarget == 'fangPartner'){
                                            // 芳聊小程序的原始ID
                                            wxOriginalID = 'gh_38cacc3e0a30';
                                        }
                                        // 这是测试App 300029承租人下的芳聊社区，用于debug芳聊测试环境的小程序
                                        if(global.appTarget == 'xntalkTest' || global.appTarget == 'fang'){
                                            wxOriginalID = 'gh_e1c3c68d4919';
                                            //wxOriginalID = 'wx878f29f4478f429d';
                                        }
                                        // 小程序卡片的图片固定是300X300的正方形
                                        var temp = !!!this.state.signUrl?defaultSingPicUrl:this.state.signUrl;
                                        // url = defaultSingPicUrl;
                                        var url = temp+'?x-oss-process=image/resize,m_fill,h_600,w_600/format,jpg';
                                        NativeModules.system.wchatShare(path,webUrl,this.state.userName,'' ,url,wxOriginalID);
                                        // var promise = CameraRoll.saveToCameraRoll(uri)
                                        // promise.then(function(result) {
                                        //
                                        // }).catch(function(error) {
                                        //
                                        // })
                                        //             }).catch((error) => {
                                        //
                                        //                 xnToast(error)
                                        //             })
                                        //         }
                                        //     }).catch((error) => {
                                        //
                                        //         xnToast(error)
                                        //     })
                                        //
                                        // })
                                    })
                                }}>
                                    <Image style={{width:52/zoomW,height:52/zoomW}} source={require('../../../img/sharewechat.png')}/>
                                    <Text style={{color:'#000'}}>发朋友</Text>

                                </TouchableOpacity>
                                <TouchableOpacity style={{width:70,height:height*0.1,alignItems:'center',justifyContent:'space-around'}} onPress={()=>{
                                    NoDoublePress.onPress(()=>{
                                        this.refs.viewShot.capture().then(uri => {
                                            console.log("do something with ", uri);
                                            var promise = CameraRoll.saveToCameraRoll(uri)
                                            promise.then(function(result) {
                                                // xnToast('保存成功,请至相册查看');
                                                Alert.alert('保存成功,请至相册查看')
                                            }).catch(function(error) {
                                                // xnToast('保存失败');
                                                Alert.alert('保存失败')
                                            })
                                        })
                                    })
                                }}>
                                    <Image style={{width:52/zoomW,height:52/zoomW}} source={require('../../../img/save.png')}/>
                                    <Text style={{color:'#000'}}>保存</Text>
                                </TouchableOpacity>
                                <TouchableOpacity style={{width:70,height:height*0.1,alignItems:'center',justifyContent:'space-around'}} onPress={()=>{
                                    NoDoublePress.onPress(()=>{
                                        this.setState({modalVisible:false})
                                    })
                                }}>
                                    <Image style={{width:52/zoomW,height:52/zoomW}} source={require('../../../img/cancel.png')}/>
                                    <Text style={{color:'#000'}}>取消</Text>
                                </TouchableOpacity>
                            </View>
                        </View>
                    </View>

                </Modal>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    background: {
        flex: 1,
        backgroundColor: "#ffffff",
        display: "flex"
    },
    mineInfo: {
        display: "flex",
        flexDirection: "row",
        marginTop: 20 / zoomH
    },
    mineInfoLeft: {
        marginLeft: 15 / zoomW
    },
    headImage: {
        height: 80 / zoomH,
        width: 80 / zoomW
        // backgroundColor: '#ccc',
    },
    mineInfoRight: {
        marginLeft: 20 / zoomW,
        flex: 1
    },
    upText: {
        display: "flex",
        flexDirection: "row",
        justifyContent: "space-between"
    },
    upTextCount: {
        textAlign: "center",
        color: "#000000",
        fontSize: 18
    },
    upTextFont: {
        fontSize: 12,
        color: "#000000",
        opacity: 0.45
    },
    bottomText: {
        display: "flex",
        flexDirection: "row",
        justifyContent: "space-between",
        marginTop: 14 / zoomH
    },
    privateLetter: {
        height: 28 / zoomH,
        width: "42%",
        borderColor: "#DDDDDD",
        borderWidth: 0.5,
        borderStyle: "solid",
        borderRadius: 4,
        justifyContent: "center"
    },
    attentionAlready: {
        width: "42%",
        marginRight: 29 / zoomW,
        height: 28 / zoomH,
        borderColor: "#DDDDDD",
        borderWidth: 1,
        borderStyle: "solid",
        borderRadius: 4,
        justifyContent: "center"
        // display: 'none'
    },
    abstract: {
    marginTop: 20 / zoomH,
        marginLeft: 20 / zoomW
    },
    tabStyle: {
        height: 36/zoomH,
        marginTop: 8/zoomH,
        // marginBottom: 17/zoomH,
        // width: '80%',
    },
    lineStyle: {
        width:36/zoomW,
        height: 3/zoomH,

    },
    headIcon: {
        display: "flex",
        flexDirection: "row",
        marginLeft: 15 / zoomW
    },

    goodsContainer: {
        display: "flex",
        flexDirection: "row",
        marginTop: 18 / zoomH,
        justifyContent: "space-between"
    },
    goodsDesc: {
        width: 190 / zoomW,
        height: 140 / zoomH,
        marginLeft: 12 / zoomW
    },
    itemLine: {
        height: 8 / zoomH,
        backgroundColor: "rgba(0,0,0,0.1)"
    },
    footerWrap: {
        borderStyle: "solid",
        borderColor: "#DDDDDD",
        borderTopWidth: 0.5,
        width: "100%",
        height: 52.5 / zoomH,
        flexDirection: "row",
        alignItems: "center",
        justifyContent: "center"
    },
    line: {
        width: 200 / zoomW,
        height: 1 / zoomH,
        backgroundColor: "#D0D0D0"
    },
    defaultStyle: {
        width:'100%',
        flexDirection: 'column',
        alignItems: 'center',
        justifyContent: 'center',
        marginTop:100/zoomH
    },
    modalBg: {
        width: width,
        height: height,
        backgroundColor: 'rgba(0,0,0,1)',
        display: 'flex',
        alignItems: 'center'
    },
    empty:{

    }
});