import React from 'react';
import { Tag, Tooltip, Radio, Icon, Button, AutoComplete, Cascader, Input, Select, Spin, Popconfirm, Table, Switch, message, Calendar, DatePicker, Upload, Form, Modal, Tabs, Card } from 'antd';
import ajax from 'jquery/src/ajax/xhr.js';
import $ from 'jquery/src/ajax';
import Jquery from 'jquery/dist/jquery.js';
import moment from 'moment';
import MainBusinessLog from './mainBusinessLog';
import ChangeMainProducts from './ChangeMainProducts';
import PDF from 'react-pdf';
import 'viewer/dist/crocodoc.viewer.css';
import TechAchievementDesc from '@/manageCenter/achievement/crmAchievement.jsx';
import { citySelect, provinceList, areaSelect } from '@/NewDicProvinceList';
import { socialAttribute, industry, auditStatusL, lvl, currentMember, slcRedit, dataGrade, year, xiangmoState } from '@/dataDic.js';
import {
  getSocialAttribute,
  beforeUploadFile,
  splitUrl,
  getSlcRedit,
  getDataGrade,
  getAchievementCategory,
  getTechAuditStatus,
  getboutique,
  getPreviews,
  getPreview,
  getXiangmoState,
  ShowModal,
  onReplace,
} from "@/tools.js";
import './customer.less';
const TabPane = Tabs.TabPane;
import ShowModalDiv from "@/showModal.jsx";
import ImgList from "../../../../common/imgList";
import { ChooseList } from "../../../order/orderNew/chooseList";
import EnterpriseNameChange from "../../../../common/enterpriseNameChange";
import TextArea from "antd/es/input/TextArea";
const Dragger = Upload.Dragger;
//图片组件
const PicturesWall = React.createClass({
  getInitialState() {
    return {
      previewVisible: false,
      previewImage: '',
      fileList: [],
    }
  },
  handleCancel() {
    this.setState({
      previewVisible: false
    })
  },
  handlePreview(file) {
    this.setState({
      previewImage: file.url || file.thumbUrl,
      previewVisible: true,
    });
  },
  handleChange(info) {
    let fileList = info.fileList;
    this.setState({
      fileList
    });
    this.props.fileList(fileList);
  },
  componentWillReceiveProps(nextProps) {
    this.state.fileList = nextProps.pictureUrl;
    this.state.pojectApplicationUrl = undefined;
  },
  render() {
    const {
      previewVisible,
      previewImage,
      fileList
    } = this.state;
    const uploadButton = (
      <div>
        <Icon type="plus" />
        <div className="ant-upload-text">点击上传</div>
      </div>
    );
    return (
      <div style={{ display: "inline-block" }}>
        <ImgList
          domId={this.props.domId}
          uploadConfig={{
            action: globalConfig.context + "/api/admin/customer/uploadCustomerImg",
            data: { 'sign': '' },
            multiple: true,
            listType: "picture-card",
          }}
          onChange={(infor) => {
            this.handleChange(infor)
          }}
          fileList={fileList}
        />
      </div>
    );
  }
});
const IntentionCustomer = Form.create()(React.createClass({
  loadData(pageNo, apiUrl) {
    this.setState({
      visitModul: false,
      loading: true,
      ispage: pageNo,
      modalVisible: false
    });
    let url = this.props.isMaintain ? '/api/admin/customer/mainProductsList' : "/api/admin/customer/listCustomerInformation";
    let data = {
      pageNo: pageNo || 1,
      pageSize: this.state.pagination.pageSize,
      businessScope: this.state.businessScope,
      dataGrade: this.state.dataGrade,
      follow: this.state.follow,
      province: !(this.state.addressSearch).length ? this.state.provinceSearch : this.state.addressSearch[0],
      city: !(this.state.addressSearch).length ? undefined : this.state.addressSearch[1],
    }
    if (this.props.isMaintain) {
      data.shiroType = this.props.shiroType;
      data.userName = this.state.nameSearch || undefined;
      data.adminName = this.state.adminName || undefined;
      data.key = this.state.productKeyword || undefined;
      data.startTime = this.state.releaseDate[0] || undefined;
      data.endTime = this.state.releaseDate[1] || undefined;
      data.depId = this.state.depId || undefined;
      data.shareType = isNaN(parseInt(this.state.shareType)) ? undefined : this.state.shareType
    } else {
      data.name = this.state.nameSearch;
      data.startDate = this.state.releaseDate[0];
      data.endDate = this.state.releaseDate[1];
    }
    $.ajax({
      method: this.props.isMaintain ? 'get' : "post",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + url,
      data,
      success: function (data) {
        ShowModal(this);
        if (data.error.length === 0) {
          let theArr = [];
          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);
            thisdata.key = i;
            thisdata.diqu = diqu;
            thisdata.dataGrade = thisdata.dataGrade ? (thisdata.dataGrade * 100).toFixed(2) + "%" : "";
            theArr.push(thisdata);
          };
          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,
            pageNo: data.data.pageNo,
            pagination: this.state.pagination,
            selectedRowKeys: []
          });
        } else {
          message.warning(data.error[0].message);
        }
      }.bind(this),
    }).always(function () {
      this.setState({
        loading: false
      });
    }.bind(this));
  },
  loadDatas(pageNos) {
    this.setState({
      loading: true,
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/achievement/listUserAchievement",
      data: {
        pageNo: pageNos || 1,
        pageSize: this.state.paginationDate.pageSize,
        uid: this.state.uid,
      },
      success: function (data) {
        let theArr = [];
        if (!data.data || !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];
            theArr.push({
              key: i,
              id: thisdata.id,
              serialNumber: thisdata.serialNumber,
              dataCategory: thisdata.dataCategory,
              name: thisdata.name,
              keyword: thisdata.keyword,
              theName: thisdata.username || thisdata.ownerName,
              category: thisdata.category,
              ownerName: thisdata.username ? thisdata.username : thisdata.ownerName,
              ownerType: thisdata.ownerType,
              ownerMobile: thisdata.ownerMobile,
              status: thisdata.status,
              releaseDate: thisdata.releaseDate,
              releaseDateFormattedDate: thisdata.releaseDateFormattedDate,
              auditStatus: thisdata.auditStatus,
              boutique: thisdata.boutique,
              hot: thisdata.hot,
              techBrokerId: thisdata.techBrokerId,
              createTimeFormattedDate: thisdata.createTimeFormattedDate,
              remark: thisdata.remark
            });
          };
          this.state.paginationDate.current = data.data.pageNo;
          this.state.paginationDate.total = data.data.totalCount;
        };
        this.setState({
          dataSourceDate: theArr,
          pageNos: pageNos,
          paginationDate: this.state.paginationDate
        });
      }.bind(this),
    }).always(function () {
      this.setState({
        loading: false
      });
    }.bind(this));
  },
  loadDatac(pageNo, apiUrl) {
    this.setState({
      loading: true,
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/customers/selectListOrgAnnual",
      data: {
        //				pageNo: pageNo || 1,
        //				pageSize: this.state.pagination.pageSize,
        uid: this.state.uid,
      },
      success: function (data) {
        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.id,//年报ID
              uid: thisdata.uid,//客户ID
              year: thisdata.year,//年份
              salesAmount: thisdata.salesAmount,//营销额
              researchAmount: thisdata.researchAmount,//研发费用
              assets: thisdata.assets,//总资产
              fixedAssets: thisdata.fixedAssets,//固定资产
              aid: thisdata.aid,//录入人
            });
          };
          //					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({
          dataSourcec: theArr,
          //					pageNo: pageNo,
          //					pagination: this.state.pagination,
          //					selectedRowKeys:[]
        });
      }.bind(this),
    }).always(function () {
      this.setState({
        loading: false
      });
    }.bind(this));
  },
  loadDatax(pageNo, apiUrl) {
    this.setState({
      loading: true,
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/customers/selectListOrgYearProject",
      data: {
        uid: this.state.uid,
      },
      success: function (data) {
        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.id,//用户ID
              uid: thisdata.uid,//客户ID
              projectName: thisdata.projectName,//项目名称
              year: thisdata.year,//年份
              status: thisdata.status ? thisdata.status.toString() : "",//项目状态
              remark: thisdata.remark,//备注
              aid: thisdata.aid,//录入人
            });
          };
          //					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({
          dataSourcex: theArr,
        });
      }.bind(this),
    }).always(function () {
      this.setState({
        loading: false
      });
    }.bind(this));
  },
  getInitialState() {
    return {
      businessScope: [],
      departmentArr: [],
      inputVisible: false,
      inputValue: '',
      salesTarget: [],
      inputVisible1: false,
      inputValue1: '',
      pdfUrl: '',
      addressSearch: [],
      orgCodeUrl: [],
      companyLogoUrl: [],
      visible: false,
      releaseDate: [],
      visitModul: false,
      detailApi: '',
      followData: {},
      selectedRowKeys: [],
      selectedRows: [],
      loading: false,
      callnub: "0",
      pojectApplicationUrl: "",
      isXian: 0,
      modalVisible: false,
      numPages: null,
      pageNumber: 1,
      pagec: 0,
      pages: 18,
      mainProductsArr: '',
      isXin: 1,
      pagination: {
        defaultCurrent: 1,
        defaultPageSize: 10,
        showQuickJumper: true,
        pageSize: 10,
        onChange: function (page) {
          this.loadData(page);
        }.bind(this),
        showTotal: function (total) {
          return '共' + total + '条数据';
        }
      },
      paginationDate: {
        defaultCurrent: 1,
        defaultPageSize: 10,
        showQuickJumper: true,
        pageSize: 10,
        onChange: function (page) {
          this.loadDatas(page);
        }.bind(this),
        showTotal: function (total) {
          return '共' + total + '条数据';
        }
      },
      changeMainProductsArr: [],
      adminMaintainColumns: [
        {
          title: '客户名称',
          dataIndex: 'userName',
          key: 'userName',
          width: 200,
          render: text => {
            return (
              <Tooltip title={onReplace(text)}>
                <div
                  // style={{
                  //   maxWidth: '200px',
                  //   overflow: 'hidden',
                  //   textOverflow: "ellipsis",
                  //   whiteSpace: 'nowrap',
                  // }}
                >{onReplace(text)}</div>
              </Tooltip>
            )
          }
        },
        {
          title: '地区',
          dataIndex: 'province',
          key: 'province',
        },
        {
          title: '客户类型',
          dataIndex: 'shareType',
          key: 'shareType',
          width: 80,
          render: (text) => {
            return (
              text === 0 ? '私有客户' :
                text === 1 ? '公共客户' :
                  text === 2 ? '签单客户' :
                    text === 3 ? '外联客户' : ''
            )
          }
        },
        {
          title: '主营产品',
          dataIndex: 'businessScope',
          key: 'businessScope',
          width: 250,
          render: (text) => {
            return (
              <Tooltip title={text}>
                <div style={{
                  maxWidth: '250px',
                  overflow: 'hidden',
                  textOverflow: "ellipsis",
                  whiteSpace: 'nowrap',
                  cursor: 'pointer'
                }}>{text}</div>
              </Tooltip>
            )
          }
        },
        {
          title: '所属人',
          dataIndex: 'adminName',
          key: 'adminName',
        },
        {
          title: '所属部门',
          dataIndex: 'depName',
          key: 'depName',
        },
        {
          title: '更新人',
          dataIndex: 'updateName',
          key: 'updateName',
        },
        {
          title: '更新时间',
          dataIndex: 'dateUpdateTimes',
          key: 'dateUpdateTimes',
          width: 130,
        },
        {
          title: '操作',
          dataIndex: 'uid',
          key: 'uid',
          render: text => {
            return (
              <div>
                {this.props.shiroType !== 2 && <Button type="primary">修改</Button>}
                <Button onClick={(e) => {
                  e.stopPropagation();
                  this.setState({
                    mainBusinessLogVisible: true,
                    mainBusinessUid: text
                  })
                }} type="primary" style={{ marginLeft: '10px' }}>主营日志</Button>
              </div>
            )
          }
        }
      ],
      maintainColumns: [
        {
          title: '客户名称',
          dataIndex: 'userName',
          key: 'userName',
          width: 200,
          render: text => {
            return (
              <Tooltip title={text}>
                <div 
                // style={{
                //   maxWidth: '200px',
                //   overflow: 'hidden',
                //   textOverflow: "ellipsis",
                //   whiteSpace: 'nowrap',
                // }}
                >{text}</div>
              </Tooltip>
            )
          }
        },
        {
          title: '主营产品',
          dataIndex: 'businessScope',
          key: 'businessScope',
          width: 250,
          className: 'crmBusinessScope',
          render: (text, record) => {
            return (
              <Popconfirm
                visible={record.visible}
                title={<div>
                  <div style={{ paddingBottom: '5px' }}>
                    主营产品
                    <span style={{ color: "#F00" }}>(请以"/"分割)</span>
                  </div>
                  <TextArea style={{ width: '300px', height: '100px' }} value={this.state.mainProductsArr} onChange={(e) => {
                    this.setState({
                      mainProductsArr: e.target.value
                    })
                  }} />
                </div>}
                onConfirm={(e) => {
                  this.updateUserBusinessScope(record)
                }}
                onCancel={(e) => {
                  this.state.dataSource[record.key].visible = false;
                  this.setState({
                    dataSource: this.state.dataSource,
                    mainProductsArr: '',
                  })
                }}
                okText="确认"
                cancelText="取消"
              >
                <Tooltip title={text}>
                  <div className='content' onClick={(e) => {
                    e.stopPropagation();
                    this.state.dataSource[record.key].visible = true;
                    this.setState({
                      dataSource: this.state.dataSource,
                      mainProductsArr: record.businessScope ? record.businessScope.split(',').join('/') : ''
                    })
                  }}><div className='text'>{text}</div></div>
                </Tooltip>
              </Popconfirm>
            )
          }
        },
        {
          title: '初始时间',
          dataIndex: 'transferTimes',
          key: 'transferTimes',
          width: 130,
        },
        {
          title: '更新人',
          dataIndex: 'updateName',
          key: 'updateName',
        },
        {
          title: '更新时间',
          dataIndex: 'dateUpdateTimes',
          key: 'dateUpdateTimes',
          width: 130,
        },
        {
          title: '操作',
          dataIndex: 'uid',
          key: 'uid',
          render: (text, record) => {
            return (
              <div>
                {this.props.shiroType !== 2 && <Button type="primary" onClick={(e) => {
                  e.stopPropagation();
                  let arr = this.state.dataSource.filter(v => v.visible);
                  if (arr.length !== 0) {
                    this.state.dataSource[arr[0].key].visible = false;
                  }
                  this.state.dataSource[record.key].visible = true;
                  this.setState({
                    dataSource: this.state.dataSource,
                    mainProductsArr: record.businessScope ? record.businessScope.split(',').join('/') : ''
                  })
                }}>修改</Button>}
                <Button onClick={(e) => {
                  e.stopPropagation();
                  this.setState({
                    mainBusinessLogVisible: true,
                    mainBusinessUid: text
                  })
                }} type="primary" style={{ marginLeft: '10px' }}>主营日志</Button>
              </div>
            )
          }
        }
      ],
      maintainColumnsYXY: [
        {
          title: '客户名称',
          dataIndex: 'userName',
          key: 'userName',
          width: 200,
          render: text => {
            return (
              <Tooltip title={text}>
                <div 
                // style={{
                //   maxWidth: '200px',
                //   overflow: 'hidden',
                //   textOverflow: "ellipsis",
                //   whiteSpace: 'nowrap',
                // }}
                >{text}</div>
              </Tooltip>
            )
          }
        },
        {
          title: '客户类型',
          dataIndex: 'shareType',
          key: 'shareType',
          width: 80,
          render: (text) => {
            return (
              text === 0 ? '私有客户' :
                text === 1 ? '公共客户' :
                  text === 2 ? '签单客户' :
                    text === 3 ? '外联客户' : ''
            )
          }
        },
        {
          title: '主营产品',
          dataIndex: 'businessScope',
          key: 'businessScope',
          width: 250,
          className: 'crmBusinessScope',
          render: (text, record) => {
            return (
              <Popconfirm
                visible={record.visible}
                title={<div>
                  <div style={{ paddingBottom: '5px' }}>
                    主营产品
                    <span style={{ color: "#F00" }}>(请以"/"分割)</span>
                  </div>
                  <TextArea style={{ width: '300px', height: '100px' }} value={this.state.mainProductsArr} onChange={(e) => {
                    this.setState({
                      mainProductsArr: e.target.value
                    })
                  }} />
                </div>}
                onConfirm={(e) => {
                  this.updateUserBusinessScope(record)
                }}
                onCancel={(e) => {
                  this.state.dataSource[record.key].visible = false;
                  this.setState({
                    dataSource: this.state.dataSource,
                    mainProductsArr: '',
                  })
                }}
                okText="确认"
                cancelText="取消"
              >
                <Tooltip title={text}>
                  <div className='content' onClick={(e) => {
                    e.stopPropagation();
                    let arr = this.state.dataSource.filter(v => v.visible);
                    if (arr.length !== 0) {
                      this.state.dataSource[arr[0].key].visible = false;
                    }
                    this.state.dataSource[record.key].visible = true;
                    this.setState({
                      dataSource: this.state.dataSource,
                      mainProductsArr: record.businessScope ? record.businessScope.split(',').join('/') : ''
                    })
                  }}><div className='text'>{text}</div></div>
                </Tooltip>
              </Popconfirm>
            )
          }
        },
        {
          title: '初始时间',
          dataIndex: 'transferTimes',
          key: 'transferTimes',
          width: 130,
        },
        {
          title: '更新人',
          dataIndex: 'updateName',
          key: 'updateName',
        },
        {
          title: '更新时间',
          dataIndex: 'dateUpdateTimes',
          key: 'dateUpdateTimes',
          width: 130,
        },
        {
          title: '操作',
          dataIndex: 'uid',
          key: 'uid',
          render: (text, record) => {
            return (
              <div>
                {this.props.shiroType !== 2 && <Button type="primary" onClick={(e) => {
                  e.stopPropagation();
                  let arr = this.state.dataSource.filter(v => v.visible);
                  if (arr.length !== 0) {
                    this.state.dataSource[arr[0].key].visible = false;
                  }
                  this.state.dataSource[record.key].visible = true;
                  this.setState({
                    dataSource: this.state.dataSource,
                    mainProductsArr: record.businessScope ? record.businessScope.split(',').join('/') : ''
                  })
                }}>修改</Button>}
                <Button onClick={(e) => {
                  e.stopPropagation();
                  this.setState({
                    mainBusinessLogVisible: true,
                    mainBusinessUid: text
                  })
                }} type="primary" style={{ marginLeft: '10px' }}>主营日志</Button>
              </div>
            )
          }
        }
      ],
      columns: [{
        title: '客户名称',
        dataIndex: 'name',
        key: 'name',
        width: 200,
        render: text => {
          return (
            <Tooltip title={text}>
              <div 
              // style={{
              //   maxWidth: '200px',
              //   overflow: 'hidden',
              //   textOverflow: "ellipsis",
              //   whiteSpace: 'nowrap',
              // }}
              >{text}</div>
            </Tooltip>
          )
        }
      }, {
        title: '地区',
        dataIndex: 'diqu',
        key: 'diqu',
      }, {
        title: '联系人',
        dataIndex: 'contacts',
        key: 'contacts',
      }, {
        title: '联系电话',
        dataIndex: 'contactMobile',
        key: 'contactMobile',
      },
      {
        title: '资料完整度',
        dataIndex: 'dataGrade',
        key: 'dataGrade',

      },
      {
        title: '行业',
        dataIndex: 'industry',
        key: 'industry'
      },

      {
        title: '创建时间',
        dataIndex: 'createTime',
        key: 'createTime',
        width: 130,
      }
      ],
      data: [],
      dataSource: [],
      columnsDate: [
        {
          title: '编号',
          dataIndex: 'serialNumber',
          key: 'serialNumber',
        }, {
          title: '名称',
          dataIndex: 'name',
          key: 'name',
        }, {
          title: '关键字',
          dataIndex: 'keyword',
          key: 'keyword',
        }, {
          title: '类型',
          dataIndex: 'category',
          key: 'category',
          render: text => { return getAchievementCategory(text); }
        }, {
          title: '审核状态',
          dataIndex: 'auditStatus',
          key: 'auditStatus',
          render: text => { return getTechAuditStatus(text) }
        },
        {
          title: '是否精品',
          dataIndex: 'boutique',
          key: 'boutique',
          render: text => { return getboutique(text) }
        },
        {
          title: '发布时间',
          dataIndex: 'releaseDateFormattedDate',
          key: 'releaseDateFormattedDate',
        }, {
          title: '录入时间',
          dataIndex: 'createTimeFormattedDate',
          key: 'createTimeFormattedDate',
        },
      ],
      dataSourceDate: [],
      columnsc: [{
        title: '年份',
        dataIndex: 'year',
        key: 'year',
      }, {
        title: '营销收入(万)',
        dataIndex: 'salesAmount',
        key: 'salesAmount',
      },
      {
        title: '总资产(万)',
        dataIndex: 'assets',
        key: 'assets'
      },
      {
        title: '固定资产(万)',
        dataIndex: 'fixedAssets',
        key: 'fixedAssets'
      }, {
        title: '研发费用(万)',
        dataIndex: 'researchAmount',
        key: 'researchAmount',
      }, {
        title: '操作',
        dataIndex: 'rrtk',
        key: 'rrtk',
        render: (text, record, index) => {
          return (
            <div>
              <Popconfirm title={'您将删除该条财务信息，请确认！'} onConfirm={(e) => { this.deltalc(record) }} okText="确认" cancelText="取消">
                <Button style={{ marginRight: '5px' }} onClick={(e) => { e.stopPropagation() }} type="danger">删除</Button>
              </Popconfirm>
            </div>
          )
        }
      }
      ],
      dataSourcec: [],
      columnsx: [{
        title: '项目名称',
        dataIndex: 'projectName',
        key: 'projectName',
      }, {
        title: '年份',
        dataIndex: 'year',
        key: 'year',
      },
      {
        title: '项目状态',
        dataIndex: 'status',
        key: 'status',
        render: text => { return getXiangmoState(text); }
      }, {
        title: '备注',
        dataIndex: 'remark',
        key: 'remark',
      }, {
        title: '操作',
        dataIndex: 'rrtk',
        key: 'rrtk',
        render: (text, record, index) => {
          return (
            <div>
              <Popconfirm title={'您将删除该项目，请确认！'} onConfirm={(e) => { this.deltalx(record) }} okText="确认" cancelText="取消">
                <Button style={{ marginRight: '5px' }} onClick={(e) => { e.stopPropagation() }} type="danger">删除</Button>
              </Popconfirm>
            </div>
          )
        }
      }
      ],
      dataSourcex: [],
    };
  },
  handleClose(removedTag) {
    let businessScope = this.state.businessScope.filter(tag => { return tag !== removedTag });
    this.setState({ businessScope });
  },

  showInput() {
    let str = this.state.businessScope.join('/')
    this.setState({
      inputVisible: true,
      inputValue: str
    });
  },

  handleInputChange(e) {
    this.setState({ inputValue: e.target.value });
  },

  updateUserBusinessScope(record) {
    let lv = true;
    let arr = this.state.mainProductsArr.split('/');
    for (let i of arr) {
      if (i.length > 16) {
        message.warning('单个标签字数不能超过16个字符')
        lv = false;
        return;
      }
    }
    if (!lv) { return; }
    let loading = message.loading('加载中...')
    arr = Array.from(new Set(arr));
    arr = arr.filter(v => v);
    let str = this.state.mainProductsArr ? arr.join(',') : ''
    $.ajax({
      method: "post",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/customer/updateUserBusinessScope",
      data: {
        id: record.id,
        businessScope: str
      },
      success: function (data) {
        if (data.error.length === 0) {
          message.success('修改成功');
          this.state.dataSource[record.key].visible = false;
          this.state.dataSource[record.key].businessScope = str;
          this.setState({
            dataSource: this.state.dataSource,
            mainProductsArr: '',
          })
        } else {
          message.warning(data.error[0].message);
        }
      }.bind(this),
    }).always(function () {
      loading();
    }.bind(this));
  },

  handleInputConfirm() {
    const state = this.state;
    const inputValue = state.inputValue;
    let arr = inputValue.split('/');
    let lv = true;
    for (let i of arr) {
      if (i.length > 16) {
        message.warning('单个标签字数不能超过16个字符')
        lv = false;
        return;
      }
    }
    if (lv) {
      arr = Array.from(new Set(arr));
      arr = arr.filter(v => v);
      this.setState({
        businessScope: arr,
        inputVisible: false,
        inputValue: '',
      });
    }
  },
  handleClose1(removedTag) {
    const salesTarget = this.state.salesTarget.filter(tag => tag !== removedTag);
    this.setState({ salesTarget });
  },

  showInput1() {
    this.setState({ inputVisible1: true }, () => this.input1.focus());
  },

  handleInputChange1(e) {
    this.setState({ inputValue1: e.target.value });
  },

  handleInputConfirm1() {
    const state = this.state;
    const inputValue = state.inputValue1;
    let salesTarget = state.salesTarget;
    if (inputValue.length > 16) {
      message.warning('标签字数不能超过16个字符')
      return;
    }
    let arr = inputValue.split(',');
    for (let i of arr) {
      if (i && salesTarget.indexOf(i) === -1) {
        salesTarget = [...salesTarget, i];
      }
      this.setState({
        salesTarget,
        inputVisible1: false,
        inputValue1: '',
      });
    }
  },
  componentWillMount() {
    //城市
    let Province = [];
    provinceList.map(function (item) {
      var id = String(item.id)
      Province.push(
        <Select.Option value={id} key={item.name}>{item.name}</Select.Option>
      )
    });
    //行业
    let intentionalArr = [];
    industry.map(function (item) {
      intentionalArr.push(
        <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
      )
    });
    //会员等级
    let lvlArr = [];
    lvl.map(function (item) {
      lvlArr.push(
        <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
      )
    });
    //会员状态customerStatus
    let currentMemberArr = [];
    currentMember.map(function (item) {
      currentMemberArr.push(
        <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
      )
    });
    this.state.Provinces = Province;
    this.state.intentionalOption = intentionalArr;
    this.state.lvlArrOption = lvlArr;
    this.state.currentMemberArrOption = currentMemberArr;
    this.loadData();
    this.departmentList();
  },
  search() {
    this.loadData();
  },
  reset() {
    this.setState({
      nameSearch: '',
      adminName: '',
      productKeyword: '',
      businessScope: [],
      addressSearch: [],
      dataGrade: undefined,
      follow: undefined,
      provinceSearch: undefined,
      shareType: undefined,
      depId: undefined,
      citySearch: undefined,
      releaseDate: []
    }, () => {
      this.loadData();
    })
  },
  resetc() {
    this.state.id = undefined;//年报ID
    this.state.assets = undefined;//总资产
    this.state.fixedAssets = undefined;//固定资产
    this.state.researchAmount = undefined;//研发费用
    this.state.salesAmount = undefined;//销售额
    this.state.year = undefined;//年份清零

  },
  resetx() {
    this.state.id = undefined;//年报ID
    this.state.projectName = undefined;//项目名称
    this.state.status = undefined;//项目状态
    this.state.remark = undefined;//备注
    this.state.year = undefined;//年份清零

  },
  //列表详情
  details(id) {
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/customer/findOrganizationCustomerDetail",
      data: {
        uid: id
      },
      success: function (data) {
        let thisDetail = data.data;
        if (data.error.length || data.data.list == "") {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message);
          };
        } else {
          let ProvinceCityArr = [];
          let ProvinceS = thisDetail.locationProvince; //省
          let citys = thisDetail.locationCity;//市
          let Areas = thisDetail.locationArea;//区
          ProvinceCityArr.push(ProvinceS, citys, Areas);
          this.setState({
            detailId: thisDetail.id,//详情ID
            identifyName: thisDetail.identifyName,//客户名称
            uid: thisDetail.uid,//客户ID
            societyTag: thisDetail.societyTag,//社会标签
            companyLogoUrl: thisDetail.companyLogoUrl ? splitUrl(thisDetail.companyLogoUrl, ',', globalConfig.avatarHost + '/upload') : [],//公司LOGO
            introduction: thisDetail.introduction,//介绍
            industry: thisDetail.industry ? thisDetail.industry.toString() : "",//行业
            locationProvince: thisDetail.locationProvince,//省
            locationCity: thisDetail.locationCity,//市
            locationArea: thisDetail.locationArea,//区
            ProvinceCity: ProvinceCityArr[0] != null ? ProvinceCityArr : undefined,//省市区
            postalAddress: thisDetail.postalAddress,//通讯地址
            contactsFixedTel: thisDetail.contactsFixedTel,//固定电话
            contactsFax: thisDetail.contactsFax,//传真地址
            registeredCapital: thisDetail.registeredCapital,//注册资金
            enterpriseScale: thisDetail.enterpriseScale,//企业规模
            legalPerson: thisDetail.legalPerson,//法人
            legalPersonIdCard: thisDetail.legalPersonIdCard,//法人身份证
            legalPersonTel: thisDetail.legalPersonTel,//法人联系电话
            legalPersonEmail: thisDetail.legalPersonEmail,//法人联系邮箱
            highTechZone: thisDetail.highTechZone,//是否高新
            listed: thisDetail.listed,//是否高新
            international: thisDetail.international,//是否国际化
            orgCode: thisDetail.orgCode,//社会统一机构
            orgCodeUrl: thisDetail.orgCodeUrl ? splitUrl(thisDetail.orgCodeUrl, ',', globalConfig.avatarHost + '/upload') : [],//社会统一机构地址
            businessScope: thisDetail.businessScope ? thisDetail.businessScope.split(',').filter((v) => v) : [],//业务范围
            salesTarget: thisDetail.salesTarget ? thisDetail.salesTarget.split(',').filter((v) => v) : [],//销售目标企业
            contacts: thisDetail.contacts,//主要联系人姓名
            contactMobile: thisDetail.contactMobile,//主要联系人电话
            investment: thisDetail.investment,//投资机构
            businessAudit: thisDetail.businessAudit,//业务认证
            auditStatus: thisDetail.auditStatus,//实名认证
            intellectualProperty: thisDetail.intellectualProperty,//已有知识产权情况
            yearSalesAmount: thisDetail.yearSalesAmount,//年度销售额
            lastYearResearchAmount: thisDetail.lastYearResearchAmount,//上年度研发费用
            assets: thisDetail.assets,//总资产
            qualification: thisDetail.qualification,//企业资质情况
            cooperationSituation: thisDetail.cooperationSituation,//企业与高校院所
            informationMaintainer: thisDetail.informationMaintainer,//资料维护人
            informationMaintainerName: thisDetail.informationMaintainerName,//资料维护人
            coreTechnology: thisDetail.coreTechnology,//核心技术
            accomplishSituation: thisDetail.accomplishSituation,//客户已完成项目情况
            creditRating: thisDetail.creditRating ? thisDetail.creditRating.toString() : "",//信用等级
            pojectApplicationUrl: thisDetail.pojectApplicationUrl,//文件地址
          });
        }
      }.bind(this),
    }).always(function () {
      this.setState({
        loading: false
      });
    }.bind(this));
  },
  //基本信息提交
  newSubmit(e) {
    e.preventDefault();
    if (!this.state.industry) {
      message.warning('请选择行业');
      return false;
    };
    if (!this.state.societyTag && !this.props.isMaintain) {
      message.warning('请选择社会属性');
      return false;
    };
    if (!this.state.ProvinceCity[1] && !this.props.isMaintain) {
      message.warning('请选择地区');
      return false;
    };
    if (!this.state.registeredCapital && !this.props.isMaintain) {
      message.warning('请填写注册资本');
      return false;
    };
    if (this.state.businessScope.length <= 0) {
      message.warning('请填写公司主营产品');
      return false;
    };
    if (this.state.salesTarget.length <= 0 && !this.props.isMaintain) {
      message.warning('请填写销售目标企业');
      return false;
    };
    var reg = /^[1-9]\d*$|^0$/;
    if (this.state.consultationPrice) {
      if (this.state.consultationPrice.length > 6) {
        message.warning('咨询费用不超过6位数');
        this.refs.consul.focus();
        return false;
      };
      if (!reg.test(this.state.consultationPrice)) {
        message.warning('咨询费用只能输入数字');
        this.refs.consul.focus();
        return false;
      }
    }

    this.state.data = [];
    this.setState({
      selectedRowKeys: [],
    });

    let theorgCodeUrl = [];
    if (this.state.orgCodeUrl.length) {
      let picArr = [];
      this.state.orgCodeUrl.map(function (item) {
        if (item.response && item.response.data && item.response.data.length) {
          picArr.push(item.response.data);
        }
      });
      theorgCodeUrl = picArr.join(",");
    };
    let thecompanyLogoUrl = [];
    if (this.state.companyLogoUrl.length) {
      let picArr = [];
      this.state.companyLogoUrl.map(function (item) {
        if (item.response && item.response.data && item.response.data.length) {
          picArr.push(item.response.data);
        }
      });
      thecompanyLogoUrl = picArr.join(",");
    };
    let years = [];
    let yearMonth = this.state.yearMonth != undefined ? new Date(this.state.yearMonth).toLocaleDateString() : '';
    years = yearMonth.split('/');
    this.setState({
      loading: true
    });
    $.ajax({
      method: "post",
      dataType: "json",
      url: globalConfig.context + '/api/admin/customer/updateOrganizationCustomer',
      data: {
        id: this.state.detailId,//详情ID
        identifyName: this.state.identifyName,//客户名称
        uid: this.state.uid,//客户ID
        societyTag: this.state.societyTag,//社会标签
        companyLogoUrl: thecompanyLogoUrl.length != 0 ? thecompanyLogoUrl : '',//公司LOGO
        introduction: this.state.introduction,//介绍
        industry: this.state.industry,//行业
        locationProvince: (this.state.ProvinceCity)[0],//省
        locationCity: (this.state.ProvinceCity)[1],//市
        locationArea: (this.state.ProvinceCity)[2],//区
        postalAddress: this.state.postalAddress,//通讯地址
        contactsFixedTel: this.state.contactsFixedTel,//固定电话
        contactsFax: this.state.contactsFax,//传真地址
        registeredCapital: this.state.registeredCapital,//注册资金
        enterpriseScale: this.state.enterpriseScale,//企业规模
        legalPerson: this.state.legalPerson,//法人
        legalPersonIdCard: this.state.legalPersonIdCard,//法人身份证
        legalPersonTel: this.state.legalPersonTel,//法人联系电话
        legalPersonEmail: this.state.legalPersonEmail,//法人联系邮箱
        highTechZone: this.state.highTechZone,//是否高新
        listed: this.state.listed,//是否高新
        international: this.state.international,//是否国际化
        orgCode: this.state.orgCode,//社会统一机构
        orgCodeUrl: theorgCodeUrl.length != 0 ? theorgCodeUrl : '',//社会统一机构地址
        businessScope: this.state.businessScope.join(','),//业务范围
        salesTarget: this.state.salesTarget.join(','),//销售目标企业
        contacts: this.state.contacts,//主要联系人姓名
        contactMobile: this.state.contactMobile,//主要联系人电话
        investment: this.state.investment,//投资机构
        businessAudit: this.state.businessAudit,//业务认证
        auditStatus: this.state.auditStatus,//实名认证
        intellectualProperty: this.state.intellectualProperty,//已有知识产权情况
        qualification: this.state.qualification,//企业资质情况
        cooperationSituation: this.state.cooperationSituation,//企业与高校院所
        informationMaintainer: this.state.informationMaintainer,//资料维护人
        informationMaintainerName: this.state.informationMaintainerName,//资料维护人
        coreTechnology: this.state.coreTechnology,//核心技术
        creditRating: this.state.creditRating,//信用等级
        pojectApplicationUrl: this.state.pojectApplicationUrl,//文件地址
      }
    }).done(function (data) {
      this.setState({
        loading: false
      });
      if (!data.error.length) {
        message.success('保存成功！');
        this.visitCancel();
        this.loadData(this.state.pageNo);
      } else {
        message.warning(data.error[0].message);
      }
    }.bind(this));

  },
  //财务信息提交
  newSubmitc(e) {
    e.preventDefault();
    if (!this.state.year) {
      message.warning('请选择年份');
      return false;
    };
    this.setState({
      loading: true
    });
    $.ajax({
      method: "post",
      dataType: "json",
      url: globalConfig.context + this.state.isXin == 1 ? '/api/admin/customers/addOrgAnnual' : '/api/admin/customers/updateOrgAnnual',
      data: {
        id: this.state.id ? this.state.id : undefined,//年报ID
        uid: this.state.uid,//客户ID
        year: this.state.year,//年份
        researchAmount: this.state.researchAmount,//研发费用
        assets: this.state.assets,//总资产
        fixedAssets: this.state.fixedAssets,//固定资产
        salesAmount: this.state.salesAmount,//销售额
      }
    }).done(function (data) {
      this.setState({
        loading: false
      });
      if (!data.error.length) {
        message.success('保存成功！');
        this.visitCancelc();
        this.loadDatac();
        this.loadData();
      } else {
        message.warning(data.error[0].message);
      }
    }.bind(this));

  },
  //财务信息提交
  newSubmitx(e) {
    e.preventDefault();
    if (!this.state.year) {
      message.warning('请选择年份');
      return false;
    };
    this.setState({
      loading: true
    });
    $.ajax({
      method: "post",
      dataType: "json",
      url: globalConfig.context + this.state.isXinx == 1 ? '/api/admin/customers/addOrgYearProject' : '/api/admin/customers/updateOrgYearProject',
      data: {
        id: this.state.id ? this.state.id : undefined,//年报ID
        uid: this.state.uid,//客户ID
        year: this.state.year,//年份
        projectName: this.state.projectName,//研发费用
        status: this.state.status,//总资产
        remark: this.state.remark,//销售额
      }
    }).done(function (data) {
      this.setState({
        loading: false
      });
      if (!data.error.length) {
        message.success('保存成功！');
        this.visitCancelc();
        this.loadDatax();
        this.loadData();
      } else {
        message.warning(data.error[0].message);
      }
    }.bind(this));

  },
  //获取ID
  getStateData(id) {
    this.setState({
      loading: true
    });
    $.ajax({
      method: "post",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/techproject/techProjectLog",
      data: {
        pid: id || this.props.data.id
      },
      success: function (data) {
        if (!data.data) {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message);
          };
          return;
        };
        var myDate = new Date();
        this.state.stateTable = [];
        for (let i = 0; i < data.data.length; i++) {
          this.state.stateTable.push({
            key: i,
            state: data.data[i].state,
            recordTime: data.data[i].recordTime,
            recordTimeFormattedDate: data.data[i].recordTimeFormattedDate,
            principal: data.data[i].principal,
            operator: data.data[i].operator,
            comment: data.data[i].comment
          });
        };
      }.bind(this),
    }).always(function () {
      this.setState({
        loading: false
      });
    }.bind(this));
  },
  //整行点击
  tableRowClick(record, index) {
    let arr = this.state.dataSource.filter(v => v.visible);
    if (arr.length !== 0) {
      this.state.dataSource[arr[0].key].visible = false;
    }
    this.setState({
      dataSource: this.state.dataSource,
      inputValue: '',
      visitModul: true,
      pojectApplicationUrl: undefined,
      isXian: 0,
    })
    this.details(this.props.isMaintain ? record.uid : record.id);
  },

  //指定转交人自动补全
  supervisor(e) {
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/customer/listAdminByName",
      data: {
        adminName: e
      },
      success: function (data) {
        let thedata = data.data;
        if (!thedata) {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message);
          };
          thedata = {};
        };
        this.setState({
          customerArr: thedata,
        });
      }.bind(this),
    }).always(function () {
      this.setState({
        loading: false
      });
    }.bind(this));
  },
  //输入转交人输入框失去焦点是判断客户是否存在
  selectAuto(value, options) {
    this.setState({
      auto: value
    })
  },
  blurChange(e) {
    let theType = '';
    let contactLists = this.state.customerArr || [];
    if (e) {
      contactLists.map(function (item) {
        if (item.name == e.toString()) {
          theType = item.id;
        }
      });
    }
    this.setState({
      theTypes: theType
    })
  },
  //值改变时请求客户名称
  httpChange(e) {
    if (e.length >= 1) {
      this.supervisor(e);
    }
    this.setState({
      auto: e
    })
  },
  //转交
  changeAssigner() {
    if (this.state.theTypes) {
      this.setState({
        selectedRowKeys: [],
      });
      let id;
      for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
        let rowItem = this.state.selectedRows[idx];
        if (rowItem.id) {
          id = rowItem.id;
        };
      };
      $.ajax({
        method: "post",
        dataType: "json",
        crossDomain: false,
        url: globalConfig.context + "/api/admin/customer/updateInformationMaintainerr",
        data: {
          id: id, //客户ID
          aid: this.state.theTypes, //指定转交人的ID

        }
      }).done(function (data) {
        if (!data.error.length) {
          message.success('转交成功！');
          this.setState({
            auto: '',
            loading: false,
          });
        } else {
          message.warning(data.error[0].message);
        };
        this.loadData(Math.min(this.state.pageNo == undefined ? 1 : this.state.pageNo, Math.ceil((this.state.pagination.total - 1) / 10)));
      }.bind(this));
    } else {
      message.warning('请输入转交人姓名')
    }
  },

  //详情打开
  visitOk(e) {
    this.setState({
      visitModul: false
    });
  },
  //详情关闭
  visitCancel(e) {
    this.state.fileList = [];
    this.setState({
      visitModul: false,
      callnub: "0",
      inputVisible: false,
      businessScope: [],
    });
  },
  //新增年报打开
  visitOkc(e) {
    this.setState({
      visitModulc: true,
      visitModulx: true
    });
  },
  //新增年报关闭
  visitCancelc(e) {
    this.resetc();
    this.resetx();
    this.setState({
      visitModulc: false,
      visitModulx: false,
    });
  },

  //PDF打开
  visitOk1(e) {
    this.getPrevie(this.state.uid, 'techProject', 'organization_application');
    this.setState({
      visitModul1: true
    });

  },
  //PDF关闭
  visitCancel1(e) {
    this.setState({
      visitModul1: false,
      loading: false,
    });
  },
  //获取PDF地址
  getPrevie(id, url, sign) {
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/customer/" + url,
      data: {
        "id": id,
        "sign": sign
      },
      success: function (data) {
        if (!data.data) {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message);
          };
        };
        this.setState({
          pdfUrl: location.origin + globalConfig.context + "/open/preview?" + data.data,
        });
      }.bind(this)
    });
  },
  //PDF分页
  //一开始就加载这个函数
  onDocumentComplete(pages) {
    this.setState({
      loading: true,
    });
    this.setState({ pagec: 0, pages: pages.total });
  },
  //随后
  onPageComplete(pagec) {
    this.setState({ pagec });
  },
  handlePrevious() {
    this.setState({ pagec: this.state.pagec - 1 });
  },

  handleNext() {
    this.setState({ pagec: this.state.pagec + 1 });
  },
  renderPagination(pagec, pages) {
    let previousButton = <li className="previous" onClick={this.handlePrevious}><a href="#"><span className="fa fa-arrow-left">上一页</span> </a></li>;
    if (pagec == 0) {
      previousButton = <li className="previous disabled"><a href="#"><span className="fa fa-arrow-left">上一页</span> </a></li>;
    }
    let nextButton = <li className="next" onClick={this.handleNext}><a href="#"> <span className="fa fa-arrow-right">下一页</span></a></li>;
    if (pagec == pages) {
      nextButton = <li className="next disabled"><a href="#"> <span className="fa fa-arrow-right">下一页</span></a></li>;
    }
    return (
      <nav>
        <ul className="pager">
          {previousButton}
          {nextButton}
        </ul>
      </nav>
    );
  },

  //上面是做PDF分页的


  getOrgCodeUrl(e) {
    this.setState({ orgCodeUrl: e });
  },
  getCompanyLogoUrl(e) {
    this.setState({ companyLogoUrl: e });
  },
  componentWillReceiveProps(nextProps) {
    if (nextProps.ApiUrl != this.props.ApiUrl) {
      this.state.nameSearch = '';
      this.state.adminName = '';
      this.state.productKeyword = '';
      this.state.businessScope = '';
      this.state.addressSearch = [];
      this.state.provinceSearch = undefined;
      this.state.shareType = undefined;
      this.state.depId = undefined;
      this.state.citySearch = undefined;
      this.state.releaseDate[0] = undefined;
      this.state.releaseDate[1] = undefined;
      this.loadData(null, nextProps.ApiUrl);
    };
    if (nextProps.isMaintain !== this.props.isMaintain || nextProps.shiroType !== this.props.shiroType) {
      this.reset();
    }
  },
  callback(e) {
    if (e == '0') {
      this.setState({
        callnub: e,
      })
    }
    if (e == '1') {
      this.setState({
        callnub: e,
      })
      this.loadDatas();
    }
    if (e == '2') {
      this.setState({
        callnub: e,
      })
      this.loadDatac();
    }
    if (e == '3') {
      this.setState({
        callnub: e,
      })
      this.loadDatax();
    }
  },
  //发布成果
  addClick() {
    this.state.RowData = {};
    this.setState({
      showDesc: true,
    });
  },
  //新增财务信息
  addClickc() {
    this.state.RowData = {};
    this.resetc();
    this.setState({
      visitModulc: true,
      isXin: 1,
    });
  },
  //新增项目信息
  addClickx() {
    this.state.RowData = {};
    this.resetx();
    this.setState({
      visitModulx: true,
      isXinx: 1,
    });
  },
  //关闭发布成果
  closeDesc(e, s) {
    this.state.showDesc = e;
    if (s) {
      this.loadDatas();
    };
  },
  //客户资料每行点击
  tableRowClickDate(record, index) {
    this.state.RowData = record;
    if (index != undefined) {
      this.setState({
        showDesc: true
      });
    }
  },
  //年度每行点击
  tableRowClickDatec(record, index) {
    this.state.RowData = record;
    if (index != undefined) {
      this.setState({
        isXin: 2,
        visitModulc: true,
        year: record.year.toString(),//年份
        id: record.id,//年报详情ID
        assets: record.assets,//总资产
        fixedAssets: record.fixedAssets,//固定资产
        researchAmount: record.researchAmount,//研发费用
        salesAmount: record.salesAmount,//销售额
      });
    }
  },
  //项目每行点击
  tableRowClickDatex(record, index) {
    this.state.RowData = record;
    if (index != undefined) {
      this.setState({
        isXinx: 2,
        visitModulx: true,
        year: record.year.toString(),//年份
        id: record.id,//年报详情ID
        projectName: record.projectName,//项目名称
        status: record.status.toString(),//项目状态
        remark: record.remark,//销售额
      });
    }
  },

  //删除财务信息
  deltalc(record) {
    this.setState({
      loading: true
    });
    $.ajax({
      method: "post",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + '/api/admin/customers/delectOrgAnnual',
      data: {
        id: record.id,
        uid: record.uid
      }
    }).done(function (data) {
      if (!data.error.length) {
        message.success('操作成功');
        this.setState({
          loading: false,
        });
        this.loadDatac();
        this.loadData();
      } else {
        message.warning(data.error[0].message);
      };
    }.bind(this));
  },
  //删除财务信息
  deltalx(record) {
    this.setState({
      loading: true
    });
    $.ajax({
      method: "post",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + '/api/admin/customers/delectOrgYearProject',
      data: {
        id: record.id,
        uid: record.uid
      }
    }).done(function (data) {
      if (!data.error.length) {
        message.success('操作成功');
        this.setState({
          loading: false,
        });
        this.loadDatax();
        this.loadData();
      } else {
        message.warning(data.error[0].message);
      };
    }.bind(this));
  },
  //部门
  departmentList() {
    this.setState({
      departmentListLoading: true
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/organization/selectSuperId",
      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({
              key: index,
              name: item.name,
              id: item.id
            });
          });
        }
        this.setState({
          departmentArr: theArr
        });
      }.bind(this)
    }).always(
      function () {
        this.setState({
          departmentListLoading: false
        });
      }.bind(this)
    );
  },
  changeList(arr) {
    const newArr = [];
    let columns = this.props.isMaintain ? (this.props.shiroType === 2 ? this.state.adminMaintainColumns : this.props.shiroType === 1 ? this.state.maintainColumnsYXY : this.state.maintainColumns) : this.state.columns;
    columns.forEach(item => {
      arr.forEach(val => {
        if (val === item.title) {
          newArr.push(item);
        }
      });
    });
    this.setState({
      changeList: newArr
    });
  },
  render() {
    let paginationss = null;
    if (this.state.pagec >= 0) {
      paginationss = this.renderPagination(this.state.pagec, this.state.pages);
    }
    const {
      RangePicker,
      MonthPicker
    } = DatePicker;
    const formItemLayout = {
      labelCol: { span: 8 },
      wrapperCol: { span: 14 },
    };
    const formItemLayoutc = {
      labelCol: { span: 6 },
      wrapperCol: { span: 14 },
    };
    const FormItem = Form.Item;
    const rowSelection = {
      selectedRowKeys: this.state.selectedRowKeys,
      onChange: (selectedRowKeys, selectedRows) => {
        this.setState({
          modalVisible: false,
          selectedRows: selectedRows.slice(-1),
          selectedRowKeys: selectedRowKeys.slice(-1)
        });
      },
      onSelect: (recordt, selected, selectedRows) => {
        this.setState({
          modalVisible: false,
          recordt: recordt.id
        })
      },
    };
    const hasSelected = this.state.selectedRowKeys.length > 0;
    const dataSources = this.state.customerArr || [];
    const options = dataSources.map((group) =>
      <Select.Option key={group.id} value={group.name}>{group.name}</Select.Option>
    )
    const { businessScope, inputVisible, inputValue, salesTarget, inputVisible1, inputValue1 } = this.state;
    const intentionState = this.props.intentionState || '';
    const props = {
      name: 'file',
      multiple: true,
      action: '/api/admin/techproject/upload',

      onChange(info) {
        const status = info.file.status;
        if (status !== 'uploading') {
        }
        if (status === 'done') {
          message.success(`${info.file.name} file uploaded successfully.`);
        } else if (status === 'error') {
          message.error(`${info.file.name} file upload failed.`);
        }
      },

    };
    let pdfUrl = this.state.pdfUrl || '';
    this.saveInputRef = input => this.input = input
    this.saveInputRef1 = input => this.input1 = input
    return (
      <div className="user-content">
        <ShowModalDiv ShowModal={this.state.showModal} onClose={() => { this.setState({ showModal: false }) }} />
        <div className="content-title" style={{ marginBottom: 10 }}>
          <span style={{ fontWeight: 900, fontSize: 16 }}>客户资料维护</span>
        </div>
        <div className="user-search">
          <Tabs
            defaultActiveKey="1"
            className="test">
            <TabPane tab="搜索" key="1" style={{ paddingTop: '10px' }}>
              <Input
                placeholder="客户名称"
                value={this.state.nameSearch}
                style={{ width: 150, marginRight: 10 }}
                onChange={e => {
                  this.setState({ nameSearch: e.target.value });
                }}
              />
              {
                this.props.shiroType === 2 &&
                <Input
                  placeholder="所属人"
                  value={this.state.adminName}
                  style={{ width: 150, marginRight: 10 }}
                  onChange={e => {
                    this.setState({ adminName: e.target.value });
                  }}
                />
              }
              {this.props.isMaintain && <Input
                placeholder="产品关键字"
                value={this.state.productKeyword}
                style={{ width: 150, marginRight: 10 }}
                onChange={e => {
                  this.setState({ productKeyword: e.target.value });
                }}
              />}
              {!this.props.isMaintain && <Select
                placeholder="省"
                style={{ width: 80 }}
                value={this.state.provinceSearch}
                onChange={e => {
                  this.setState({ provinceSearch: e });
                }}
              >
                {this.state.Provinces}
              </Select>}
              {this.props.shiroType === 2 &&
                <Select
                  placeholder="订单部门"
                  style={{ width: 150, marginRight: 10 }}
                  value={this.state.depId}
                  onChange={e => {
                    this.setState({ depId: e });
                  }}
                >
                  {this.state.departmentArr.map(function (item) {
                    return <Select.Option key={item.id}>{item.name}</Select.Option>;
                  })}
                </Select>
              }
              {/*0 私有 2签单 3外联*/}
              {(this.props.shiroType === 2 || this.props.shiroType === 1) && <Select
                placeholder="客户类型"
                style={{ width: 80 }}
                value={this.state.shareType}
                onChange={e => {
                  this.setState({ shareType: e });
                }}
              >
                <Select.Option value={0}>私有客户</Select.Option>
                <Select.Option value={1}>公共客户</Select.Option>
                <Select.Option value={2}>签单客户</Select.Option>
                <Select.Option value={3}>外联客户</Select.Option>
              </Select>}

              {!this.props.isMaintain && <span style={{ marginRight: "10px" }}>
                <Cascader
                  options={citySelect()}
                  value={this.state.addressSearch}
                  placeholder="选择城市"
                  onChange={(e, pre) => {
                    this.setState({ addressSearch: e });
                  }}
                />
              </span>}
              {!this.props.isMaintain && <Select
                placeholder="资料是否完善"
                style={{ width: 120 }}
                value={this.state.dataGrade}
                onChange={e => {
                  this.setState({ dataGrade: e });
                }}
              >
                <Select.Option value="0">未完善</Select.Option>
                <Select.Option value="1">已完善</Select.Option>
              </Select>}
              {!this.props.isMaintain && <Select
                placeholder="是否面谈客户"
                style={{ width: 120 }}
                value={this.state.follow}
                onChange={e => {
                  this.setState({ follow: e });
                }}
              >
                <Select.Option value="0">否</Select.Option>
                <Select.Option value="1">是</Select.Option>
              </Select>}
              <RangePicker
                style={{ marginRight: "10px" }}
                value={[
                  this.state.releaseDate[0]
                    ? moment(this.state.releaseDate[0])
                    : null,
                  this.state.releaseDate[1]
                    ? moment(this.state.releaseDate[1])
                    : null
                ]}
                onChange={(data, dataString) => {
                  this.setState({ releaseDate: dataString });
                }}
              />
              <Button type="primary" onClick={this.search} style={{ marginRight: 10 }}>
                搜索
              </Button>
              <Button onClick={this.reset}>重置</Button>
            </TabPane>
            <TabPane key="2" tab='转交' disabled={this.props.isMaintain && true}>
              <AutoComplete
                className="certain-category-search"
                dropdownClassName="certain-category-search-dropdown"
                dropdownMatchSelectWidth={false}
                style={{ width: "120px" }}
                dataSource={options}
                placeholder="输入转交人姓名"
                value={this.state.auto}
                onChange={this.httpChange}
                filterOption={true}
                onBlur={this.blurChange}
                onSelect={this.selectAuto}
                disabled={!hasSelected}
              >
                <Input />
              </AutoComplete>
              <Button
                type="primary"
                onClick={this.changeAssigner}
                disabled={!hasSelected}
              >
                转交
              </Button>
            </TabPane>
            <TabPane tab="更改表格显示数据" key="3">
              <div style={{ marginLeft: 10 }}>
                <ChooseList
                  columns={this.props.isMaintain ? (this.props.shiroType === 2 ? this.state.adminMaintainColumns : this.props.shiroType === 1 ? this.state.maintainColumnsYXY : this.state.maintainColumns) : this.state.columns}
                  changeFn={this.changeList}
                  changeList={this.state.changeList}
                  top={55}
                  margin={11}
                />
              </div>
            </TabPane>
          </Tabs>
        </div>
        <div className="patent-table">
          <Spin spinning={this.state.loading}>
            <Table
              columns={
                this.state.changeList
                  ? this.state.changeList
                  : (this.props.isMaintain ? (this.props.shiroType === 2 ? this.state.adminMaintainColumns : this.props.shiroType === 1 ? this.state.maintainColumnsYXY : this.state.maintainColumns) : this.state.columns)
              }
              dataSource={this.state.dataSource}
              rowSelection={this.props.isMaintain ? null : rowSelection}
              pagination={this.state.pagination}
              onRowClick={this.tableRowClick}
              bordered
              size="middle"
            />
          </Spin>
        </div>
        <Modal
          maskClosable={false}
          className="customeDetails"
          footer=""
          title="客户资料"
          width="1200px"
          visible={this.state.visitModul}
          onOk={this.visitOk}
          onCancel={this.visitCancel}
        >
          <Tabs onChange={this.callback} activeKey={this.state.callnub}>
            <TabPane tab="基本信息" key="0">
              <div>
                <Form
                  layout="horizontal"
                  onSubmit={this.newSubmit}
                  id="demand-form"
                >
                  <Spin spinning={this.state.loading}>
                    <div
                      style={{
                        fontSize: "18px",
                        marginLeft: "50px",
                        marginTop: "15px",
                        marginBottom: "10px",
                        color: "red",
                        fontWeight: "bold"
                      }}
                    >
                      基本信息
                    </div>
                    <div className="clearfix">
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="客户姓名"
                      >
                        <span>{this.state.identifyName}</span>
                        <EnterpriseNameChange
                          type='journal'
                          style={{ marginLeft: 10 }}
                          enterpriseId={this.state.uid} />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="资料所属人"
                      >
                        <span>{this.state.informationMaintainerName}</span>
                      </FormItem>
                    </div>
                    <div className="clearfix">
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="企业行业"
                      >
                        <Select
                          disabled={this.props.shiroType === 2}
                          placeholder="选择行业"
                          value={this.state.industry}
                          style={{ width: "95%" }}
                          onChange={e => {
                            this.setState({ industry: e });
                          }}
                        >
                          {industry.map(function (item) {
                            return (
                              <Select.Option key={item.value}>
                                {item.key}
                              </Select.Option>
                            );
                          })}
                        </Select>
                        <span style={{ color: "red", marginLeft: "5px" }}>
                          *
                        </span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="社会属性"
                      >
                        <Select
                          disabled={this.props.shiroType === 2}
                          placeholder="客户社会属性"
                          value={this.state.societyTag}
                          style={{ width: "95%" }}
                          onChange={e => {
                            this.setState({ societyTag: e });
                          }}
                        >
                          {socialAttribute.map(function (item) {
                            return (
                              <Select.Option key={item.value}>
                                {item.key}
                              </Select.Option>
                            );
                          })}
                        </Select>
                        {!this.props.isMaintain && <span style={{ color: "red", marginLeft: "5px" }}>
                          *
                        </span>}
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="省-市-区"
                      >
                        <Cascader
                          disabled={this.props.shiroType === 2}
                          options={areaSelect()}
                          value={this.state.ProvinceCity}
                          placeholder="选择城市"
                          style={{ width: "95%" }}
                          onChange={(e, pre) => {
                            this.setState({ ProvinceCity: e });
                          }}
                        />
                        {!this.props.isMaintain && <span style={{ color: "red", marginLeft: "5px" }}>
                          *
                        </span>}
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="注册资本"
                      >
                        <Input
                          disabled={this.props.shiroType === 2}
                          placeholder="注册资本"
                          style={{ width: "90%" }}
                          value={this.state.registeredCapital}
                          onChange={e => {
                            this.setState({
                              registeredCapital: e.target.value
                            });
                          }}
                        />
                        万
                        {!this.props.isMaintain && <span style={{ color: "red", marginLeft: "5px" }}>
                          *
                        </span>}
                      </FormItem>
                      <div className="clearfix">
                        <FormItem
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 20 }}
                          label="主营产品"
                        >
                          <div>
                            {businessScope.map((tag, index) => {
                              const isLongTag = tag.length > 20;
                              const tagElem = (
                                <Tag closable={this.props.shiroType !== 2} key={tag} afterClose={() => this.handleClose(tag)}>
                                  {isLongTag ? `${tag.slice(0, 20)}...` : tag}
                                </Tag>
                              );
                              return isLongTag ? <Tooltip title={tag} key={tag}>{tagElem}</Tooltip> : tagElem;
                            })}
                            {
                              !inputVisible && this.props.shiroType !== 2 &&
                              <Button
                                size="small"
                                type="primary"
                                onClick={this.showInput}>
                                + 新增主营产品
                              </Button>
                            }
                            <span style={{ color: "red", marginLeft: "5px" }}>
                              *
                            </span>
                          </div>
                          {inputVisible && (<div>
                            <TextArea
                              style={{ width: '300px', height: '100px' }}
                              value={this.state.inputValue}
                              onChange={(e) => {
                                this.setState({
                                  inputValue: e.target.value
                                })
                              }} />
                            <div style={{ color: '#f00' }}>提示：请用 / 符号隔开关键字</div>
                            <div>
                              <Button
                                size="small"
                                type="primary"
                                onClick={this.handleInputConfirm}>
                                确定
                              </Button>
                              <Button
                                size="small"
                                style={{ marginLeft: '5px' }}
                                onClick={() => {
                                  this.setState({
                                    inputVisible: false,
                                    inputValue: ''
                                  })
                                }}>
                                取消
                              </Button>
                            </div>
                          </div>)}
                        </FormItem>
                      </div>
                      <div className="clearfix">
                        <FormItem
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 20 }}
                          label="销售目标企业"
                        >
                          <div>
                            {salesTarget.map((tag, index) => {
                              const isLongTag = tag.length > 20;
                              const tagElem = (
                                <Tag closable key={tag} afterClose={() => this.handleClose1(tag)}>
                                  {isLongTag ? `${tag.slice(0, 20)}...` : tag}
                                </Tag>
                              );
                              return isLongTag ? <Tooltip title={tag} key={tag}>{tagElem}</Tooltip> : tagElem;
                            })}
                            {inputVisible1 && (
                              <Input
                                ref={this.saveInputRef1}
                                type="text"
                                size="small"
                                style={{ width: 78 }}
                                value={inputValue1}
                                onChange={this.handleInputChange1}
                                onBlur={this.handleInputConfirm1}
                                onPressEnter={this.handleInputConfirm1}
                              />
                            )}
                            {!inputVisible1 && this.props.shiroType !== 2 && <Button size="small" type="primary" onClick={this.showInput1}>+ 新增销售目标企业</Button>}
                            {!this.props.isMaintain && <span style={{ color: "red", marginLeft: "5px" }}>
                              *
                            </span>}
                          </div>
                        </FormItem>
                      </div>
                      <div
                        style={{
                          fontSize: "18px",
                          marginLeft: "50px",
                          marginTop: "15px",
                          marginBottom: "10px",
                          color: "red",
                          fontWeight: "bold"
                        }}
                      >
                        企业资料
                      </div>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="通信地址"
                      >
                        <Input
                          disabled={this.props.shiroType === 2}
                          placeholder="客户通信地址"
                          value={this.state.postalAddress}
                          onChange={(e, pre) => {
                            this.setState({ postalAddress: e.target.value });
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="固定电话"
                      >
                        <Input
                          disabled={this.props.shiroType === 2}
                          placeholder="客户固定电话"
                          value={this.state.contactsFixedTel}
                          onChange={e => {
                            this.setState({ contactsFixedTel: e.target.value });
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="客户传真"
                      >
                        <Input
                          disabled={this.props.shiroType === 2}
                          placeholder="客户传真"
                          value={this.state.contactsFax}
                          onChange={e => {
                            this.setState({ contactsFax: e.target.value });
                          }}
                        />
                      </FormItem>

                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="企业人数"
                      >
                        <Input
                          disabled={this.props.shiroType === 2}
                          placeholder="单位规模"
                          value={this.state.enterpriseScale}
                          onChange={e => {
                            this.setState({ enterpriseScale: e.target.value });
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="法人名称"
                      >
                        <Input
                          disabled={this.props.shiroType === 2}
                          placeholder="法人名称"
                          value={this.state.legalPerson}
                          onChange={e => {
                            this.setState({ legalPerson: e.target.value });
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="法人身份证"
                      >
                        <Input
                          disabled={this.props.shiroType === 2}
                          placeholder="法人身份证"
                          value={this.state.legalPersonIdCard}
                          onChange={e => {
                            this.setState({
                              legalPersonIdCard: e.target.value
                            });
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="联系人"
                      >
                        <Input
                          disabled={this.props.shiroType === 2}
                          placeholder="联系人名称"
                          value={this.state.contacts}
                          onChange={e => {
                            this.setState({ contacts: e.target.value });
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="联系人号码"
                      >
                        <Input
                          disabled={this.props.shiroType === 2}
                          placeholder="联系人号码"
                          value={this.state.contactMobile}
                          onChange={e => {
                            this.setState({ contactMobile: e.target.value });
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="法人电话"
                      >
                        <Input
                          disabled={this.props.shiroType === 2}
                          placeholder="法人电话"
                          value={this.state.legalPersonTel}
                          onChange={e => {
                            this.setState({ legalPersonTel: e.target.value });
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="法人邮箱"
                      >
                        <Input
                          disabled={this.props.shiroType === 2}
                          placeholder="法人电子邮箱"
                          value={this.state.legalPersonEmail}
                          onChange={e => {
                            this.setState({ legalPersonEmail: e.target.value });
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="社会统一信用机构代码"
                      >
                        <Input
                          disabled={this.props.shiroType === 2}
                          placeholder="社会统一信用机构代码"
                          value={this.state.orgCode}
                          onChange={e => {
                            this.setState({ orgCode: e.target.value });
                          }}
                        />
                      </FormItem>
                      <div className="clearfix">
                        <FormItem
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 18 }}
                          label="客户简介"
                        >
                          <Input
                            disabled={this.props.shiroType === 2}
                            type="textarea"
                            rows={3}
                            value={this.state.introduction}
                            onChange={(e, pre) => {
                              this.setState({ introduction: e.target.value });
                            }}
                          />
                        </FormItem>
                      </div>

                      <div className="clearfix pictures">
                        <FormItem
                          style={{
                            display: "inline-block",
                            width: "350px",
                            marginTop: "20px",
                            marginLeft: "95px"
                          }}
                          labelCol={{ span: 8 }}
                          wrapperCol={{ span: 10 }}
                          label="机构证书（PIC）"
                        >
                          <PicturesWall
                            disabled={this.props.shiroType === 2}
                            domId={'crm1'}
                            fileList={this.getOrgCodeUrl}
                            pictureUrl={this.state.orgCodeUrl}
                          />
                          <p>建议：图片要清晰。</p>
                        </FormItem>
                        <FormItem
                          style={{
                            display: "inline-block",
                            width: "350px",
                            marginTop: "20px",
                          }}
                          labelCol={{ span: 8 }}
                          wrapperCol={{ span: 10 }}
                          label="单位LOGO"
                        >
                          <PicturesWall
                            domId={'crm2'}
                            fileList={this.getCompanyLogoUrl}
                            pictureUrl={this.state.companyLogoUrl}
                          />
                          <p>建议：图片要清晰。</p>
                        </FormItem>
                      </div>
                      <div
                        style={{
                          fontSize: "18px",
                          marginLeft: "50px",
                          marginTop: "15px",
                          marginBottom: "10px",
                          color: "red",
                          fontWeight: "bold"
                        }}
                      >
                        重要资料
                      </div>
                      <div className="clearfix">
                        <FormItem
                          className="half-item"
                          {...formItemLayout}
                          label="客户信用等级"
                        >
                          <Select
                            disabled={this.props.shiroType === 2}
                            placeholder="客户信用等级"
                            value={this.state.creditRating}
                            style={{ width: "90%" }}
                            onChange={e => {
                              this.setState({ creditRating: e });
                            }}
                          >
                            {slcRedit.map(function (item) {
                              return (
                                <Select.Option key={item.value}>
                                  {item.key}
                                </Select.Option>
                              );
                            })}
                          </Select>
                        </FormItem>
                        <div className="clearfix">
                          <FormItem
                            labelCol={{ span: 4 }}
                            wrapperCol={{ span: 19 }}
                            label="企业核心技术"
                          >
                            <Input
                              disabled={this.props.shiroType === 2}
                              type="textarea"
                              rows={3}
                              value={this.state.coreTechnology}
                              style={{ width: "96%" }}
                              onChange={(e, pre) => {
                                this.setState({
                                  coreTechnology: e.target.value
                                });
                              }}
                            />
                          </FormItem>
                        </div>
                        <div className="clearfix">
                          <FormItem
                            labelCol={{ span: 4 }}
                            wrapperCol={{ span: 19 }}
                            label="企业资质情况"
                          >
                            <Input
                              disabled={this.props.shiroType === 2}
                              type="textarea"
                              rows={3}
                              value={this.state.qualification}
                              placeholder="请按如下格式填写：资质名称+获得时间+拥有人+发证机构"
                              onChange={(e, pre) => {
                                this.setState({
                                  qualification: e.target.value
                                });
                              }}
                              style={{ width: "96%" }}
                            />
                          </FormItem>
                        </div>
                        <div className="clearfix">
                          <FormItem
                            labelCol={{ span: 4 }}
                            wrapperCol={{ span: 19 }}
                            label="高企合作情况"
                          >
                            <Input
                              disabled={this.props.shiroType === 2}
                              type="textarea"
                              rows={3}
                              value={this.state.cooperationSituation}
                              onChange={(e, pre) => {
                                this.setState({
                                  cooperationSituation: e.target.value
                                });
                              }}
                              style={{ width: "96%" }}
                            />
                          </FormItem>
                        </div>
                        <div className="clearfix">
                          <FormItem
                            labelCol={{ span: 4 }}
                            wrapperCol={{ span: 19 }}
                            label="项目申请书"
                          >
                            <Upload
                              style={{ display: "inlineBlock" }}
                              name="avatar"
                              action={
                                globalConfig.context +
                                "/api/admin/customer/upload"
                              }
                              data={{
                                uid: this.state.detailId,
                                sign: "organization_application"
                              }}
                              beforeUpload={beforeUploadFile}
                              fileList={this.state.fileList}
                              onChange={info => {
                                if (info.file.status !== "uploading") {
                                }
                                if (info.file.status === "done") {
                                  if (!info.file.response.error.length) {
                                    let isPDF = this.state.fileList[0].originFileObj.name.split(
                                      "."
                                    );
                                    let isIndex = isPDF.length - 1;
                                    if (isPDF[isIndex] == "pdf") {
                                      message.success(
                                        `${info.file.name} 文件上传成功！`
                                      );
                                    } else {
                                      message.error("请上传pdf文件!");
                                    }
                                  } else {
                                    message.warning(
                                      info.file.response.error[0].message
                                    );
                                    return;
                                  }
                                  this.setState({
                                    pojectApplicationUrl:
                                      info.file.response.data,
                                    isXian: 1
                                  });
                                } else if (info.file.status === "error") {
                                  message.error(
                                    `${info.file.name} 文件上传失败。`
                                  );
                                }
                                this.setState({
                                  fileList: info.fileList.slice(-1)
                                });
                              }}
                            >
                              {/*<a onClick={
									                            		() => {var newTab = window.open('about:blank'); getPreviews(this.state.uid, 'techProject', 'organization_application', function (data) { newTab.location.href = data; });
									                               }}><Icon style={{ fontSize: '16px' }} type="eye-o" /> </a>*/}
                              <Button>
                                <Icon type="upload" /> 项目材料上传{" "}
                              </Button>
                            </Upload>
                            <span
                              style={{ marginTop: "10px", marginLeft: "20px" }}
                            >
                              {this.state.pojectApplicationUrl ? (
                                <span className="download-file">
                                  <a onClick={this.visitOk1}>
                                    <Icon
                                      style={{ fontSize: "16px" }}
                                      type="eye-o"
                                    />{" "}
                                  </a>
                                </span>
                              ) : (
                                <span>
                                  <Icon
                                    type="exclamation-circle"
                                    style={{
                                      color: "#ffbf00",
                                      marginRight: "6px"
                                    }}
                                  />
                                  未上传！
                                </span>
                              )}
                            </span>
                          </FormItem>
                        </div>
                      </div>
                      {this.props.shiroType !== 2 && <Button
                        className="setSubmit"
                        type="primary"
                        htmlType="submit"
                      >
                        保存
                      </Button>}
                      <Button type="ghost" onClick={this.visitCancel}>
                        取消
                      </Button>
                    </div>
                  </Spin>
                </Form>
              </div>
            </TabPane>
            <TabPane tab="知识产权列表" key="1">
              {this.props.shiroType !== 2 && <Button
                type="primary"
                className="addButton"
                onClick={this.addClick}
              >
                发布知识产权
                <Icon type="plus" />
              </Button>}
              <Spin spinning={this.state.loading}>
                <Table
                  size="middle"
                  columns={this.state.columnsDate}
                  dataSource={this.state.dataSourceDate}
                  rowSelection={rowSelection}
                  pagination={this.state.paginationDate}
                  onRowClick={this.tableRowClickDate}
                />
              </Spin>
            </TabPane>
            <TabPane tab="财务信息" key="2">
              {this.props.shiroType !== 2 && <Button
                type="primary"
                className="addButton"
                onClick={this.addClickc}
              >
                添加年度财务信息
                <Icon type="plus" />
              </Button>}
              <Spin spinning={this.state.loading}>
                <Table
                  size="middle"
                  columns={this.state.columnsc}
                  dataSource={this.state.dataSourcec}
                  rowSelection={rowSelection}
                  onRowClick={this.tableRowClickDatec}
                />
              </Spin>
            </TabPane>
            <TabPane tab="项目信息" key="3">
              {this.props.shiroType !== 2 && <Button
                type="primary"
                className="addButton"
                onClick={this.addClickx}
              >
                添加项目信息
                <Icon type="plus" />
              </Button>}
              <Spin spinning={this.state.loading}>
                <Table
                  size="middle"
                  columns={this.state.columnsx}
                  dataSource={this.state.dataSourcex}
                  rowSelection={rowSelection}
                  onRowClick={this.tableRowClickDatex}
                />
              </Spin>
            </TabPane>
          </Tabs>
        </Modal>
        <Modal
          maskClosable={false}
          className="customeDetails"
          footer=""
          title="项目申请书"
          width="800px"
          visible={this.state.visitModul1}
          onOk={this.visitOk1}
          onCancel={this.visitCancel1}
        >
          <div>
            {/*<Button type="primary"  onClick={this.pdfShows(pdfUrl)}>点击查看</Button>

			       		<div id="pdfContent" style={{height:"500px",width:"500px",marginLeft:"300px"}} >
    					</div>
    					onDocumentLoad={this.onDocumentComplete}
				        onLoadSuccess={this.onDocumentComplete}
				        onDocumentComplete={this.onDocumentComplete}
				        onPageRender={this.onPageComplete}
				          // "http://s.jishutao.com/upload/achievement/achievement/34576808907162737_achievement_maturity_text_file.pdf"//{pdfUrl}
    					*/}
            <PDF
              file={pdfUrl}
              onDocumentLoad={this.onDocumentComplete}
              pageIndex={parseInt(this.state.pagec)}
              scale={1.2}
            />
            {paginationss}
          </div>
        </Modal>
        <Modal
          maskClosable={false}
          className="customeDetails"
          footer=""
          title="财务资料"
          width="500px"
          visible={this.state.visitModulc}
          onOk={this.visitOkc}
          onCancel={this.visitCancelc}
        >
          {" "}
          <Form layout="horizontal" onSubmit={this.newSubmitc} id="demand-form">
            <Spin spinning={this.state.loading}>
              <div className="clearfix">
                <FormItem {...formItemLayoutc} label="年份">
                  <Select
                    placeholder="年份"
                    value={this.state.year}
                    style={{ width: "90%" }}
                    onChange={e => {
                      this.setState({ year: e });
                    }}
                  >
                    {year.map(function (item) {
                      return (
                        <Select.Option key={item.value}>
                          {item.key}
                        </Select.Option>
                      );
                    })}
                  </Select>
                </FormItem>
              </div>
              <div className="clearfix">
                <FormItem {...formItemLayoutc} label="营销收入">
                  <Input
                    placeholder="营销收入"
                    style={{ width: "90%" }}
                    value={this.state.salesAmount}
                    onChange={e => {
                      this.setState({ salesAmount: e.target.value });
                    }}
                  />
                  万
                </FormItem>
              </div>
              <div className="clearfix">
                <FormItem {...formItemLayoutc} label="总资产">
                  <Input
                    placeholder="总资产"
                    style={{ width: "90%" }}
                    value={this.state.assets}
                    onChange={e => {
                      this.setState({ assets: e.target.value });
                    }}
                  />
                  万
                </FormItem>
              </div>
              <div className="clearfix">
                <FormItem {...formItemLayoutc} label="固定资产">
                  <Input
                    placeholder="总资产"
                    style={{ width: "90%" }}
                    value={this.state.fixedAssets}
                    onChange={e => {
                      this.setState({ fixedAssets: e.target.value });
                    }}
                  />
                  万
                </FormItem>
              </div>
              <div className="clearfix">
                <FormItem {...formItemLayoutc} label="研发费用">
                  <Input
                    placeholder="研发费用"
                    style={{ width: "90%" }}
                    value={this.state.researchAmount}
                    onChange={e => {
                      this.setState({ researchAmount: e.target.value });
                    }}
                  />
                  万
                </FormItem>
              </div>
              <Button
                className="setSubmit"
                type="primary"
                htmlType="submit"
                style={{ marginLeft: "100px" }}
              >
                保存
              </Button>
              <Button type="ghost" onClick={this.visitCancelc}>
                取消
              </Button>
            </Spin>
          </Form>
        </Modal>
        <Modal
          maskClosable={false}
          className="customeDetails"
          footer=""
          title="项目资料"
          width="500px"
          visible={this.state.visitModulx}
          onOk={this.visitOkc}
          onCancel={this.visitCancelc}
        >
          {" "}
          <Form layout="horizontal" onSubmit={this.newSubmitx} id="demand-form">
            <div className="clearfix">
              <FormItem {...formItemLayoutc} label="年份">
                <Select
                  placeholder="年份"
                  value={this.state.year}
                  style={{ width: "90%" }}
                  onChange={e => {
                    this.setState({ year: e });
                  }}
                >
                  {year.map(function (item) {
                    return (
                      <Select.Option key={item.value}>
                        {item.key}
                      </Select.Option>
                    );
                  })}
                </Select>
              </FormItem>
            </div>
            <div className="clearfix">
              <FormItem {...formItemLayoutc} label="项目名称">
                <Input
                  placeholder="项目名称"
                  style={{ width: "90%" }}
                  value={this.state.projectName}
                  onChange={e => {
                    this.setState({ projectName: e.target.value });
                  }}
                />
              </FormItem>
            </div>
            <div className="clearfix">
              <FormItem {...formItemLayoutc} label="项目状态">
                <Select
                  placeholder="项目状态"
                  value={this.state.status}
                  style={{ width: "90%" }}
                  onChange={e => {
                    this.setState({ status: e });
                  }}
                >
                  {xiangmoState.map(function (item) {
                    return (
                      <Select.Option key={item.value}>
                        {item.key}
                      </Select.Option>
                    );
                  })}
                </Select>
              </FormItem>
            </div>
            <div className="clearfix">
              <FormItem {...formItemLayoutc} label="备注">
                <Input
                  type="textarea"
                  rows={3}
                  placeholder="备注"
                  style={{ width: "90%" }}
                  value={this.state.remark}
                  onChange={e => {
                    this.setState({ remark: e.target.value });
                  }}
                />
              </FormItem>
            </div>

            <Button
              className="setSubmit"
              type="primary"
              htmlType="submit"
              loading={this.state.loading}
              style={{ marginLeft: "100px" }}
            >
              保存
            </Button>
            <Button type="ghost" onClick={this.visitCancelc}>
              取消
            </Button>
          </Form>
        </Modal>
        <TechAchievementDesc
          data={this.state.RowData}
          detailApiUrl={this.props["data-detailApiUrl"]}
          achievementCategoryOption={this.state.achievementCategoryOption}
          showDesc={this.state.showDesc}
          uid={this.state.uid}
          closeDesc={this.closeDesc}
          loadDatas={this.loadDatas}
        />
        {this.state.mainBusinessLogVisible &&
          <MainBusinessLog
            visible={this.state.mainBusinessLogVisible}
            uid={this.state.mainBusinessUid}
            onCancel={() => {
              this.setState({
                mainBusinessLogVisible: false,
                mainBusinessUid: ''
              })
            }}
          />
        }
        {this.state.changeMainProductsVisible &&
          <ChangeMainProducts
            visible={this.state.changeMainProductsVisible}
            uid={this.state.mainBusinessUid}
            businessScope={this.state.changeMainProductsArr}
            onCancel={() => {
              this.setState({
                changeMainProductsVisible: false,
                mainBusinessUid: '',
                changeMainProductsArr: []
              }, () => {
                this.loadData(this.state.pageNo)
              })
            }}
          />}
      </div>
    );
  }
}));
export default IntentionCustomer;