customer / shanghai-railway-rnapp

/**
 * Created by Cassie on 2018/05/14
 * 公共的图文列表页面
 */
import React, {Component} from "react";
import {ActivityIndicator, Image,DeviceEventEmitter,Text, FlatList, StyleSheet, View} from "react-native";
import ItemImageText from "../component/ItemImageText";
import {xnToast} from "../../utils/utils";
import AppService from "../../service/AppService";
import QuestionHomeListItem from "../questions/QuestionHomeListItem";
import AtlasItem from "../atlas/AtlasItem";
import {width, zoomH, zoomW} from "../../utils/getSize";
import EmptyView from '../component/EmptyView';
import ItemCourse from "../component/ItemCourse";
const defaultIcon = require("../../img/defaultIcon.png");

const pageSize = 20;
{
    var arr_keyValue;
}

export default class HomeList extends Component {
    constructor(props) {
        super(props);
        this.state = {
            data: [],
            showMoreText: [],
            loadMore: false,
            loading: false,
            totalCount:0,
            refreshing: false,
            showEmptyView:false,//是否显示暂无数据
            firstPageIds :[],//推荐第一页数据
        };

    }

    componentWillMount() {
        let arr_keyValue = this.props.arr_keyValue;
        for (var key in arr_keyValue) {
            var obj = arr_keyValue[key];
            for (var key1 in obj) {
                if (key1 == 'tabIndex'){
                    this.refreshAll = DeviceEventEmitter.addListener(obj[key1], () => {
                        this.setState({
                            data: [],
                            loadMore: false
                        }, () => {
                            this.getList();
                        });
                    });
                }
            }
        }
        this.getList();
    }

    componentDidMount() {
        let _this = this;
        //刷新列表 refreshThreadList
        this.refreshHomeList = DeviceEventEmitter.addListener(
            "refreshHomeList",
            function() {
                {
                    _this.setState(
                        {
                            data: [],
                            loadMore: false
                        },
                        function() {
                            _this.getList();
                        }
                    );
                }
            }
        );
        this.refreshThreadList = DeviceEventEmitter.addListener(
            "refreshThreadList",
            function() {
                _this.getList();
            }
        )
    }

    componentWillUnmount() {
        if (this.refreshHomeList != null) {
            this.refreshHomeList.remove();
        }
        if (this.refreshAll != null ){
            this.refreshAll.remove();
        }
    }

    //获取板块列表信息
    getList(from) {
        let that = this;
        if (!global.isConnected) {
            DeviceEventEmitter.emit('getTopicList',{});
            xnToast("暂无网络连接，请稍后重试！");
            return;
        }
        if (this.state.loading){
            return;
        }
        let length = this.state.data.length;
        let arr_keyValue = this.props.arr_keyValue;
        if (length % pageSize == 0 && !this.state.loadMore) {
            let params = {
                // threadType: this.props.threadType || 0,
                sourceFrom:'APP',
                tenantId: global.config.tenantId,
                forumId :global.forumId,
                searchType:"HAS_PUBLISH",
                // cityCode: this.props.cityCode,
                isActive: true,
                pageNumber: length / pageSize + 1,
                pageSize: pageSize
                // keyword:this.props.triData,
            };
            var isRecommend  =false;//是否是推荐
            // 添加前页面自定义的参数
            for (var key in arr_keyValue) {
                var obj = arr_keyValue[key];
                for (var key in obj) {
                    params[key] = obj[key];
                }
                if(key == 'isRecommend' && obj){
                    isRecommend = true;
                }
            }
            if (isRecommend && params.pageNumber >1 ){
                //推荐第二页的时候把第一页的id 传过去
                params["firstPageIds"] = JSON.stringify(this.state.firstPageIds);
            }
            this.setState({
                loadMore: true,
                loading:true
            });
            DeviceEventEmitter.emit('loadShow',{show:true});
            AppService.queryList(params)
                .then(data => {
                    that.setState({
                        loading: false,
                        loadMore: false,
                    });
                    console.log('getList',params,data);
                    DeviceEventEmitter.emit('loadShow',{show:false});
                    DeviceEventEmitter.emit('getTopicList',{});
                    console.log(data);
                    if (data.message) {
                        xnToast(data.message);
                        return;
                    }
                    if (data.errors.length > 0) {
                        xnToast(data.errors[0].message);
                    } else {
                        if (length + data.result.length > data.totalCount) {
                            return;
                        }
                        if(isRecommend && params.pageNumber ==1){
                            var ids = [] ;
                            for(let i = 0;i< data.result.length;i++){
                                ids.push(data.result[i].id);
                            }
                            that.setState({
                                firstPageIds:ids
                            });

                        }
                        that.setState({
                            data: that.state.data.concat(data.result),
                            totalCount:data.totalCount,
                            showEmptyView:data.totalCount>0 ? false:true,
                        });
                    }
                })
                .catch(error => {
                    that.setState({
                        loading: false,
                        loadMore: false,
                    });
                    xnToast(error);
                });
        }
    }

    //举报后数据处理
    reportData(item,index){
        try{
        item.isReported = true;
        let data = this.state.data;
        //所有改用户的帖子都删除
        let userId = item.threadUserId;
        for (let i=0; i< data.length;i++){
            if (userId == data[i].threadUserId){
                data[i].isReported = true;
            }
        }
        global.lastReportId = userId;
        this.setState({
            data:data
        })
        //接口请求拉黑用户
        if (!global.isConnected) {
            xnToast("暂无网络连接，请稍后重试");
            return;
        }

        let params = {
            forumId: global.forumId,
            type: 1,// 操作类型(0:用户拉黑 1：系统拉黑)
            targetUserId: item.threadUserId,//拉黑对象用户ID
            userId: global.userId,
            isActive: true
        };
        AppService.userBlockListRequest(params)
            .then(data => {
                console.log(params,data);
                if (data.message) {
                    xnToast(data.message);
                    return;
                }
                if (data.errors.length > 0) {
                    xnToast(data.errors[0].message);
                    return;
                }
            }).catch(error => {
            xnToast(error);
        });
        }catch (e){
        }

    }
    //渲染item
    keyExtractor = (item, index) => index;
    renderItem({ item, index }) {
        //先判断是否被举报
        let isReported = item.isReported || false;
        if (isReported){
            return null;
        }
        if(global.lastReportId  == item.threadUserId){
            return null;
        }
        //是否是推荐板块的帖子
        let isRecommend = this.props.isRecommend || false;
        //帖子类型
        switch (item.threadType) {
            case 0: //图文
                return <ItemImageText
                    itemList={item}
                    nav={this.props.navigation}
                    showLocation = {true}
                    showType = {true}
                    hideTop = {isRecommend}//隐藏置顶标签
                    hideTime = {isRecommend}//隐藏时间
                    showReport = {true}//显示举报按钮
                    reportCallback = {() =>{//举报
                        this.reportData(item,index);
                    }}
                />;
                break;
            case 1: //图集
                return <AtlasItem
                    item={item}
                    nav={this.props.navigation}
                    showType = {true}
                    hideTop = {isRecommend}//隐藏置顶标签
                    hideTime = {isRecommend}//隐藏时间
                    showReport = {true}//显示举报按钮
                    reportCallback = {() =>{//举报
                        this.reportData(item,index);
                    }}
                />;
                break;
            case 2: //视频
                return (
                    <ItemImageText
                        itemList={item}
                        nav={this.props.navigation}
                        isVideo={true}
                        showType = {true}
                        hideTop = {isRecommend}//隐藏置顶标签
                        hideTime = {isRecommend}//隐藏时间
                        showReport = {true}//显示举报按钮
                        reportCallback = {() =>{//举报
                            this.reportData(item,index);
                        }}
                    />
                );
                break;
            case 3: //提问
                return <QuestionHomeListItem
                    item={item}
                    nav={this.props.navigation}
                    showType = {true}
                    hideTop = {isRecommend}//隐藏置顶标签
                    hideTime = {isRecommend}//隐藏时间
                    showReport = {true}//显示举报按钮
                    reportCallback = {() =>{//举报
                        this.reportData(item,index);
                    }}
                />;
                break;
            case 4: //文章
                return <ItemImageText
                    itemList={item}
                    nav={this.props.navigation}
                    showType = {true}
                    hideTop = {isRecommend}//隐藏置顶标签
                    hideTime = {isRecommend}//隐藏时间
                    showReport = {true}//显示举报按钮
                    reportCallback = {() =>{//举报
                        this.reportData(item,index);
                    }}
                />;
                break;
            case 5: //课程
                return <ItemCourse
                    item={item}
                    nav={this.props.navigation}
                    showType = {true}
                    hideTop = {isRecommend}//隐藏置顶标签
                    hideTime = {isRecommend}//隐藏时间
                    showReport = {true}//显示举报按钮
                    reportCallback = {() =>{//举报
                        this.reportData(item,index);
                    }}
                />;
                break;
            default:
                //其他
                return <ItemImageText
                    itemList={item}
                    nav={this.props.navigation}
                    showType = {true}
                    hideTop = {isRecommend}//隐藏置顶标签
                    hideTime = {isRecommend}//隐藏时间
                    showReport = {true}//显示举报按钮
                    reportCallback = {() =>{//举报
                        this.reportData(item,index);
                    }}
                />;
                break;
        }
    }

    _separator ({ item, index })  {
        // //先判断是否被举报
        // let isReported = item.isReported || false;
        // if (isReported){
        //     return null;
        // }
        return <View style={{ height: 6/zoomH, backgroundColor: "#F3F5F6" }} />;
    };

    render() {
        return (
            <View style={styles.background}>
                {this.state.data && (
                    <FlatList
                        style={{ flex: 1, display: "flex" }}
                        onEndReachedThreshold={0.01}
                        onEndReached={() => {
                            this.getList()
                        }}
                        keyExtractor={this.keyExtractor}
                        data={this.state.data}
                        renderItem={this.renderItem.bind(this)}
                        refreshing={this.state.refreshing}
                        onRefresh={() => {
                            let _this = this;
                            this.setState({
                                refreshing: true
                            }, () => {
                                const timer = setTimeout(() => {
                                    clearTimeout(timer);
                                    _this.setState({
                                        refreshing: false,
                                        data: []
                                    }, () => {
                                        _this.getList();
                                    });
                                }, 1000);
                            })}}
                    />
                )}
                {this.state.data.length > pageSize && this.state.loadMore && (
                    <ActivityIndicator />
                )}
                {this.state.showEmptyView &&
                <EmptyView />}


            </View>
        );
    }
}

const styles = StyleSheet.create({
    background: {
        flex: 1,
        backgroundColor: "#F3F5F6",
        display: "flex"
    },

});