import React from 'react';
import Taro from '@tarojs/taro';
import { View, Button, Image } from '@tarojs/components';
import { logout } from '@/actions/auth';
import { getLogoutUrl } from '@/services/api';
import cfg from '../../config';
import { getState } from '../../store/globalState';
import './index.scss';
import headImg from '../../static/img/my/head.png';
import moreImg from '../../static/img/my/more.svg';
import pswdImg from '../../static/img/my/pswd.svg';
import reportImg from '../../static/img/my/report.svg';

import Common from '../../components/echartForWx/common'; // 如果这行删掉微信小程序编译就一直死循环，待解决

const { webUrl } = cfg;

const Index = ({ ...props }) => {
  const userInfo = Taro.getStorageSync('userInfo') || {};
  const isSuperAdmin = userInfo && userInfo.username === 'SuperAdmin' ? true : false

  const changePassword = () => {
    Taro.navigateTo({ url: '/packages/changePassword/index' })
  }

  const toMyReport = (kind) => {
    Taro.navigateTo({
      url: `/packages/patrolView/index?filter=my&kind=${kind}`
    })
  }

  const toPatrolReport = (kind) => {
    Taro.navigateTo({
      url: `/packages/patrol/index?type=edit&kind=${kind}`
    })
  }

  const onLogout = () => {
    Taro.showModal({
      title: '提示',
      content: '确定退出登录吗',
      success: function (res) {
        let token = getState('token') || Taro.getStorageSync('token')
        if (res.confirm) {
          logout(getLogoutUrl(), { token }).then(() => {
            Taro.reLaunch({
              url: '/pages/auth/login/login'
            });
          });
        }
      }
    })
  }

  return (
    <View className='page'>
      <View className='myBox'>
        <View className='my-top'>
          <Image className='my-portrait' src={headImg} />
          <View className='my-item'>
            <View className='my-username'>{userInfo.name}</View>
            <View className='my-phone'>{userInfo.phone}</View>
          </View>
        </View>
      </View>

      <View className='box' onClick={isSuperAdmin ? () => toPatrolReport('patrol') : () => toMyReport('patrol')}>
        <Image className='box-img' src={reportImg} />
        <View className='box-txt'>
          {isSuperAdmin ? '巡查上报' : '我的上报'}
        </View>
        <Image className='img' src={moreImg} />
      </View>

      <View className='box' onClick={isSuperAdmin ? () => toPatrolReport('road') : () => toMyReport('road')}>
        <Image className='box-img' src={reportImg} />
        <View className='box-txt'>
          {isSuperAdmin ? '在建道路上报' : '在建道路'}
        </View>
        <Image className='img' src={moreImg} />
      </View>

      <View className='box' onClick={isSuperAdmin ? () => toPatrolReport('anomaly') : () => toMyReport('anomaly')}>
        <Image className='box-img' src={reportImg} />
        <View className='box-txt'>
          {isSuperAdmin ? '异常反馈上报' : '异常反馈'}
        </View>
        <Image className='img' src={moreImg} />
      </View>

      <View className='box' onClick={changePassword} style={{ marginTop: '2rpx' }}>
        <Image className='box-img' src={pswdImg} />
        <View className='box-txt'>修改密码</View>
        <Image className='img' src={moreImg} />
      </View>

      <View className='logout' onClick={onLogout}>退出登录</View>

    </View>
  );
}
export default Index;