import React, {Component} from 'react';
import {
  Image,
  Text,
  View,
  TouchableOpacity,
  StyleSheet,
  ScrollView,
  DeviceEventEmitter,
} from 'react-native';

import public_css from '../../source/css/public_css';

import {RetrieveData} from '../../data/storage';

export default class tax_page extends Component {
  constructor(props) {
    super(props);
    this.state = {
      authority: '',
      landingStatus: 0, //登录状态，0：表示未登录,1：表示已登录
    };
  }

  render() {
    return (
      <ScrollView style={public_css.body}>
        <View
          style={{
            height: 30,
            justifyContent: 'center',
            marginLeft: 10,
            marginTop: 5,
          }}>
          <Text style={{color: '#999999'}}>开票服务</Text>
        </View>
        <View style={{flexDirection: 'row', flexWrap: 'wrap'}}>
          {this.state.landingStatus == 1 ? (
            this.state.authority.includes('sys:invoice:add') ? (
              <View style={{width: 60, margin: 10}}>
                <TouchableOpacity
                  style={styles.tapBtnBakCol}
                  onPress={() => {
                    this.getLandingStatus(1);
                  }}>
                  <Image
                    source={require('../../source/img/homeImg/taxManagement.png')}
                    style={styles.tapBtnImg}
                  />
                  <Text style={styles.tapBtnTips}>开票</Text>
                </TouchableOpacity>
              </View>
            ) : (
              <View />
            )
          ) : (
            <View style={{width: 60, margin: 10}}>
              <TouchableOpacity
                style={styles.tapBtnBakCol}
                onPress={() => {
                  this.getLandingStatus(1);
                }}>
                <Image
                  source={require('../../source/img/homeImg/taxManagement.png')}
                  style={styles.tapBtnImg}
                />
                <Text style={styles.tapBtnTips}>开票</Text>
              </TouchableOpacity>
            </View>
          )}
          {this.state.landingStatus == 1 ? (
            this.state.authority.includes('sys:invoice:view') ? (
              <View style={{width: 60, margin: 10}}>
                <TouchableOpacity
                  style={styles.tapBtnBakCol}
                  onPress={() => {
                    this.getLandingStatus(2);
                  }}>
                  <Image
                    source={require('../../source/img/tax/invoiceSearch.png')}
                    style={styles.tapBtnImg}
                  />
                  <Text style={styles.tapBtnTips}>发票查询</Text>
                </TouchableOpacity>
              </View>
            ) : (
              <View />
            )
          ) : (
            <View style={{width: 60, margin: 10}}>
              <TouchableOpacity
                style={styles.tapBtnBakCol}
                onPress={() => {
                  this.getLandingStatus(2);
                }}>
                <Image
                  source={require('../../source/img/tax/invoiceSearch.png')}
                  style={styles.tapBtnImg}
                />
                <Text style={styles.tapBtnTips}>发票查询</Text>
              </TouchableOpacity>
            </View>
          )}
          {this.state.landingStatus == 1 ? (
            this.state.authority.includes('sys:hongchong:view') ? (
              <View style={{width: 60, margin: 10}}>
                <TouchableOpacity
                  style={styles.tapBtnBakCol}
                  onPress={() => {
                    this.getLandingStatus(3);
                  }}>
                  <Image
                    source={require('../../source/img/tax/hongchong.png')}
                    style={styles.tapBtnImg}
                  />
                  <Text style={styles.tapBtnTips}>发票红冲</Text>
                </TouchableOpacity>
              </View>
            ) : (
              <View />
            )
          ) : (
            <View style={{width: 60, margin: 10}}>
              <TouchableOpacity
                style={styles.tapBtnBakCol}
                onPress={() => {
                  this.getLandingStatus(3);
                }}>
                <Image
                  source={require('../../source/img/tax/hongchong.png')}
                  style={styles.tapBtnImg}
                />
                <Text style={styles.tapBtnTips}>发票红冲</Text>
              </TouchableOpacity>
            </View>
          )}
          {this.state.landingStatus == 1 ? (
            this.state.authority.includes('sys:invoice:claims') ? (
              <View style={{width: 60, margin: 10}}>
                <TouchableOpacity
                  style={styles.tapBtnBakCol}
                  onPress={() => {
                    this.getLandingStatus(4);
                  }}>
                  <Image
                    source={require('../../source/img/tax/fapiaoshenling.png')}
                    style={styles.tapBtnImg}
                  />
                  <Text style={styles.tapBtnTips}>发票申领</Text>
                </TouchableOpacity>
              </View>
            ) : (
              <View />
            )
          ) : (
            <View style={{width: 60, margin: 10}}>
              <TouchableOpacity
                style={styles.tapBtnBakCol}
                onPress={() => {
                  this.getLandingStatus(4);
                }}>
                <Image
                  source={require('../../source/img/tax/fapiaoshenling.png')}
                  style={styles.tapBtnImg}
                />
                <Text style={styles.tapBtnTips}>发票申领</Text>
              </TouchableOpacity>
            </View>
          )}
          {this.state.landingStatus == 1 ? (
            this.state.authority.includes('sys:invoice:add') ? (
              <View style={{width: 60, margin: 10}}>
                <TouchableOpacity
                  style={styles.tapBtnBakCol}
                  onPress={() => {
                    this.getLandingStatus(5);
                  }}>
                  <Image
                    source={require('../../source/img/homeImg/taxManagement.png')}
                    style={styles.tapBtnImg}
                  />
                  <Text style={styles.tapBtnTips}>扫码开票</Text>
                </TouchableOpacity>
              </View>
            ) : (
              <View />
            )
          ) : (
            <View style={{width: 60, margin: 10}}>
              <TouchableOpacity
                style={styles.tapBtnBakCol}
                onPress={() => {
                  this.getLandingStatus(5);
                }}>
                <Image
                  source={require('../../source/img/tax/saomakaipiao.png')}
                  style={styles.tapBtnImg}
                />
                <Text style={styles.tapBtnTips}>扫码开票</Text>
              </TouchableOpacity>
            </View>
          )}
          {this.state.landingStatus == 1 ? (
            this.state.authority.includes('sys:taitou:view') ? (
              <View style={{width: 60, margin: 10}}>
                <TouchableOpacity
                  style={styles.tapBtnBakCol}
                  onPress={() => {
                    this.getLandingStatus(6);
                  }}>
                  <Image
                    source={require('../../source/img/tax/taitou.png')}
                    style={styles.tapBtnImg}
                  />
                  <Text style={styles.tapBtnTips}>待开抬头开票</Text>
                </TouchableOpacity>
              </View>
            ) : (
              <View />
            )
          ) : (
            <View style={{width: 60, margin: 10}}>
              <TouchableOpacity
                style={styles.tapBtnBakCol}
                onPress={() => {
                  this.getLandingStatus(6);
                }}>
                <Image
                  source={require('../../source/img/tax/taitou.png')}
                  style={styles.tapBtnImg}
                />
                <Text style={styles.tapBtnTips}>待开抬头开票</Text>
              </TouchableOpacity>
            </View>
          )}
          {this.state.landingStatus == 1 ? (
            this.state.authority.includes('sys:taitou:view') ? (
              <View style={{width: 60, margin: 10}}>
                <TouchableOpacity
                  style={styles.tapBtnBakCol}
                  onPress={() => {
                    this.getLandingStatus(7);
                  }}>
                  <Image
                    source={require('../../source/img/homeImg/taxManagement.png')}
                    style={styles.tapBtnImg}
                  />
                  <Text style={styles.tapBtnTips}>购方开票</Text>
                </TouchableOpacity>
              </View>
            ) : (
              <View />
            )
          ) : (
            <View style={{width: 60, margin: 10}}>
              <TouchableOpacity
                style={styles.tapBtnBakCol}
                onPress={() => {
                  this.getLandingStatus(7);
                }}>
                <Image
                  source={require('../../source/img/homeImg/taxManagement.png')}
                  style={styles.tapBtnImg}
                />
                <Text style={styles.tapBtnTips}>购方开票</Text>
              </TouchableOpacity>
            </View>
          )}
        </View>
        <View
          style={{
            height: 30,
            justifyContent: 'center',
            marginLeft: 10,
            marginTop: 5,
          }}>
          <Text style={{color: '#999999'}}>客户服务</Text>
        </View>
        {this.state.landingStatus == 1 ? (
          this.state.authority.includes('sys:customer:view') ? (
            <View style={{width: 60, margin: 10}}>
              <TouchableOpacity
                style={styles.tapBtnBakCol}
                onPress={() => {
                  this.getLandingStatus(8);
                }}>
                <Image
                  source={require('../../source/img/tax/customer.png')}
                  style={styles.tapBtnImg}
                />
                <Text style={styles.tapBtnTips}>客户信息</Text>
              </TouchableOpacity>
            </View>
          ) : (
            <View />
          )
        ) : (
          <View style={{width: 60, margin: 10}}>
            <TouchableOpacity
              style={styles.tapBtnBakCol}
              onPress={() => {
                this.getLandingStatus(8);
              }}>
              <Image
                source={require('../../source/img/tax/customer.png')}
                style={styles.tapBtnImg}
              />
              <Text style={styles.tapBtnTips}>客户信息</Text>
            </TouchableOpacity>
          </View>
        )}
        <View
          style={{
            height: 30,
            justifyContent: 'center',
            marginLeft: 10,
            marginTop: 5,
          }}>
          <Text style={{color: '#999999'}}>企业信息</Text>
        </View>
        {this.state.landingStatus == 1 ? (
          this.state.authority.includes('sys:customer:view') ? (
            <View style={{width: 60, margin: 10}}>
              <TouchableOpacity
                style={styles.tapBtnBakCol}
                onPress={() => {
                  this.getLandingStatus(30);
                }}>
                <Image
                  source={require('../../source/img/tax/company.png')}
                  style={styles.tapBtnImg}
                />
                <Text style={styles.tapBtnTips}>企业信息</Text>
              </TouchableOpacity>
            </View>
          ) : (
            <View />
          )
        ) : (
          <View style={{width: 60, margin: 10}}>
            <TouchableOpacity
              style={styles.tapBtnBakCol}
              onPress={() => {
                this.getLandingStatus(30);
              }}>
              <Image
                source={require('../../source/img/tax/company.png')}
                style={styles.tapBtnImg}
              />
              <Text style={styles.tapBtnTips}>企业信息</Text>
            </TouchableOpacity>
          </View>
        )}
      </ScrollView>
    );
  }

  //加载数据
  componentDidMount() {
    this.getAuthority();
  }

  //判断是否登录
  getLandingStatus = async type => {
    const account = await RetrieveData('account');
    if (account) {
      if (type == 1) {
        this.props.navigation.navigate('invoice_product_list');
      }
      if (type == 2) {
        this.props.navigation.navigate('invoice_inquiry');
      }
      if (type == 3) {
        this.props.navigation.navigate('invoice_inquiry_red_rush');
      }
      if (type == 4) {
        this.props.navigation.navigate('invoice_application');
      }
      if (type == 5) {
        this.props.navigation.navigate('sweep_code_invoice');
      }
      if (type == 6) {
        this.props.navigation.navigate('invoice_head');
      }
      if (type == 7) {
        this.props.navigation.navigate('invoice_qrcode_product_list');
      }
      if (type == 8) {
        this.props.navigation.navigate('customer_information');
      }
      if (type == 30) {
        this.props.navigation.navigate('enterprise_information');
      }
    } else {
      this.props.navigation.navigate('login_head');
    }
  };

  //获取权限信息
  getAuthority = async () => {
    const authority = await RetrieveData('authority');
    if (authority) {
      this.setState({
        authority: authority,
        landingStatus: 1,
      });
    }
  };
}

const styles = StyleSheet.create({
  tapBtnBakCol: {
    flexDirection: 'column',
    alignItems: 'center',
  },
  tapBtnImg: {
    width: 53,
    height: 53,
  },
  tapBtnTips: {
    marginTop: 10,
    color: '#000',
  },
});