import React from 'react';
import $ from 'jquery/src/ajax';
import '../content.less';
import { citySelect, areaSelect, provinceSelect } from '../../../NewDicProvinceListAll';
import { Form, Radio, Icon, Button, Input, Tabs, Select, Spin, Table, Switch, message, DatePicker, Modal, Popconfirm, Cascader } from 'antd';
import { conditionOrganization, gameState } from '../../../dataDic.js';
import { getCategoryState, getGameState, splitUrl, getprovince } from '../../../tools.js';
import ImgList from "../../../common/imgList";
import { ChooseList } from "../../order/orderNew/chooseList";
const TabPane = Tabs.TabPane;
const RadioGroup = Radio.Group;
//图片组件
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;
  },
  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/ProjectSize/uploadPicture",
            data: { 'sign': this.props.pictureSign },
            multiple: true,
            listType: "picture-card",
          }}
          onChange={(infor) => {
            this.handleChange(infor)
          }}
          fileList={fileList}
        />
      </div>
    );
  }
});
//主体
const BusinessProject = Form.create()(React.createClass({
  //搜索功能和初始列表加载
  loadData(pageNo, apiUrl) {
    this.state.data = [];
    this.setState({
      loading: true,
      ispage: pageNo,
    });
    let nameText = this.state.SuperArr;
    let superText = (this.state.cid) ? nameText[parseInt(this.state.cid)].id : "";
    let isCountry = '';
    let pro = '';
    let city = '';
    let dis = '';
    if (this.state.ressSearch == undefined) {
    } else {
      switch (parseInt(this.state.ressSearch.length)) {
        case 1: pro = this.state.ressSearch[0]; break;
        case 2: pro = this.state.ressSearch[0]; city = this.state.ressSearch[1]; break;
        case 3: pro = this.state.ressSearch[0]; city = this.state.ressSearch[1]; dis = this.state.ressSearch[2]; break;
      }
    }
    if (pro === 0) {
      isCountry = 1;
      pro = '';
    }
    $.ajax({
      method: "post",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/ProjectSize/listProject",
      data: {
        pageNo: pageNo || 1,
        pageSize: this.state.pagination.pageSize,
        bname: this.state.bname, //项目名称
        cid: superText, //品类名称
        country: isCountry, //是否全国
        province: pro, //省
        city: city, //市
        district: dis, //区
        activityFlag: this.state.activityFlag, //活动生效标识
        status: this.state.status, //项目状态
        restrictStatus: this.state.selrestrictStatus, //是否限定项目
        type: this.state.type,
      },
      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];
            let ProvinceCity = [];
            let isCountry = "";
            if (thisdata.country == 1) {
              isCountry = "全国";
            } else {
              if (thisdata.city == null || thisdata.city == "") {
                isCountry += getprovince(parseInt(thisdata.province));
              } else if (
                thisdata.district == null ||
                thisdata.district == ""
              ) {
                isCountry += getprovince(parseInt(thisdata.province)) + "-";
                isCountry += getprovince(parseInt(thisdata.city));
              } else {
                isCountry += getprovince(parseInt(thisdata.province)) + "-";
                isCountry += getprovince(parseInt(thisdata.city)) + "-";
                isCountry += getprovince(parseInt(thisdata.district));
              }
            }
            theArr.push({
              key: i,
              id: thisdata.id, //业务名称
              bname: thisdata.bname, //业务名称
              cname: thisdata.cname, //业务品类
              area: isCountry ? isCountry : ProvinceCity,
              price: thisdata.price, //市场价
              offset: thisdata.offset, //最低折扣
              memberPrice: thisdata.memberPrice, //会员价
              activityPrice: thisdata.activityPrice, //活动价
              activityFlag: thisdata.activityFlag, //活动生效标识
              status: thisdata.status, //项目状态
              restrictStatus: thisdata.restrictStatus, // 是否限定项目
              type: thisdata.type,
              arrProvinceCity: ProvinceCity,
            });
          }

          this.state.pagination.current = data.data.pageNo;
          this.state.pagination.total = data.data.totalCount;
        }
        this.setState({
          dataSource: theArr,
          pagination: this.state.pagination,
        });
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        });
      }.bind(this)
    );
  },
  //项目规格列表
  formatLoadData(pageNo, apiUrl) {
    this.state.data = [];
    this.setState({
      loading: true,
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + '/api/admin/ProjectSize/listProjectSize',
      data: {
        pageNo: pageNo || 1,
        pageSize: this.state.formatPagination.pageSize,
        pid: this.state.editId,
      },
      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,
              formatId: thisdata.id,//规格ID
              formatPname: thisdata.pname,//规格名称
              formatBname: thisdata.bname,//项目品类
              formatPrice: thisdata.price,//市场价
              formatOffset: thisdata.offset,//最低折扣
              formatActivityPrice: thisdata.activityPrice,//活动价
              formatActivityFlag: thisdata.activityFlag,//活动生效标识
              formatMemberPrice: thisdata.memberPrice,//会员价
              formatStatus: thisdata.status,//会员价
            });
          };
          this.state.formatPagination.current = data.data.pageNo;
          this.state.formatPagination.total = data.data.totalCount;
        };
        this.setState({
          formatDataSource: theArr,
          formatPagination: this.state.formatPagination
        });
      }.bind(this),
    }).always(function () {
      this.setState({
        loading: false
      });
    }.bind(this));
  },
  getInitialState() {
    return {
      searchMore: true,
      selectedRowKeys: [],
      selectedRows: [],
      loading: false,
      orgCodeUrl: [],
      companyLogoUrl: [],
      pagination: {
        defaultCurrent: 1,
        defaultPageSize: 10,
        showQuickJumper: true,
        pageSize: 10,
        onChange: function (page) {
          this.loadData(page);
        }.bind(this),
        showTotal: function (total) {
          return "共" + total + "条数据";
        },
      },
      formatPagination: {
        defaultCurrent: 1,
        defaultPageSize: 10,
        showQuickJumper: true,
        pageSize: 10,
        onChange: function (page) {
          this.loadData(page);
        }.bind(this),
        showTotal: function (total) {
          return "共" + total + "条数据";
        },
      },
      ContactsLists: [
        {
          title: "业务项目名称",
          dataIndex: "formatBname",
          key: "formatBname",
        },
        {
          title: "规格名称",
          dataIndex: "formatPname",
          key: "formatPname",
        },
        {
          title: "市场价",
          dataIndex: "formatPrice",
          key: "formatPrice",
        },
        {
          title: "最低折扣",
          dataIndex: "formatOffset",
          key: "formatOffset",
        },
        {
          title: "会员价",
          dataIndex: "formatMemberPrice",
          key: "formatMemberPrice",
        },
        {
          title: "活动价",
          dataIndex: "formatActivityPrice",
          key: "formatActivityPrice",
        },
        {
          title: "活动生效标识",
          dataIndex: "formatActivityFlag",
          key: "formatActivityFlag",
          render: (text) => {
            return getGameState(text);
          },
        },
        {
          title: "状态",
          dataIndex: "formatStatus",
          key: "formatStatus",
          render: (text) => {
            return getCategoryState(text.toString());
          },
        },
      ],
      formatDataSource: [],
      columns: [
        {
          title: "项目名称",
          dataIndex: "bname",
          key: "bname",
        },
        {
          title: "是否限定项目",
          dataIndex: "restrictStatus",
          key: "restrictStatus",
          render: (text) => {
            return (
              <span>{["否", "是"][text]}</span>
            );
          },
        },
        {
          title: "业务品类",
          dataIndex: "cname",
          key: "cname",
        },
        {
          title: "业务地区",
          dataIndex: "area",
          key: "area",
          //                  render: text => { return getprovince(text); }
        },
        {
          title: "市场价",
          dataIndex: "price",
          key: "price",
        },
        {
          title: "最低折扣",
          dataIndex: "offset",
          key: "offset",
        },
        {
          title: "会员价",
          dataIndex: "memberPrice",
          key: "memberPrice",
        },
        {
          title: "活动价",
          dataIndex: "activityPrice",
          key: "activityPrice",
        },
        {
          title: "活动生效标识",
          dataIndex: "activityFlag",
          key: "activityFlag",
          render: (text) => {
            return getGameState(text);
          },
        },
        {
          title: "业务状态",
          dataIndex: "status",
          key: "status",
          render: (text) => {
            return getCategoryState(text);
          },
        },
        {
          title: "项目分类",
          dataIndex: "type",
          key: "type",
          render: (text, record) => {
            if (record.type == 0) {
              return "通用";
            } else if (record.type == 1) {
              return "专利";
            } else if (record.type == 2) {
              return "软著";
            } else if (record.type == 3) {
              return "审计";
            } else if (record.type == 4) {
              return "双软"
            } else if (record.type == 5) {
              return "高新"
            } else if (record.type == 6) {
              return "商标"
            } else if (record.type == 7) {
              return "会员"
            }
          },
        },
      ],
      dataSource: [],
    };
  },
  componentWillMount() {
    this.selectSuperId();
  },
  //获取上级品类
  selectSuperId() {
    this.state.data = []
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/ProjectSize/getAllCname",
      data: {
        flag: 0,
      },
      success: function (data) {
        let theArr = [];
        let thedata = data.data;
        if (!thedata) {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message);
          };
          thedata = {};
        };
        var contactIds = [];
        for (var i = 0; i < data.data.length; i++) {
          let theData = data.data[i];
          theArr.push(
            <Select.Option value={i.toString()} key={theData.cname}>{theData.cname}</Select.Option>
          );
        };
        this.setState({
          SuperArr: thedata,
          contactsOption: theArr,
          orderStatusOptions: data.data,
        });
        // console.log(theArr);

      }.bind(this),
    }).always(function () {
      this.loadData(this.state.ispage);
      this.setState({
        loading: false
      });
    }.bind(this));
  },
  //编辑部门，保存
  edithandleSubmit(e) {
    e.preventDefault();
    let offsetText;
    if (this.state.editOffset) {
      if (this.state.editOffset > 10 || this.state.editOffset < 0) {
        message.warning('最低折扣请输入0到10之间的数字');
        return false;
      } else {
        offsetText = this.state.editOffset;
      }
    }
    this.props.form.validateFields((err, values) => {
      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(",");
      };

      if (!err) {
        this.setState({
          loading: true
        });
        let nameText = this.state.SuperArr
        // let num = 0
        // nameText.forEach((item,index) => {
        // 	if(item.cname == this.state.editCname) {
        // 		num = index
        // 	}
        // })
        // let superText=(this.state.editCname.length==1)?nameText[parseInt(this.state.editCname)].id:this.state.editCid;
        // let superText=nameText[parseInt(this.state.editCname)].id
        let arr = nameText.filter((v, k) => v.cname === this.state.editCname || String(k) === this.state.editCname)
        let superText = arr.length ? arr[0].id : "";
        let isCountry = 0;
        let pro = '';
        let city = '';
        let dis = '';
        if (this.state.ProvinceCity == undefined || this.state.ProvinceCity.length == 0) {
          message.warning('请选择项目有效范围');
          this.setState({
            loading: false
          });
          return false;
        } else {
          switch (parseInt(this.state.ProvinceCity.length)) {
            case 1: pro = this.state.ProvinceCity[0]; break;
            case 2: pro = this.state.ProvinceCity[0]; city = this.state.ProvinceCity[1]; break;
            case 3: pro = this.state.ProvinceCity[0]; city = this.state.ProvinceCity[1]; dis = this.state.ProvinceCity[2]; break;
          }
        }
        if (pro == 0) {
          isCountry = 1;
          pro = '';
        }
        $.ajax({
          method: "post",
          dataType: "json",
          crossDomain: false,
          url: globalConfig.context + '/api/admin/ProjectSize/updateProject',
          data: {
            id: this.state.editId,//项目ID
            cid: superText,//项目业务品类
            bname: this.state.editName,//业务项目名称
            price: this.state.editPrice,//市场价
            firstPayment: this.state.firstPayment,//首付金额
            offset: offsetText,//最低折扣
            activityPrice: this.state.editActivityPrice,//活动价
            activityFlag: this.state.editActivityFlag,//活动生效标识
            memberPrice: this.state.editMemberPrice,//项目ID
            status: this.state.editStatus,//项目状态
            patentTransfer: this.state.typeStatus == 1 ? this.state.patentTransfer : undefined,
            type: this.state.typeStatus,//项目分类
            restrictStatus: this.state.restrictStatus, // 是否限定项目
            country: isCountry,//是否全国
            province: pro ? pro : '',//省
            city: city ? city : '',//市
            district: dis ? dis : '',//区
            minLogo: theorgCodeUrl,
            maxLogo: thecompanyLogoUrl,
            introduce: this.state.editIntroduce,//项目介绍
            projectUrl: this.state.editProjectUrl,//项目地址
            valueEffect: this.state.editValueEffect,//项目价值及作用
            clientSize: this.state.editClientSize,//项目基本条件
            boutique: this.state.editBoutique,
          }
        }).done(function (data) {
          this.setState({
            loading: false
          });
          if (!data.error.length) {
            message.success('保存成功！');
            this.edithandleCancel();
            this.selectSuperId();
          } else {
            message.warning(data.error[0].message);
          }
        }.bind(this));
      }
    })
  },
  //规格列表整行点击
  formatTableRowClick(record, index) {
    this.editformatClick();
    this.state.RowData = record;
    this.setState({
      selectedRowKeys: [],
      formatId: record.formatId,//规格名称
      formatPname: record.formatPname,//规格名称
      formatPrice: record.formatPrice,//市场价
      formatOffset: record.formatOffset,//最低折扣
      formatActivityPrice: record.formatActivityPrice,//活动价
      formatActivityFlag: record.formatActivityFlag,//活动生效标识
      formatMemberPrice: record.formatMemberPrice,//会员价
      formatStatus: record.formatStatus.toString(),//项目状态
    });
  },
  //项目列表整行点击
  tableRowClick(record, index) {
    this.selectSuperId();
    this.state.RowData = record;
    this.setState({
      callnub: '1',
      editvisible: true,
      selectedRowKeys: [],
      rowId: record.businessId,
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/ProjectSize/orgProject",
      data: {
        id: record.id
      },
      success: function (data) {
        let theArr = [];
        let ProvinceCity = [];
        let thisdata = data.data;
        if (!data) {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message);
          };
        } else {
          if (thisdata.country == 1) {
            ProvinceCity.push(0);
          } else {
            ProvinceCity.push(parseInt(thisdata.province));
            ProvinceCity.push(parseInt(thisdata.city));
            ProvinceCity.push(parseInt(thisdata.district));
          }
          let str = ""
          if (thisdata.type == 0) {
            str = "通用"
          } else if (thisdata.type == 1) {
            str = "专利"
          } else if (thisdata.type == 2) {
            str = "软著"
          } else if (thisdata.type == 3) {
            str = "审计"
          } else if (thisdata.type == 4) {
            str = "双软"
          } else if (thisdata.type == 5) {
            str = "高新"
          } else if (thisdata.type == 6) {
            str = "商标"
          } else if (thisdata.type == 7) {
            str = "会员"
          } else if (thisdata.type == 8) {
            str = "投标"
          }
          theArr.push({
            editId: thisdata.id,//每一条记录的ID
            editName: thisdata.bname,//项目名称
            editCname: thisdata.cname,//项目分类
            editCid: thisdata.cid,//项目分类
            restrictStatus: thisdata.restrictStatus,//是否限定项目
            editCountry: thisdata.country,//是否全国
            editProvince: thisdata.province,//省
            editCity: thisdata.city,//市
            editDistrict: thisdata.district,//区
            editPrice: thisdata.price,//市场价
            firstPayment: thisdata.firstPayment,//首付金额
            editActivityPrice: thisdata.activityPrice,//活动价
            editOffset: thisdata.offset,//最低折扣
            editMemberPrice: thisdata.memberPrice,//会员价
            editActivityFlag: thisdata.activityFlag,//活动生效标识
            editStatus: thisdata.status,//品类状态
            patentTransfer: thisdata.patentTransfer ? 1 : 0,
            typeStr: str,
            typeStatus: thisdata.type,
            editCreateId: thisdata.createName,//创建人
            editTime: thisdata.createTimeFormattedDate,//创建时间
            editIntroduce: thisdata.introduce,//服务内容
            editProjectUrl: thisdata.projectUrl,//项目地址
            editValueEffect: thisdata.valueEffect,//价值及作用
            editClientSize: thisdata.clientSize,//基本条件
            editBoutique: thisdata.boutique,//是否精品
            orgCodeUrl: thisdata.minLogo ? splitUrl(thisdata.minLogo, ',', globalConfig.avatarHost + '/upload') : [],
            cditCompanyLogoUrl: thisdata.maxLogo ? splitUrl(thisdata.maxLogo, ',', globalConfig.avatarHost + '/upload') : [],
          });
        };
        //0 正常 1专利 2软著 3审计 4双软 5高新 6商标
        let str = ""
        if (thisdata.type == 0) {
          str = "通用"
        } else if (thisdata.type == 1) {
          str = "专利"
        } else if (thisdata.type == 2) {
          str = "软著"
        } else if (thisdata.type == 3) {
          str = "审计"
        } else if (thisdata.type == 4) {
          str = "双软"
        } else if (thisdata.type == 5) {
          str = "高新"
        } else if (thisdata.type == 6) {
          str = "商标"
        } else if (thisdata.type == 7) {
          str = "会员"
        } else if (thisdata.type == 8) {
          str = "投标"
        }
        this.setState({
          editId: thisdata.id, //每一条记录的ID
          editName: thisdata.bname, //项目名称
          editCname: thisdata.cname, //项目分类
          restrictStatus: thisdata.restrictStatus,//是否限定项目
          editCid: thisdata.cid,
          editCountry: thisdata.country, //是否全国
          editProvince: thisdata.province, //省
          editCity: thisdata.city, //市
          editDistrict: thisdata.district, //区
          editPrice: thisdata.price, //市场价
          firstPayment: thisdata.firstPayment,
          editActivityPrice: thisdata.activityPrice, //活动价
          editOffset: thisdata.offset, //最低折扣
          editMemberPrice: thisdata.memberPrice, //会员价
          editActivityFlag: thisdata.activityFlag, //活动生效标识
          editStatus: thisdata.status, //品类状态
          patentTransfer: thisdata.patentTransfer ? 1 : 0,
          typeStr: str,
          typeStatus: thisdata.type,
          editCreateId: thisdata.createName, //创建人
          editTime: thisdata.createTimeFormattedDate, //创建时间
          editIntroduce: thisdata.introduce, //服务内容
          editProjectUrl: thisdata.projectUrl, //项目地址
          editValueEffect: thisdata.valueEffect, //价值及作用
          editClientSize: thisdata.clientSize, //基本条件
          editBoutique: thisdata.boutique, //是否精品
          orgCodeUrl: thisdata.minLogo
            ? splitUrl(
              thisdata.minLogo,
              ",",
              globalConfig.avatarHost + "/upload"
            )
            : [],
          companyLogoUrl: thisdata.maxLogo
            ? splitUrl(
              thisdata.maxLogo,
              ",",
              globalConfig.avatarHost + "/upload"
            )
            : [],
          editDataSource: theArr,
          ProvinceCity: ProvinceCity
        });
      }.bind(this),
    }).always(function () {
      this.setState({
        loading: false
      });
    }.bind(this));
  },
  //左侧图片地址
  getOrgCodeUrl(e) {
    this.setState({ orgCodeUrl: e });
  },
  //右侧图片地址
  getCompanyLogoUrl(e) {
    this.setState({ companyLogoUrl: e });
  },
  //编辑一个规格，保存
  editformathandleSubmit(e) {
    e.preventDefault();
    let offsetText;
    if (this.state.formatOffset) {
      if (this.state.formatOffset > 10 || this.state.formatOffset < 0) {
        message.warning('最低折扣请输入0到10之间的数字');
        return false;
      } else {
        offsetText = this.state.formatOffset;
      }
    }
    this.props.form.validateFields((err, values) => {
      if (!err) {
        this.setState({
          loading: true
        });
        $.ajax({
          method: "post",
          dataType: "json",
          crossDomain: false,
          url: globalConfig.context + '/api/admin/ProjectSize/orgProjectSize',
          data: {
            id: this.state.formatId,//项目ID
            pname: this.state.formatPname,//规格名称
            price: this.state.formatPrice,//市场价
            offset: offsetText,//最低折扣
            activityPrice: this.state.formatActivityPrice,//活动价
            activityFlag: this.state.formatActivityFlag,//活动生效标识
            memberPrice: this.state.formatMemberPrice,//会员价
            status: this.state.formatStatus,//项目状态
          }
        }).done(function (data) {
          this.setState({
            loading: false
          });
          if (!data.error.length) {
            message.success('修改规格成功！');
            this.formatLoadData();
            this.editformathandleCancel();
          } else {
            message.warning(data.error[0].message);
          }
        }.bind(this));
      }
    });
  },
  //新增一个规格，保存
  formathandleSubmit(e) {
    e.preventDefault();
    let offsetText;
    if (this.state.formatOffset) {
      if (this.state.formatOffset > 10 || this.state.formatOffset < 0) {
        message.warning('最低折扣请输入0到10之间的数字');
        return false;
      } else {
        offsetText = this.state.formatOffset;
      }
    }
    this.props.form.validateFields((err, values) => {
      if (!err) {
        this.setState({
          loading: true
        });
        $.ajax({
          method: "post",
          dataType: "json",
          crossDomain: false,
          url: globalConfig.context + '/api/admin/ProjectSize/addProjectSize',
          data: {
            pid: this.state.editId,//项目ID
            pname: this.state.formatPname,//规格名称
            price: this.state.formatPrice,//市场价
            offset: offsetText,//最低折扣
            activityPrice: this.state.formatActivityPrice,//活动价
            activityFlag: this.state.formatActivityFlag,//活动生效标识
            memberPrice: this.state.formatMemberPrice,//会员价
            status: this.state.formatStatus,//项目状态
          }
        }).done(function (data) {
          this.setState({
            loading: false
          });
          if (!data.error.length) {
            message.success('新增规格成功！');
            this.formathandleCancel();
            this.formatLoadData();
          } else {
            message.warning(data.error[0].message);
          }
        }.bind(this));
      }
    });
  },
  //新增一个项目，保存
  addhandleSubmit(e) {
    e.preventDefault();
    if (!this.state.categoryName) {
      message.warning('请输入项目名称');
      return false;
    }
    if (!this.state.addCid) {
      message.warning('请选择项目品类');
      return false;
    }
    let isCountry = 0;
    let pro = '';
    let city = '';
    let dis = '';
    if (this.state.ProvinceCity == undefined) {
      message.warning('请选择项目有效范围');
      return false;
    } else {
      switch (parseInt(this.state.ProvinceCity.length)) {
        case 1: pro = this.state.ProvinceCity[0]; break;
        case 2: pro = this.state.ProvinceCity[0]; city = this.state.ProvinceCity[1]; break;
        case 3: pro = this.state.ProvinceCity[0]; city = this.state.ProvinceCity[1]; dis = this.state.ProvinceCity[2]; break;
      }
    }
    if (pro == 0) {
      isCountry = 1;
      pro = '';
    }
    this.props.form.validateFields((err, values) => {
      if (!err) {
        this.setState({
          loading: true
        });
        //上级组织字典
        let nameText = this.state.SuperArr;
        let superText = nameText[parseInt(this.state.addCid)].id;
        $.ajax({
          method: "post",
          dataType: "json",
          crossDomain: false,
          url: globalConfig.context + '/api/admin/ProjectSize/addProject',
          data: {
            bname: this.state.categoryName,//项目名称
            cid: superText,//品类类ID
            boutique: this.state.boutique ? this.state.boutique : '0',
            country: isCountry,//是否全国
            province: pro,//省
            city: city,//市
            district: dis,//区
          }
        }).done(function (data) {
          this.setState({
            loading: false
          });
          if (!data.error.length) {
            message.success('新增项目成功！');
            this.handleCancel();
            this.selectSuperId();
          } else {
            message.warning(data.error[0].message);
          }
        }.bind(this));
      }
    });
  },
  //项目整行删除
  delectRow() {
    let deletedIds = '';
    for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
      let rowItem = this.state.selectedRows[idx];
      if (rowItem.id) {
        deletedIds = rowItem.id;
      };
    };
    this.setState({
      selectedRowKeys: [],
      loading: deletedIds.length > 0
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/ProjectSize/deleteProject",
      data: {
        id: deletedIds
      }
    }).done(function (data) {
      if (!data.error.length) {
        message.success('删除成功！');
        this.setState({
          loading: false,
        });
      } else {
        message.warning(data.error[0].message);
      };
      this.selectSuperId();
    }.bind(this));
  },
  //项目整行停用
  blockRow() {
    let deletedIds = '';
    for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
      let rowItem = this.state.selectedRows[idx];
      if (rowItem.id) {
        deletedIds = rowItem.id;
      };
    };
    this.setState({
      selectedRowKeys: [],
      loading: deletedIds.length > 0
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/ProjectSize/stopProject",
      data: {
        id: deletedIds
      }
    }).done(function (data) {
      if (!data.error.length) {
        message.success('该项目已成功停用！');
        this.setState({
          loading: false,
        });
      } else {
        message.warning(data.error[0].message);
      };
      this.selectSuperId();
    }.bind(this));
  },
  //规格整行删除
  delectRowSize() {
    let deletedIds = '';
    for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
      let rowItem = this.state.selectedRows[idx];
      if (rowItem.formatId) {
        deletedIds = rowItem.formatId;
      };
    };
    this.setState({
      selectedRowKeys: [],
      loading: deletedIds.length > 0
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/ProjectSize/deleteProjectSize",
      data: {
        id: deletedIds
      }
    }).done(function (data) {
      if (!data.error.length) {
        message.success('删除成功！');
        this.setState({
          loading: false,
        });
      } else {
        message.warning(data.error[0].message);
      };
      this.formatLoadData();
    }.bind(this));
  },
  //规格整行停用
  blockRowSize() {
    let deletedIds = '';
    for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
      let rowItem = this.state.selectedRows[idx];
      if (rowItem.formatId) {
        deletedIds = rowItem.formatId;
      };
    };
    this.setState({
      selectedRowKeys: [],
      loading: deletedIds.length > 0
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/ProjectSize/stopProjectSize",
      data: {
        id: deletedIds
      }
    }).done(function (data) {
      if (!data.error.length) {
        message.success('该项目已成功停用！');
        this.setState({
          loading: false,
        });
      } else {
        message.warning(data.error[0].message);
      };
      this.formatLoadData();
    }.bind(this));
  },
  addClick() {
    this.state.RowData = {};
    this.setState({
      visible: true
    });
    this.addReset();
  },
  editClick(e) {
    this.state.RowData = {};
    this.setState({
      editvisible: true
    });
  },
  formatClick(e) {
    this.formatReset();
    this.state.RowData = {};
    this.setState({
      formatvisible: true
    });
  },
  editformatClick(e) {
    this.state.RowData = {};
    this.setState({
      editformatvisible: true
    });
  },
  handleCancel() {
    this.setState({ visible: false })
  },
  edithandleCancel(e) {
    this.setState({
      editvisible: false
    });
  },
  formathandleCancel(e) {
    this.setState({
      formatvisible: false
    });
  },
  editformathandleCancel(e) {
    this.setState({
      editformatvisible: false
    });
  },
  search() {
    this.loadData();
  },
  //搜索部分的清零
  reset() {
    this.state.bname = undefined;//项目名称清零
    this.state.cid = undefined;//品类名称清零
    this.state.ressSearch = undefined;//省市区清零
    this.state.activityFlag = undefined;//活动生效清零
    this.state.status = undefined;//项目状态清零
    this.state.type = undefined;//项目分类清零
    this.state.selrestrictStatus = undefined;//是否限定项目
    this.loadData();
  },
  //新增部分的清零
  addReset() {
    this.state.categoryName = '';//项目名称清零
    this.state.ProvinceCity = undefined;
    this.state.addCid = undefined;
    this.state.boutique = '';
  },
  //规格新增清零
  formatReset() {
    this.state.formatPname = '';//规格名称清零
    this.state.formatPrice = '';//市场价清零
    this.state.formatOffset = '';//最低折扣清零
    this.state.formatActivityPrice = '';//活动价清零
    this.state.formatMemberPrice = '';//会员价清零
    this.state.formatActivityFlag = undefined;//活动生效标识清零
    this.state.formatStatus = undefined;//项目状态清零
    this.formatLoadData();
  },
  //详情tab切换数据处理
  callback(e) {
    this.setState({
      callnub: e,
    })
    if (e == 1) {

    }
    if (e == 2) {
      this.formatLoadData();
    }
  },
  //更多搜索的显示与否
  searchSwitch() {
    this.setState({
      searchMore: !this.state.searchMore
    });
  },
  changeList(arr) {
    const newArr = [];
    this.state.columns.forEach(item => {
      arr.forEach(val => {
        if (val === item.title) {
          newArr.push(item);
        }
      });
    });
    this.setState({
      changeList: newArr
    });
  },
  render() {
    const FormItem = Form.Item
    const rowSelection = {
      selectedRowKeys: this.state.selectedRowKeys,
      onChange: (selectedRowKeys, selectedRows) => {
        this.setState({
          selectedRows: selectedRows.slice(-1),
          selectedRowKeys: selectedRowKeys.slice(-1)
        });
      }
    };
    const formItemLayout = {
      labelCol: { span: 8 },
      wrapperCol: { span: 14 },
    };
    const { getFieldDecorator } = this.props.form;
    const hasSelected = this.state.selectedRowKeys.length > 0;
    const { RangePicker } = DatePicker;

    return (
      <div className="user-content">
        <div className="content-title">
          <Tabs
            defaultActiveKey="1"
            className="test"
          >
            <TabPane tab="搜索" key="1">
              <div className="user-search">
                <Input
                  placeholder="业务项目名称"
                  style={{
                    width: "150px",
                    marginRight: "10px",
                    marginBottom: "10px",
                    marginLeft: 10,
                  }}
                  value={this.state.bname}
                  onChange={(e) => {
                    this.setState({ bname: e.target.value });
                  }}
                />
                <Select
                  placeholder="业务品类"
                  style={{ width: "200px", marginRight: "10px" }}
                  value={this.state.cid}
                  onChange={(e) => {
                    this.setState({ cid: e });
                  }}
                  notFoundContent="未获取到上级品类列表"
                >
                  {this.state.contactsOption}
                </Select>
                <Select
                  placeholder="是否限定项目"
                  style={{ width: "200px", marginRight: "10px" }}
                  value={this.state.selrestrictStatus}
                  onChange={(e) => {
                    this.setState({ selrestrictStatus: e });
                  }}
                >
                  <Select.Option value={0} >否</Select.Option>
                  <Select.Option value={1} >是</Select.Option>
                </Select>
                <Button
                  type="primary"
                  onClick={this.search}
                  style={{ marginRight: "10px" }}
                >
                  搜索
                </Button>
                <Button
                  onClick={this.reset}
                  style={{ marginRight: "10px" }}
                >
                  重置
                </Button>
                <Popconfirm
                  title="是否删除?"
                  onConfirm={this.delectRow}
                  okText="是"
                  cancelText="否"
                >
                  <Button
                    style={{
                      background: "#ea0862",
                      border: "none",
                      color: "#fff",
                      marginRight: "10px",
                      marginLeft: "10px",
                    }}
                    disabled={!hasSelected}
                  >
                    删除
                    <Icon type="minus" />
                  </Button>
                </Popconfirm>
                <Popconfirm
                  title="是否停用?"
                  onConfirm={this.blockRow}
                  okText="是"
                  cancelText="否"
                >
                  <Button
                    style={{
                      background: "#ea0862",
                      border: "none",
                      color: "#fff",
                      marginRight: "10px",
                      marginLeft: "10px",
                      display: "none",
                    }}
                    disabled={!hasSelected}
                  >
                    停用
                    <Icon type="minus" />
                  </Button>
                </Popconfirm>
                <span style={{ marginRight: "20px" }}>
                  更多搜索{" "}
                  <Switch
                    defaultChecked={false}
                    onChange={this.searchSwitch}
                  />
                </span>
                <div
                  className="search-more"
                  style={
                    this.state.searchMore
                      ? { display: "none" }
                      : { display: "block" }
                  }
                >
                  <span
                    style={{
                      marginRight: "10px",
                      marginBottom: "10px",
                      marginLeft: 10,
                    }}
                  >
                    <Cascader
                      options={provinceSelect()}
                      value={this.state.ressSearch}
                      placeholder="选择省份"
                      onChange={(e, pre) => {
                        this.setState({ ressSearch: e });
                      }}
                    />
                  </span>
                  <span
                    style={{ marginRight: "10px", marginBottom: "10px" }}
                  >
                    <Cascader
                      options={citySelect()}
                      value={this.state.ressSearch}
                      placeholder="选择城市"
                      onChange={(e, pre) => {
                        this.setState({ ressSearch: e });
                      }}
                    />
                  </span>
                  <span style={{ marginRight: "10px" }}>
                    <Cascader
                      options={areaSelect()}
                      value={this.state.ressSearch}
                      placeholder="选择地区"
                      onChange={(e, pre) => {
                        this.setState({ ressSearch: e });
                      }}
                    />
                  </span>
                  <Select
                    placeholder="活动生效标识"
                    style={{
                      width: "150px",
                      marginRight: "10px",
                      marginBottom: "10px",
                    }}
                    value={this.state.activityFlag}
                    onChange={(e) => {
                      this.setState({ activityFlag: e });
                    }}
                  >
                    <Select.Option value="0">有效</Select.Option>
                    <Select.Option value="1">无效</Select.Option>
                  </Select>
                  <Select
                    placeholder="项目状态"
                    style={{ width: "150px", marginRight: "10px" }}
                    value={this.state.status}
                    onChange={(e) => {
                      this.setState({ status: e });
                    }}
                  >
                    <Select.Option value="0">正常</Select.Option>
                    <Select.Option value="1">停用</Select.Option>
                  </Select>
                  <Select
                    placeholder="项目分类"
                    style={{ width: "150px", marginRight: "10px" }}
                    value={this.state.type}
                    onChange={(e) => {
                      this.setState({ type: 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.Option value="4">双软</Select.Option>
                    <Select.Option value="5">高新</Select.Option>
                    <Select.Option value="6">商标</Select.Option>
                    <Select.Option value="7">会员</Select.Option>
                  </Select>
                </div>
              </div>
            </TabPane>
            <TabPane tab="新增项目" key="2">
              <Button
                type="primary"
                className="addButton"
                onClick={this.addClick}
                style={{
                  float: "left",
                  marginRight: "50px",
                  marginLeft: 10,
                  marginBottom: 10,
                }}
              >
                新增项目
                <Icon type="plus" />
              </Button>
            </TabPane>
            <TabPane tab="更改表格显示数据" key="3">
              <div style={{ marginLeft: 10 }}>
                <ChooseList
                  columns={this.state.columns}
                  changeFn={this.changeList}
                  changeList={this.state.changeList}
                  top={55}
                  margin={11}
                />
              </div>
            </TabPane>
          </Tabs>
          <div className="patent-table">
            <Spin spinning={this.state.loading}>
              <Table
                size="middle"
                columns={
                  this.state.changeList
                    ? this.state.changeList
                    : this.state.columns
                }
                dataSource={this.state.dataSource}
                rowSelection={rowSelection}
                pagination={this.state.pagination}
                onRowClick={this.tableRowClick}
                current={this.state.aa}
              />
            </Spin>
          </div>

          <div className="patent-desc">
            <Modal
              maskClosable={false}
              visible={this.state.visible}
              onOk={this.checkPatentProcess}
              onCancel={this.handleCancel}
              width="400px"
              title="新增业务项目"
              footer=""
              className="admin-desc-content"
            >
              <Form
                horizontal
                onSubmit={this.addhandleSubmit}
                id="demand-form"
              >
                <Spin spinning={this.state.loading}>
                  <div className="clearfix">
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="业务项目名称"
                    >
                      <Input
                        placeholder="业务项目名称"
                        value={this.state.categoryName}
                        style={{ width: "94%" }}
                        onChange={(e) => {
                          this.setState({ categoryName: e.target.value });
                        }}
                        required="required"
                      />
                      <span
                        className="mandatory"
                        style={{ color: "red", marginLeft: "5px" }}
                      >
                        *
                      </span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="业务品类"
                    >
                      <Select
                        placeholder="请选择业务品类"
                        value={this.state.addCid}
                        onChange={(e) => {
                          this.setState({ addCid: e });
                        }}
                        notFoundContent="未获取到业务品类列表"
                        style={{ width: "94%" }}
                        required="required"
                      >
                        {this.state.contactsOption}
                      </Select>
                      <span
                        className="mandatory"
                        style={{ color: "red", marginLeft: "5px" }}
                      >
                        *
                      </span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="是否精品"
                    >
                      <Radio.Group
                        value={this.state.boutique}
                        onChange={(e) => {
                          this.setState({ boutique: e.target.value });
                        }}
                      >
                        <Radio value={1}>精品</Radio>
                        <Radio value={0}>非精品</Radio>
                      </Radio.Group>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="省"
                    >
                      <Cascader
                        options={provinceSelect()}
                        value={this.state.ProvinceCity}
                        placeholder="选择省"
                        style={{ width: "94%" }}
                        onChange={(e, pre) => {
                          this.setState({ ProvinceCity: e });
                        }}
                      />
                      <span style={{ color: "red", marginLeft: "5px" }}>
                        *
                      </span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="省-市"
                    >
                      <Cascader
                        options={citySelect()}
                        value={this.state.ProvinceCity}
                        placeholder="选择市"
                        style={{ width: "94%" }}
                        onChange={(e, pre) => {
                          this.setState({ ProvinceCity: e });
                        }}
                      />
                      <span style={{ color: "red", marginLeft: "5px" }}>
                        *
                      </span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="省-市-区"
                    >
                      <Cascader
                        options={areaSelect()}
                        value={this.state.ProvinceCity}
                        placeholder="选择区"
                        style={{ width: "94%" }}
                        onChange={(e, pre) => {
                          this.setState({ ProvinceCity: e });
                        }}
                      />
                      <span style={{ color: "red", marginLeft: "5px" }}>
                        *
                      </span>
                    </FormItem>
                  </div>

                  <FormItem wrapperCol={{ span: 12, offset: 7 }}>
                    <Button
                      className="set-submit"
                      type="primary"
                      htmlType="submit"
                    >
                      保存
                    </Button>
                    <Button
                      className="set-submit"
                      type="ghost"
                      onClick={this.handleCancel}
                      style={{ marginLeft: "15px" }}
                    >
                      取消
                    </Button>
                  </FormItem>
                </Spin>
              </Form>
            </Modal>
          </div>
          <div className="patent-desc">
            <Modal
              maskClosable={false}
              visible={this.state.formatvisible}
              onOk={this.checkPatentProcess}
              onCancel={this.formathandleCancel}
              width="400px"
              title="新增项目规格"
              footer=""
              className="admin-desc-content"
            >
              <Form
                horizontal
                onSubmit={this.formathandleSubmit}
                id="demand-form"
              >
                <Spin spinning={this.state.loading}>
                  <div className="clearfix">
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="项目名称"
                    >
                      <span style={{ width: "94%" }}>
                        {this.state.editName}
                      </span>
                    </FormItem>
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="规格名称"
                    >
                      <Input
                        placeholder="规格名称"
                        value={this.state.formatPname}
                        style={{ width: "94%" }}
                        onChange={(e) => {
                          this.setState({ formatPname: e.target.value });
                        }}
                        required="required"
                      />
                      <span
                        className="mandatory"
                        style={{ color: "red", marginLeft: "5px" }}
                      >
                        *
                      </span>
                    </FormItem>
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="市场价"
                    >
                      <Input
                        placeholder="市场价"
                        value={this.state.formatPrice}
                        style={{ width: "94%" }}
                        onChange={(e) => {
                          this.setState({ formatPrice: e.target.value });
                        }}
                      />
                    </FormItem>
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="活动价"
                    >
                      <Input
                        placeholder="活动价"
                        value={this.state.formatActivityPrice}
                        style={{ width: "94%" }}
                        onChange={(e) => {
                          this.setState({
                            formatActivityPrice: e.target.value,
                          });
                        }}
                      />
                    </FormItem>
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="最低折扣"
                    >
                      <Input
                        placeholder="最低折扣"
                        value={this.state.formatOffset}
                        style={{ width: "94%" }}
                        onChange={(e) => {
                          this.setState({ formatOffset: e.target.value });
                        }}
                      />
                    </FormItem>
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="会员价"
                    >
                      <Input
                        placeholder="会员价"
                        value={this.state.formatMemberPrice}
                        style={{ width: "94%" }}
                        onChange={(e) => {
                          this.setState({
                            formatMemberPrice: e.target.value,
                          });
                        }}
                      />
                    </FormItem>
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="活动生效"
                    >
                      <Select
                        placeholder="活动生效"
                        value={this.state.formatActivityFlag}
                        style={{ width: "94%" }}
                        onChange={(e) => {
                          this.setState({ formatActivityFlag: e });
                        }}
                      >
                        {gameState.map(function (item) {
                          return (
                            <Select.Option key={item.value}>
                              {item.key}
                            </Select.Option>
                          );
                        })}
                      </Select>
                    </FormItem>
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="项目状态"
                    >
                      <Select
                        placeholder="项目状态"
                        value={this.state.formatStatus}
                        style={{ width: "94%" }}
                        onChange={(e) => {
                          this.setState({ formatStatus: e });
                        }}
                      >
                        {conditionOrganization.map(function (item) {
                          return (
                            <Select.Option key={item.value}>
                              {item.key}
                            </Select.Option>
                          );
                        })}
                      </Select>
                    </FormItem>
                  </div>
                  <FormItem wrapperCol={{ span: 12, offset: 7 }}>
                    <Button
                      className="set-submit"
                      type="primary"
                      htmlType="submit"
                    >
                      保存
                    </Button>
                    <Button
                      className="set-submit"
                      type="ghost"
                      onClick={this.formathandleCancel}
                      style={{ marginLeft: "15px" }}
                    >
                      取消
                    </Button>
                  </FormItem>
                </Spin>
              </Form>
            </Modal>
          </div>
          <div className="patent-desc">
            <Modal
              maskClosable={false}
              visible={this.state.editformatvisible}
              onOk={this.checkPatentProcess}
              onCancel={this.editformathandleCancel}
              width="400px"
              title="编辑项目规格"
              footer=""
              className="admin-desc-content"
            >
              <Form
                horizontal
                onSubmit={this.editformathandleSubmit}
                id="demand-form"
              >
                <Spin spinning={this.state.loading}>
                  <div className="clearfix">
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="规格名称"
                    >
                      <Input
                        placeholder="规格名称"
                        value={this.state.formatPname}
                        style={{ width: "94%" }}
                        onChange={(e) => {
                          this.setState({ formatPname: e.target.value });
                        }}
                        required="required"
                      />
                      <span
                        className="mandatory"
                        style={{ color: "red", marginLeft: "5px" }}
                      >
                        *
                      </span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="创建人"
                    >
                      <span style={{ width: "94%" }}>
                        {this.state.editCreateId}
                      </span>
                    </FormItem>
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="市场价"
                    >
                      <Input
                        placeholder="市场价"
                        value={this.state.formatPrice}
                        style={{ width: "94%" }}
                        onChange={(e) => {
                          this.setState({ formatPrice: e.target.value });
                        }}
                      />
                    </FormItem>
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="活动价"
                    >
                      <Input
                        placeholder="活动价"
                        value={this.state.formatActivityPrice}
                        style={{ width: "94%" }}
                        onChange={(e) => {
                          this.setState({
                            formatActivityPrice: e.target.value,
                          });
                        }}
                      />
                    </FormItem>
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="最低折扣"
                    >
                      <Input
                        placeholder="最低折扣"
                        value={this.state.formatOffset}
                        style={{ width: "94%" }}
                        onChange={(e) => {
                          this.setState({ formatOffset: e.target.value });
                        }}
                      />
                    </FormItem>
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="会员价"
                    >
                      <Input
                        placeholder="会员价"
                        value={this.state.formatMemberPrice}
                        style={{ width: "94%" }}
                        onChange={(e) => {
                          this.setState({
                            formatMemberPrice: e.target.value,
                          });
                        }}
                      />
                    </FormItem>
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="活动生效"
                    >
                      <Select
                        placeholder="活动生效"
                        value={this.state.formatActivityFlag}
                        style={{ width: "94%" }}
                        onChange={(e) => {
                          this.setState({ formatActivityFlag: e });
                        }}
                      >
                        {gameState.map(function (item) {
                          return (
                            <Select.Option key={item.value}>
                              {item.key}
                            </Select.Option>
                          );
                        })}
                      </Select>
                    </FormItem>
                    <FormItem
                      labelCol={{ span: 7 }}
                      wrapperCol={{ span: 12 }}
                      label="项目状态"
                    >
                      <Select
                        placeholder="项目状态"
                        value={this.state.formatStatus}
                        style={{ width: "94%" }}
                        onChange={(e) => {
                          this.setState({ formatStatus: e });
                        }}
                      >
                        {conditionOrganization.map(function (item) {
                          return (
                            <Select.Option key={item.value}>
                              {item.key}
                            </Select.Option>
                          );
                        })}
                      </Select>
                    </FormItem>
                  </div>

                  <FormItem wrapperCol={{ span: 12, offset: 7 }}>
                    <Button
                      className="set-submit"
                      type="primary"
                      htmlType="submit"
                    >
                      保存
                    </Button>
                    <Button
                      className="set-submit"
                      type="ghost"
                      onClick={this.editformathandleCancel}
                      style={{ marginLeft: "15px" }}
                    >
                      取消
                    </Button>
                  </FormItem>
                </Spin>
              </Form>
            </Modal>
          </div>
          <div className="patent-desc">
            <Modal
              maskClosable={false}
              className="customeDetails"
              title="业务项目"
              width="1200px"
              visible={this.state.editvisible}
              onOk={this.edithandleCancel}
              onCancel={this.edithandleCancel}
              footer=""
            >
              <Tabs
                defaultActiveKey="1"
                onChange={this.callback}
                activeKey={this.state.callnub}
              >
                <TabPane tab="业务项目基本资料" key="1">
                  <Form
                    horizontal
                    onSubmit={this.edithandleSubmit}
                    id="demand-form"
                  >
                    <Spin spinning={this.state.loading}>
                      <div
                        className="clearfix"
                        style={{ paddingLeft: "60px" }}
                      >
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="项目名称"
                        >
                          <Input
                            placeholder="项目名称"
                            value={this.state.editName}
                            style={{ width: "94%" }}
                            onChange={(e) => {
                              this.setState({ editName: e.target.value });
                            }}
                            required="required"
                          />
                          <span
                            className="mandatory"
                            style={{ color: "red", marginLeft: "5px" }}
                          >
                            *
                          </span>
                        </FormItem>
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="业务品类"
                        >
                          <Select
                            placeholder="请选择业务品类"
                            value={this.state.editCname}
                            onChange={(e) => {
                              // console.log(e)
                              this.setState({ editCname: e });
                            }}
                            notFoundContent="未获取到业务品类列表"
                            style={{ width: "94%" }}
                            required="required"
                          >
                            {this.state.contactsOption}
                          </Select>
                          <span
                            className="mandatory"
                            style={{ color: "red", marginLeft: "5px" }}
                          >
                            *
                          </span>
                        </FormItem>
                      </div>
                      <div
                        className="clearfix"
                        style={{ paddingLeft: "60px" }}
                      >
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="省"
                        >
                          <Cascader
                            options={provinceSelect()}
                            value={this.state.ProvinceCity}
                            placeholder="选择省"
                            style={{ width: "94%" }}
                            onChange={(e, pre) => {
                              this.setState({ ProvinceCity: e });
                            }}
                          />
                          <span style={{ color: "red", marginLeft: "5px" }}>
                            *
                          </span>
                        </FormItem>
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="省-市"
                        >
                          <Cascader
                            options={citySelect()}
                            value={this.state.ProvinceCity}
                            placeholder="选择市"
                            style={{ width: "94%" }}
                            onChange={(e, pre) => {
                              this.setState({ ProvinceCity: e });
                            }}
                          />
                          <span style={{ color: "red", marginLeft: "5px" }}>
                            *
                          </span>
                        </FormItem>
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="省-市-区"
                        >
                          <Cascader
                            options={areaSelect()}
                            value={this.state.ProvinceCity}
                            placeholder="选择区"
                            style={{ width: "94%" }}
                            onChange={(e, pre) => {
                              this.setState({ ProvinceCity: e });
                            }}
                          />
                          <span style={{ color: "red", marginLeft: "5px" }}>
                            *
                          </span>
                        </FormItem>
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="是否精品"
                        >
                          <Radio.Group
                            value={this.state.editBoutique}
                            onChange={(e) => {
                              this.setState({
                                editBoutique: e.target.value,
                              });
                            }}
                          >
                            <Radio value={1}>精品</Radio>
                            <Radio value={0}>非精品</Radio>
                          </Radio.Group>
                        </FormItem>
                      </div>
                      <div
                        className="clearfix"
                        style={{ paddingLeft: "60px" }}
                      >
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="市场价"
                        >
                          <Input
                            placeholder="市场价"
                            value={this.state.editPrice}
                            style={{ width: "94%" }}
                            onChange={(e) => {
                              this.setState({ editPrice: e.target.value });
                            }}
                            required="required"
                          />
                          <span style={{ color: "red", marginLeft: "5px" }}>
                            *
                          </span>
                        </FormItem>
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="首付金额"
                        >
                          <Input
                            placeholder="市场价"
                            value={this.state.firstPayment}
                            style={{ width: "94%" }}
                            onChange={(e) => {
                              this.setState({
                                firstPayment: e.target.value,
                              });
                            }}
                            required="required"
                          />
                          <span style={{ color: "red", marginLeft: "5px" }}>
                            *
                          </span>
                        </FormItem>
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="活动价"
                        >
                          <Input
                            placeholder="活动价"
                            value={this.state.editActivityPrice}
                            style={{ width: "94%" }}
                            onChange={(e) => {
                              this.setState({
                                editActivityPrice: e.target.value,
                              });
                            }}
                          />
                        </FormItem>
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="最低折扣"
                        >
                          <Input
                            placeholder="最低折扣"
                            value={this.state.editOffset}
                            style={{ width: "94%" }}
                            onChange={(e) => {
                              this.setState({ editOffset: e.target.value });
                            }}
                          />
                        </FormItem>
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="会员价"
                        >
                          <Input
                            placeholder="会员价"
                            value={this.state.editMemberPrice}
                            style={{ width: "94%" }}
                            onChange={(e) => {
                              this.setState({
                                editMemberPrice: e.target.value,
                              });
                            }}
                          />
                        </FormItem>
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="活动生效"
                        >
                          <Select
                            placeholder="活动生效"
                            value={this.state.editActivityFlag}
                            style={{ width: "94%" }}
                            onChange={(e) => {
                              this.setState({ editActivityFlag: e });
                            }}
                          >
                            {gameState.map(function (item) {
                              return (
                                <Select.Option key={item.value}>
                                  {item.key}
                                </Select.Option>
                              );
                            })}
                          </Select>
                        </FormItem>
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="项目状态"
                        >
                          <Select
                            placeholder="项目状态"
                            value={this.state.editStatus}
                            style={{ width: "94%" }}
                            onChange={(e) => {
                              this.setState({ editStatus: e });
                            }}
                          >
                            {conditionOrganization.map(function (item) {
                              return (
                                <Select.Option key={item.value}>
                                  {item.key}
                                </Select.Option>
                              );
                            })}
                          </Select>
                        </FormItem>
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="项目分类"
                        >
                          {/*  0 正常 1专利 2软著 3审计 4双软 5高新 6商标*/}
                          <Select
                            placeholder="项目分类"
                            value={this.state.typeStr}
                            style={{ width: "94%" }}
                            onChange={(e) => {
                              let str = "";
                              if (e == 0) {
                                str = "通用";
                              } else if (e == 1) {
                                str = "专利";
                              } else if (e == 2) {
                                str = "软著";
                              } else if (e == 3) {
                                str = "审计";
                              } else if (e == 4) {
                                str = "双软";
                              } else if (e == 5) {
                                str = "高新";
                              } else if (e == 6) {
                                str = "商标";
                              } else if (e == 7) {
                                str = "会员";
                              } else if (e == 8) {
                                str = "投标";
                              }
                              this.setState({
                                typeStatus: e,
                                typeStr: str,
                              });
                            }}
                          >
                            <Select.Option key={0}>通用</Select.Option>
                            <Select.Option key={1}>专利</Select.Option>
                            <Select.Option key={2}>软著</Select.Option>
                            <Select.Option key={3}>审计</Select.Option>
                            <Select.Option key={4}>双软</Select.Option>
                            <Select.Option key={5}>高新</Select.Option>
                            <Select.Option key={6}>商标</Select.Option>
                            <Select.Option key={7}>会员</Select.Option>
                            <Select.Option key={8}>投标</Select.Option>
                          </Select>
                        </FormItem>
                        {this.state.typeStatus == 1 && <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label=""
                        />}
                        {this.state.typeStatus == 1 && <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="是否是转让"
                        >
                          <RadioGroup value={this.state.patentTransfer} onChange={(e) => {
                            this.setState({
                              patentTransfer: e.target.value
                            })
                          }}>
                            <Radio value={0}>否</Radio>
                            <Radio value={1}>是</Radio>
                          </RadioGroup>
                        </FormItem>}
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="创建人"
                        >
                          <span style={{ width: "94%" }}>
                            {this.state.editCreateId}
                          </span>
                        </FormItem>
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="是否限定项目"
                        >
                          <Select
                            placeholder="是否限定项目"
                            value={this.state.restrictStatus}
                            style={{ width: "94%" }}
                            onChange={(e) => {
                              this.setState({ restrictStatus: e });
                            }}
                          >
                            {[
                              { key: "否", value: 0 },
                              { key: "是", value: 1 },
                            ].map(function (item) {
                              return (
                                <Select.Option key={item.value} value={item.value}>
                                  {item.key}
                                </Select.Option>
                              );
                            })}
                          </Select>
                        </FormItem>
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="创建时间"
                        >
                          <span style={{ width: "94%" }}>
                            {this.state.editTime}
                          </span>
                        </FormItem>
                      </div>
                      <div className="clearfix">
                        <FormItem
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="项目地址"
                        >
                          <Input
                            type="textarea"
                            rows={1}
                            placeholder="业务项目服务内容"
                            value={this.state.editProjectUrl}
                            onChange={(e) => {
                              this.setState({
                                editProjectUrl: e.target.value,
                              });
                            }}
                          />
                        </FormItem>
                      </div>
                      <div className="clearfix">
                        <FormItem
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="业务项目服务内容"
                        >
                          <Input
                            type="textarea"
                            rows={4}
                            placeholder="业务项目服务内容"
                            value={this.state.editIntroduce}
                            onChange={(e) => {
                              this.setState({
                                editIntroduce: e.target.value,
                              });
                            }}
                          />
                        </FormItem>
                      </div>
                      <div className="clearfix">
                        <FormItem
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="业务项目价值及作用"
                        >
                          <Input
                            type="textarea"
                            rows={4}
                            placeholder="业务项目价值及作用"
                            value={this.state.editValueEffect}
                            onChange={(e) => {
                              this.setState({
                                editValueEffect: e.target.value,
                              });
                            }}
                          />
                        </FormItem>
                      </div>
                      <div className="clearfix">
                        <FormItem
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="业务项目客户基本条件"
                        >
                          <Input
                            type="textarea"
                            rows={4}
                            placeholder="业务项目客户基本条件"
                            value={this.state.editClientSize}
                            onChange={(e) => {
                              this.setState({
                                editClientSize: e.target.value,
                              });
                            }}
                          />
                        </FormItem>
                      </div>
                      <div className="clearfix pictures">
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 8 }}
                          wrapperCol={{ span: 10 }}
                          label="业务项目图标"
                        >
                          <PicturesWall
                            domId={'businessProject1'}
                            pictureSign="business_project_min_picture"
                            fileList={this.getOrgCodeUrl}
                            pictureUrl={this.state.orgCodeUrl}
                          />
                          <p>图片建议：图片要清晰。(35*35)</p>
                        </FormItem>
                        <FormItem
                          className="half-item"
                          labelCol={{ span: 4 }}
                          wrapperCol={{ span: 12 }}
                          label="业务项目图标"
                        >
                          <PicturesWall
                            domId={'businessProject2'}
                            pictureSign="business_project_max_picture"
                            fileList={this.getCompanyLogoUrl}
                            pictureUrl={this.state.companyLogoUrl}
                          />
                          <p>图片建议：图片要清晰。(200*200)</p>
                        </FormItem>
                      </div>
                      <Button
                        className="set-submit"
                        type="primary"
                        htmlType="submit"
                        style={{
                          marginLeft: "190px",
                          marginBottom: "20px",
                          marginTop: "110px",
                        }}
                      >
                        保存
                      </Button>
                      <Button
                        className="set-submit"
                        type="ghost"
                        onClick={this.edithandleCancel}
                        style={{
                          marginLeft: "100px",
                          marginBottom: "20px",
                        }}
                      >
                        取消
                      </Button>
                    </Spin>
                  </Form>
                </TabPane>
                <TabPane tab="业务项目规格" key="2">
                  <div className="clearfix">
                    <Popconfirm
                      title="是否删除?"
                      onConfirm={this.delectRowSize}
                      okText="是"
                      cancelText="否"
                    >
                      <Button
                        style={{
                          background: "#ea0862",
                          border: "none",
                          color: "#fff",
                          marginRight: "10px",
                          marginLeft: "10px",
                        }}
                        disabled={!hasSelected}
                      >
                        删除
                        <Icon type="minus" />
                      </Button>
                    </Popconfirm>
                    <Popconfirm
                      title="是否停用?"
                      onConfirm={this.blockRowSize}
                      okText="是"
                      cancelText="否"
                    >
                      <Button
                        style={{
                          background: "#ea0862",
                          border: "none",
                          color: "#fff",
                          marginRight: "10px",
                          marginLeft: "10px",
                          display: "none",
                        }}
                        disabled={!hasSelected}
                      >
                        停用
                        <Icon type="minus" />
                      </Button>
                    </Popconfirm>
                    <Button
                      className="ContactsList"
                      type="primary"
                      onClick={this.formatClick}
                      style={{ float: "right", marginBottom: "10px" }}
                    >
                      新增
                    </Button>
                  </div>
                  <div className="clearfix">
                    <Spin spinning={this.state.loading}>
                      <Form
                        horizontal
                        id="demand-form"
                        onSubmit={this.contactSave}
                      >
                        <Table
                          size="middle"
                          pagination={this.state.formatPagination}
                          columns={this.state.ContactsLists}
                          dataSource={this.state.formatDataSource}
                          rowSelection={rowSelection}
                          onRowClick={this.formatTableRowClick}
                        />
                      </Form>
                    </Spin>
                  </div>
                </TabPane>
              </Tabs>
            </Modal>
          </div>
        </div>
      </div>
    );
  }
}));

export default BusinessProject;