import React from 'react';
import { Radio, Icon, Button, AutoComplete,Cascader,Input, Select, Spin, Popconfirm, Table, Switch, message, DatePicker, Upload, Form,Tabs,Modal, Tag } from 'antd';
import ajax from 'jquery/src/ajax/xhr.js';
import $ from 'jquery/src/ajax';
import moment from 'moment';
import { citySelect, provinceList } from '@/NewDicProvinceList';
import AddIntention from './addIntention.jsx';
import { socialAttribute, industry, auditStatusL, lvl, currentMember } from '@/dataDic.js';
import ZhuanjiaoDetail from "@/zhuanjiaoDetail.jsx";
import {
  getSocialAttribute,
  beforeUploadFile,
  getLevel,
  ShowModal
} from "@/tools.js";
import FollowDetail from './followDetail.jsx'
import IntentionDetail from './intentionDetail/intentionDetail.jsx'
import ShowModalDiv from "@/showModal.jsx";
import './customer.less';
const {TabPane} = Tabs
const IntentionCustomer = Form.create()(
  React.createClass({
    loadData(pageNo, apiUrl) {
      this.setState({
        visitModul: false,
        loading: true,
        ispage: pageNo,
        modalVisible: false,
      });
      let api = apiUrl ? apiUrl : this.props.ApiUrl;
      $.ajax({
        method: "post",
        dataType: "json",
        crossDomain: false,
        url: globalConfig.context + api,
        data: {
          pageNo: pageNo || 1,
          pageSize: this.state.pagination.pageSize,
          level: this.state.level ? this.state.level : undefined,
          name: this.state.nameSearch,
          province: !this.state.addressSearch.length
            ? this.state.provinceSearch
            : this.state.addressSearch[0],
          city: !this.state.addressSearch.length
            ? ""
            : this.state.addressSearch[1],
          startDate: this.state.releaseDate[0],
          endDate: this.state.releaseDate[1],
        },
        success: function (data) {
          ShowModal(this);
          let theArr = [];
          if (data.error.length || data.data.list == "") {
            if (data.error && data.error.length) {
              message.warning(data.error[0].message);
            }
          } else {
            for (let i = 0; i < data.data.list.length; i++) {
              let thisdata = data.data.list[i];
              let diqu =
                (thisdata.province == null ? "" : thisdata.province) +
                (thisdata.city == null ? "" : "-" + thisdata.city) +
                (thisdata.area == null ? "" : "-" + thisdata.area);
              theArr.push({
                key: i,
                id: thisdata.uid,
                aid: thisdata.aid,
                name: thisdata.name,
                contacts: thisdata.contacts,
                contactMobile: thisdata.contactMobile,
                industry: thisdata.industry,
                societyTag: thisdata.societyTag,
                lastFollowTime:
                  thisdata.lastFollowTime &&
                  thisdata.lastFollowTime.split(" ")[0],
                transferTime:
                  thisdata.transferTime && thisdata.transferTime.split(" ")[0],
                surplusFollowTime:
                  thisdata.surplusFollowTime &&
                  thisdata.surplusFollowTime.split(" ")[0],
                surplusSignTime:
                  thisdata.surplusSignTime &&
                  thisdata.surplusSignTime.split(" ")[0],
                locationProvince: diqu,
                level: thisdata.level,
              });
            }
            this.state.pagination.current = data.data.pageNo;
            this.state.pagination.total = data.data.totalCount;
          }
          if (data.data && data.data.list && !data.data.list.length) {
            this.state.pagination.current = 0;
            this.state.pagination.total = 0;
          }
          this.setState({
            dataSource: theArr,
            pagination: this.state.pagination,
            selectedRowKeys: [],
          });
        }.bind(this),
      }).always(
        function () {
          this.setState({
            loading: false,
          });
        }.bind(this)
      );
    },
    //品类数据获取
    category() {
      $.ajax({
        method: "get",
        dataType: "json",
        crossDomain: false,
        url: globalConfig.context + "/api/admin/Varieties/getSuperList",
        data: {},
        success: function (data) {
          let thedata = data.data;
          let theArr = [];
          if (!thedata) {
            if (data.error && data.error.length) {
              message.warning(data.error[0].message);
            }
            thedata = {};
          } else {
            thedata.map(function (item, index) {
              theArr.push({
                value: item.id,
                key: item.cname,
              });
            });
          }
          this.setState({
            categoryArr: theArr,
          });
        }.bind(this),
      });
    },
    getInitialState() {
      return {
        addressSearch: [],
        orgCodeUrl: [],
        companyLogoUrl: [],
        visible: false,
        zhuanjiaoVisible: false,
        searchMore: true,
        releaseDate: [],
        categoryArr: [],
        visitModul: false,
        keys: false,
        detailApi: "",
        followData: {},
        selectedRowKeys: [],
        selectedRowKey: [],
        selectedRows: [],
        loading: false,
        modalVisible: false,
        pagination: {
          defaultCurrent: 1,
          defaultPageSize: 10,
          showQuickJumper: true,
          pageSize: 10,
          onChange: function (page) {
            this.loadData(page);
          }.bind(this),
          showTotal: function (total) {
            return "共" + total + "条数据";
          },
        },
        columns: [
          {
            title: "客户名称",
            dataIndex: "name",
            key: "name",
          },
          {
            title: "地区",
            dataIndex: "locationProvince",
            key: "locationProvince",
          },
          {
            title: "联系人",
            dataIndex: "contacts",
            key: "contacts",
          },
          {
            title: "联系电话",
            dataIndex: "contactMobile",
            key: "contactMobile",
          },
          {
            title: "社会性质",
            dataIndex: "societyTag",
            key: "societyTag",
            render: (text) => {
              return getSocialAttribute(text);
            },
          },
          {
            title: "客户初始时间",
            dataIndex: "transferTime",
            key: "transferTime",
          },
          {
            title: "剩余私有天数",
            dataIndex: "surplusFollowTime",
            key: "surplusFollowTime",
          },
          {
            title: "剩余签单天数",
            dataIndex: "surplusSignTime",
            key: "surplusSignTime",
          },
          {
            title: "最新跟进时间",
            dataIndex: "lastFollowTime",
            key: "lastFollowTime",
          },
          {
            title: "客户等级",
            dataIndex: "level",
            key: "level",
            render: (text) => {
              if(text == 0) {
                return