kede-client/js/component/manageCenter/project/summary/projecData.jsx

// import React, { Component } from "react";
// import {
//   Button,
//   DatePicker,
//   Input,
//   message,
//   Select,
//   Spin,
//   Table,
//   Tabs,
//   Cascader,
//   AutoComplete,
// } from "antd";
// import { ShowModal } from "@/tools";
// import { ChooseList } from "../../order/orderNew/chooseList";
// import $ from "jquery/src/ajax";
// import moment from "moment";
// import {
//   member,
//   highTechColumns,
//   doubleSoft,
//   softWriting,
//   patent,
//   audit,
//   currency,
// } from "./highTechConfig";
// import { projectStatusList } from "@/dataDic";
// import ProjectDetails from "./projectDetails";
// import Cascaders from "../../../common/cascaders";

// const { TabPane } = Tabs;
// const { RangePicker } = DatePicker;
// const { Option } = Select;

// class HighTech extends Component {
//   constructor(props) {
//     super(props);
//     this.state = {
//       tbaindex: 1,
//       searchValues: {},
//       loading: false,
//       changeList: undefined,
//       columns: currency,
//       status: 0,
//       page: 1,
//       pagination: {
//         defaultCurrent: 1,
//         defaultPageSize: 10,
//         showQuickJumper: true,
//         pageSize: 10,
//         onChange: function (page) {
//           this.loadData(page);
//         }.bind(this),
//         showTotal: function (total) {
//           return "共" + total + "条数据";
//         },
//       },
//       dataSource: [],
//       releaseDate: [],
//       searchOrderNo: "",
//       searchContractNo: "",
//       searchEnterpriseName: "",
//       declarationBatch: "",
//       projectSituation: "",
//       projectAmount: "",
//       deps: "",
//       thchDeps: "",
//       projectType: "",
//       projectStatus: "",
//       departmentArr: [],
//       contactsOption: [],
//       contactsOptionData: [],
//       visible: false,
//     };
//     this.resetAll = this.resetAll.bind(this);
//     this.changeList = this.changeList.bind(this);
//     this.loadData = this.loadData.bind(this);
//     this.selectSuperId = this.selectSuperId.bind(this);

//     this.supervisor = this.supervisor.bind(this);
//     this.httpChange = this.httpChange.bind(this);
//     this.selectAuto = this.selectAuto.bind(this);
//     this.blurChange = this.blurChange.bind(this);

//   }

//   changeList(arr) {
//     const newArr = [];
//     this.state.columns.forEach((item) => {
//       arr.forEach((val) => {
//         if (val === item.title) {
//           newArr.push(item);
//         }
//       });
//     });
//     this.setState({
//       changeList: newArr,
//     });
//   }

//   loadData(pageNo = "") {
//     this.setState({
//       loading: true,
//     });
//     $.ajax({
//       method: "get",
//       dataType: "json",
//       crossDomain: false,
//       url: globalConfig.context + "/api/admin/statistis/selectTaskList",
//       data: this.props.searchData
//         ? Object.assign(
//           {
//             pageNo: pageNo || 1,
//             pageSize: this.state.pagination.pageSize || 10,
//           },
//           this.props.searchData
//         )
//         :
//         {
//           pageNo: pageNo || 1,
//           pageSize: this.state.pagination.pageSize || 10,
//           startDate:
//             this.state.releaseDate.length > 0
//               ? this.state.releaseDate[0]
//               : undefined, //开始时间
//           endDate:
//             this.state.releaseDate.length > 0
//               ? this.state.releaseDate[1]
//               : undefined, //结束时间
//           deps: this.state.deps || undefined, //部门ID
//           thchDeps: this.state.thchDeps || undefined, //责任部门ID
//           projectStatus: this.state.projectStatus || undefined, //项目类别
//           projectType: !this.state.projectType ? undefined : this.state.projectType, //项目分类
//           orderNo: this.state.searchOrderNo || undefined, //订单编号
//           contractNo: this.state.searchContractNo || undefined, //合同编号
//           userName: this.state.searchEnterpriseName || undefined, //企业名称
//           declarationBatch: this.state.declarationBatch || undefined, //申报批次
//           projectSituation:
//             typeof this.state.projectSituation === "number"
//               ? this.state.projectSituation
//               : undefined, //项目分类
//           projectAmount: this.state.projectAmount || undefined, //项目金额
//           status: this.state.status,
//           thchId: this.state.thchId || undefined, //咨询师/咨询经理id
//           taskProjectStatus: this.state.taskProjectStatus || undefined,//项目状态
//           sdStatus: this.state.sdStatus,//满意度
//         },
//       success: function (data) {
//         ShowModal(this);
//         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];
//             thisdata.key = (data.data.pageNo - 1) * data.data.pageSize + i + 1;
//             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({
//             pagination: this.state.pagination,
//             page: pageNo,
//             dataSource: theArr,
//           });
//         }
//       }.bind(this),
//     }).always(
//       function () {
//         this.setState({
//           loading: false,
//         });
//       }.bind(this)
//     );
//   }

//   resetAll() {
//     this.setState(
//       {
//         newArray: [],
//         releaseDate: [],
//         searchOrderNo: "",
//         searchContractNo: "",
//         searchEnterpriseName: "",
//         declarationBatch: "",
//         projectSituation: "",
//         projectAmount: "",
//         projectType: "",
//         deps: "",
//         thchDeps: "",
//         projectStatus: "",
//         columns: currency,
//         status: 0,
//         thchId: "",
//         auto: "",
//         taskProjectStatus: "",
//         sdStatus: undefined,
//       },
//       () => {
//         this.Cascaders1.empty();
//         this.Cascaders2.empty();
//         this.defaultcolumns();
//         this.loadData();
//       }
//     );
//   }
//   //项目类别
//   selectSuperId() {
//     $.ajax({
//       method: "get",
//       dataType: "json",
//       crossDomain: false,
//       url: globalConfig.context + "/api/admin/ProjectSize/getAllCname",
//       data: {
//         flag: 0,
//       },
//       success: function (data) {
//         let theArr = [];
//         let newTheArr = []
//         let thedata = data.data;
//         if (!thedata) {
//           if (data.error && data.error.length) {
//             message.warning(data.error[0].message);
//           }
//         }
//         for (let i = 0; i < data.data.length; i++) {
//           let theData = data.data[i];
//           theArr.push(
//             <Select.Option value={theData.id} key={theData.cname}>
//               {theData.cname}
//             </Select.Option>
//           );
//           let newChildren = []
//           for (let j = 0; j < theData.typeList.length; j++) {
//             newChildren.push({
//               label: theData.typeList[j].name,
//               value: theData.typeList[j].id,
//             })
//           }
//           newTheArr.push({
//             label: theData.cname,
//             value: theData.id,
//             children: newChildren
//           })
//         }
//         this.setState({
//           contactsOption: theArr,
//           contactsOptionData: newTheArr,
//           // contactsOptionData: data.data,
//         });
//       }.bind(this),
//     }).always();
//   }
//   // 设置默认table（用来默认不显示某列数据 isNoD:true）
//   defaultcolumns() {
//     const newArr = [];
//     this.state.columns.forEach((item) => {
//       if (item.isNoD) {
//         return
//       } else {
//         newArr.push(item);
//       }
//     });
//     this.setState({
//       changeList: newArr,
//     }, () => {
//       this.loadData();
//     });
//   }
//   // 导出excel
//   exportExec() {
//     message.config({
//       duration: 20,
//     });
//     let loading = message.loading("下载中...");
//     this.setState({
//       exportPendingLoading: true,
//     });
//     let data = {
//       startDate:
//         this.state.releaseDate.length > 0
//           ? this.state.releaseDate[0]
//           : undefined, //开始时间
//       endDate:
//         this.state.releaseDate.length > 0
//           ? this.state.releaseDate[1]
//           : undefined, //结束时间
//       deps: this.state.deps || undefined, //部门ID
//       thchDeps: this.state.thchDeps || undefined, //责任部门ID
//       projectStatus: this.state.projectStatus || undefined, //项目类别
//       projectType: !this.state.projectType ? undefined : this.state.projectType, //项目分类
//       status: this.state.status,
//       orderNo: this.state.searchOrderNo || undefined, //订单编号
//       contractNo: this.state.searchContractNo || undefined, //合同编号
//       userName: this.state.searchEnterpriseName || undefined, //企业名称
//       declarationBatch: this.state.declarationBatch || undefined, //申报批次
//       projectAmount: this.state.projectAmount || undefined, //项目金额
//       thchId: this.state.thchId || undefined, //咨询师/咨询经理id
//       taskProjectStatus: this.state.taskProjectStatus || undefined,//项目状态
//       sdStatus: this.state.sdStatus,//满意度
//     };
//     $.ajax({
//       method: "get",
//       dataType: "json",
//       crossDomain: false,
//       url: "/api/admin/statistis/exporTaskList",
//       data,
//       success: function (data) {
//         if (data.error.length === 0) {
//           this.download(data.data);
//         } else {
//           message.warning(data.error[0].message);
//         }
//       }.bind(this),
//     }).always(
//       function () {
//         loading();
//         this.setState({
//           exportPendingLoading: false,
//         });
//       }.bind(this)
//     );
//   }
//   // 下载
//   download(fileName) {
//     window.location.href =
//       globalConfig.context + "/open/download?fileName=" + fileName;
//   }
//   // 查询用户
//   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 () {

//       }.bind(this)
//     );
//   }
//   // 输入触发
//   httpChange(e) {
//     if (e.length >= 1) {
//       this.supervisor(e);
//     }
//     this.setState({
//       auto: e,
//     });
//   }
//   // 选中
//   selectAuto(value, options) {
//     let thchId = ""
//     let contactLists = this.state.customerArr || [];
//     if (value) {
//       contactLists.map(function (item) {
//         if (item.name == value.toString()) {
//           thchId = item.id;
//         }
//       });
//     }
//     this.setState({
//       auto: value,
//       thchId: thchId,
//     });
//   }
//   // 失去焦点
//   blurChange(e) {
//     let thchId = ""
//     let contactLists = this.state.customerArr || [];
//     if (e) {
//       contactLists.map(function (item) {
//         if (item.name == e.toString()) {
//           thchId = item.id;
//         }
//       });
//     }
//     this.setState({
//       thchId: thchId,
//     });
//   }

//   componentWillMount() {
//     // 
//     if (!this.props.introduce) {
//       this.defaultcolumns();
//       this.selectSuperId();
//     }
//     if (this.props.searchData) {
//       let e = this.props.searchData.projectType;
//       this.setState({
//         columns:
//           e == "0"
//             ? currency : e == "1"
//               ? patent : e == "2"
//                 ? softWriting : e == "3"
//                   ? audit : e == "4"
//                     ? doubleSoft : e == "5"
//                       ? highTechColumns : e == "6"
//                         ? currency : e == "7"
//                           ? member : currency,
//       }, () => {
//         this.defaultcolumns();
//       });
//     }
//   }

//   // 暂停项目 颜色
//   suspendColor(record) {
//     if (record.projectStatus == 29) {
//       return 'light'
//     } else {
//       return 'dark'
//     }
//   }

//   render() {
//     const dataSources = this.state.customerArr || [];
//     const options = dataSources.map((group) => (
//       <Select.Option key={group.id} value={group.name}>
//         {group.name}
//       </Select.Option>
//     ));
//     return (
//       <div className="user-content">
//         <div>
//           <div className="content-title" style={{ marginBottom: 10 }}>
//             <span style={{ fontWeight: 900, fontSize: 16 }}>
//               项目数据统计
//             </span>
//           </div>
//           <Tabs defaultActiveKey="1" className="test">
//             <TabPane tab="搜索" key="1">
//               <div
//                 className="user-search"
//                 style={{
//                   marginTop: "10px",
//                   marginLeft: "10px",
//                   marginRight: "10px",
//                 }}
//               >
//                 <Input
//                   placeholder="订单编号"
//                   style={{
//                     width: 220,
//                     marginRight: "10px",
//                   }}
//                   value={this.state.searchOrderNo}
//                   onChange={(e) => {
//                     this.setState({ searchOrderNo: e.target.value });
//                   }}
//                 />
//                 <Input
//                   placeholder="合同编号"
//                   style={{
//                     width: 220,
//                     marginRight: "10px",
//                   }}
//                   value={this.state.searchContractNo}
//                   onChange={(e) => {
//                     this.setState({ searchContractNo: e.target.value });
//                   }}
//                 />
//                 <Input
//                   placeholder="企业名称"
//                   style={{
//                     width: 220,
//                     marginRight: "10px",
//                   }}
//                   value={this.state.searchEnterpriseName}
//                   onChange={(e) => {
//                     this.setState({ searchEnterpriseName: e.target.value });
//                   }}
//                 />
//                 <span style={{ display: "inline-block" }}>
//                   <span style={{ marginRight: "10px" }}>项目分类:</span>
//                   <Cascader
//                     options={this.state.contactsOptionData}
//                     value={this.state.newArray}
//                     placeholder="请选择"
//                     style={{ width: 150, marginRight: 10 }}
//                     onChange={(e, pre) => {
//                       let first = e[0];
//                       let two = e[1];
//                       this.setState({
//                         newArray: e,
//                         projectStatus: first,
//                         projectType: two,
//                         changeList: undefined,
//                         dataSource: [],
//                         status:
//                           two == "4"
//                             ? 2 : two == "3"
//                               ? 6 : two == "2"
//                                 ? 3 : two == "1"
//                                   ? 4 : two == "5"
//                                     ? 1 : two == "7"
//                                       ? 5 : 0,
//                         columns:
//                           two == "0"
//                             ? currency : two == "1"
//                               ? patent : two == "2"
//                                 ? softWriting : two == "3"
//                                   ? audit : two == "4"
//                                     ? doubleSoft : two == "5"
//                                       ? highTechColumns : two == "6"
//                                         ? currency : two == "7"
//                                           ? member : currency,
//                       }, () => {
//                         this.defaultcolumns()
//                       })
//                     }}
//                   />
//                 </span>
//                 {/* <span style={{ display: "inline-block" }}>
//                     <span style={{ marginRight: "10px" }}>
//                       项目类别 :
//                     </span>
//                     <Select
//                       value={this.state.projectStatus || undefined}
//                       placeholder="请选择项目类别"
//                       notFoundContent="未获取到上级品类列表"
//                       style={{
//                         width: 150,
//                         marginRight: "10px",
//                       }}
//                       onChange={(e) => {
//                         let infor = this.state.contactsOptionData.filter(
//                           (v) => v.id === e
//                         );
//                         this.setState(
//                           {
//                             projectStatus: e,
//                           },
//                           // () => {
//                           //   if (infor[0].cname === '高新会员服务' && typeof this.state.projectType !== 'number') {
//                           //     this.setState({
//                           //       columns: highTechColumns,
//                           //       dataSource: [],
//                           //       changeList: [],
//                           //       status: 1,
//                           //     }, () => {
//                           //       this.loadData();
//                           //     })
//                           //   } else if (typeof this.state.projectType !== 'number') {
//                           //     this.setState({
//                           //       columns: currency,
//                           //       dataSource: [],
//                           //       changeList: [],
//                           //       status: 0,
//                           //     }, () => {
//                           //       this.loadData();
//                           //     })
//                           //   } else {
//                           //     this.loadData();
//                           //   }
//                           // }
//                         );
//                       }}
//                     >
//                       {this.state.contactsOption}
//                     </Select>
//                   </span>
//                   <span style={{ display: "inline-block" }}>
//                     <span style={{ marginRight: "10px", marginBottom: "10px" }}>
//                       项目分类 :
//                     </span>
//                     <Select
//                       value={
//                         typeof this.state.projectType === "number"
//                           ? this.state.projectType
//                           : undefined
//                       }
//                       placeholder="请选择项目分类"
//                       style={{
//                         width: 150,
//                         marginRight: "10px",
//                       }}
//                       onChange={(e) => {
//                         this.setState(
//                           {
//                             columns:
//                               e === 0
//                                 ? currency : e === 1
//                                   ? patent : e === 2
//                                     ? softWriting : e === 3
//                                       ? currency : e === 4
//                                         ? doubleSoft : e === 5
//                                           ? highTechColumns : e === 6
//                                             ? currency : currency,
//                             changeList: [],
//                             projectType: e,
//                             status:
//                               e === 4
//                                 ? 2 : e === 2
//                                   ? 3 : e === 1
//                                     ? 4 : e === 5
//                                       ? 1 : 0,
//                             dataSource: [],
//                           },
//                           () => {
//                             this.defaultcolumns();
//                             this.loadData();
//                           }
//                         );
//                       }}
//                     >
//                       <Option value={0}>通用</Option>
//                       <Option value={1}>专利</Option>
//                       <Option value={2}>软著</Option>
//                       <Option value={3}>审计</Option>
//                       <Option value={4}>双软</Option>
//                       <Option value={5}>高新</Option>
//                       <Option value={6}>商标</Option>
//                       <Option value={7}>会员</Option>
//                     </Select>
//                   </span> */}
//                 <span
//                   style={{
//                     display: "inline-block",
//                   }}
//                 >
//                   <span style={{ marginBottom: "10px" }}>订单部门：</span>
//                   <Cascaders
//                     ref={ref => this.Cascaders1 = ref}
//                     placeholder="请选择订单部门"
//                     height={28}
//                     width={150}
//                     onSel={(e) => {
//                       this.setState({
//                         deps: JSON.stringify(e)
//                       })
//                     }}
//                   />
//                 </span>
//                 <span
//                   style={{
//                     display: "inline-block",
//                   }}
//                 >
//                   <span style={{ marginBottom: "10px" }}>负责部门：</span>
//                   <Cascaders
//                     ref={ref => this.Cascaders2 = ref}
//                     placeholder="请选择负责部门"
//                     height={28}
//                     width={150}
//                     onSel={(e) => {
//                       this.setState({
//                         thchDeps: JSON.stringify(e)
//                       })
//                     }}
//                   />
//                 </span>
//                 <span style={{ display: "inline-block" }}>
//                   <span style={{ marginRight: "10px", marginBottom: "10px" }}>
//                     咨询师/经理:
//                   </span>
//                   <AutoComplete
//                     className="certain-category-search"
//                     dropdownClassName="certain-category-search-dropdown"
//                     dropdownMatchSelectWidth={false}
//                     style={{ width: 130 }}
//                     dataSource={options}
//                     placeholder='请输入姓名'
//                     value={this.state.auto}
//                     onChange={this.httpChange}
//                     filterOption={true}
//                     onBlur={this.blurChange}
//                     onSelect={this.selectAuto}
//                   >
//                     <Input />
//                   </AutoComplete>
//                 </span>
//                 <span style={{ display: "inline-block" }}>
//                   <span style={{ marginRight: "10px", marginBottom: "10px" }}>
//                     申报批次:
//                   </span>
//                   <Select
//                     value={this.state.declarationBatch || undefined}
//                     placeholder="请选择批次"
//                     style={{
//                       width: 150,
//                       marginRight: "10px",
//                     }}
//                     onChange={(e) => {
//                       this.setState({
//                         declarationBatch: e,
//                       });
//                     }}
//                   >
//                     <Option value={1}>第一批</Option>
//                     <Option value={2}>第二批</Option>
//                     <Option value={3}>第三批</Option>
//                     <Option value={4}>第四批</Option>
//                   </Select>
//                 </span>
//                 <span style={{ display: "inline-block" }}>
//                   <span style={{ marginRight: "10px" }}>
//                     项目金额:
//                   </span>
//                   <Select
//                     value={this.state.projectAmount || undefined}
//                     placeholder="请选择项目金额"
//                     style={{
//                       width: 150,
//                       marginRight: "10px",
//                     }}
//                     onChange={(e) => {
//                       this.setState({
//                         projectAmount: e,
//                       });
//                     }}
//                   >
//                     <Option value={1}>0~0.5万</Option>
//                     <Option value={2}>0.5~1万</Option>
//                     <Option value={3}>1~2万</Option>
//                     <Option value={4}>2~5万</Option>
//                     <Option value={5}>5~10万</Option>
//                     <Option value={6}>10~30万</Option>
//                     <Option value={7}>30~50万</Option>
//                     <Option value={8}>50~80万</Option>
//                     <Option value={9}>80万上</Option>
//                   </Select>
//                 </span>
//                 <span style={{ display: "inline-block" }}>
//                   <span style={{ marginRight: "10px" }}>
//                     项目状态:
//                   </span>
//                   <Select
//                     value={this.state.taskProjectStatus || undefined}
//                     placeholder="请选择项目状态"
//                     style={{
//                       width: 150,
//                       marginRight: "10px",
//                     }}
//                     onChange={(e) => {
//                       this.setState({
//                         taskProjectStatus: e,
//                       });
//                     }}
//                   >
//                     {
//                       projectStatusList.map((item) =>
//                         <Option value={item.value} key={item.value}>{item.label}</Option>
//                       )
//                     }
//                   </Select>
//                 </span>
//                 {/*    <span style={{display:"inline-block"}}>*/}
//                 {/*    <span style={{marginRight:'10px',marginBottom:'10px'}}>项目情况 :</span>*/}
//                 {/*    <Select*/}
//                 {/*        value={typeof this.state.projectSituation === 'number' ? this.state.projectSituation : undefined}*/}
//                 {/*        placeholder="请选择项目情况"*/}
//                 {/*        style={{ width: 200,marginRight:'10px',marginBottom:'10px' }}*/}
//                 {/*        onChange={(e) => {*/}
//                 {/*            this.setState({*/}
//                 {/*                projectSituation: e,*/}
//                 {/*            });*/}
//                 {/*        }}*/}
//                 {/*    >*/}
//                 {/*        <Option value={0}>未开始</Option>*/}
//                 {/*        <Option value={1}>进行中</Option>*/}
//                 {/*        <Option value={2}>已暂停</Option>*/}
//                 {/*        <Option value={3}>已驳回(专利、软著项目编写)</Option>*/}
//                 {/*        <Option value={4}>已完成</Option>*/}
//                 {/*        <Option value={5}>项目已完成 已退单</Option>*/}
//                 {/*        <Option value={6}>项目未完成 已退单</Option>*/}
//                 {/*    </Select>*/}
//                 {/*</span>*/}
//                 <span style={{ display: "inline-block" }}>
//                   <span style={{ marginRight: "10px" }}>
//                     满&nbsp;&nbsp;意&nbsp;&nbsp;度:
//                   </span>
//                   <Select
//                     value={this.state.sdStatus}
//                     placeholder="请选择满意度"
//                     style={{
//                       width: 150,
//                       marginRight: "10px",
//                     }}
//                     onChange={(e) => {
//                       this.setState({
//                         sdStatus: e,
//                       });
//                     }}
//                   >
//                     <Option value={0}>未发放</Option>
//                     <Option value={1}>已发放</Option>
//                     <Option value={2}>已回收（非常满意）</Option>
//                     <Option value={3}>已回收（满意）</Option>
//                     <Option value={4}>已回收（一般）</Option>
//                     <Option value={5}>已回收（不满意）</Option>
//                   </Select>
//                 </span>

//                 <span style={{ display: "inline-block" }}>
//                   <span style={{ marginRight: "10px" }}>
//                     派单时间:
//                   </span>
//                   <RangePicker
//                     allowClear={false}
//                     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 });
//                     }}
//                   />
//                 </span>
//                 <Button
//                   type="primary"
//                   onClick={() => {
//                     this.loadData();
//                   }}
//                   style={{ marginRight: "10px", marginBottom: "10px" }}
//                 >
//                   搜索
//                 </Button>
//                 <Button
//                   onClick={this.resetAll}
//                   style={{ marginRight: "10px", marginBottom: "10px" }}
//                 >
//                   重置
//                 </Button>
//               </div>
//             </TabPane>
//             <TabPane tab="更改表格显示数据" key="2">
//                 <div style={{ marginLeft: 10 }}>
//                   <ChooseList
//                     columns={this.state.columns}
//                     changeFn={this.changeList}
//                     changeList={this.state.changeList}
//                     top={55}
//                     margin={11}
//                   />
//                 </div>
//             </TabPane>
//             <TabPane tab="导出EXCEL" key="3">
//               <Button
//                 type="primary"
//                 style={{ margin: "10px" }}
//                 onClick={this.exportExec.bind(this)}
//               >
//                 导出excel
//               </Button>
//             </TabPane>
//           </Tabs>
//         </div>
//         <div className="patent-table">
//           <Spin spinning={this.state.loading}>
//             <Table
//               bordered
//               size="middle"
//               scroll={{
//                 x:
//                   this.state.status === 4 || this.state.status === 3
//                     ? 1800
//                     : 1000,
//                 y: 0,
//               }}
//               columns={
//                 (this.state.changeList && this.state.changeList.length != 0)
//                   ? this.state.changeList
//                   : this.state.columns
//               }
//               dataSource={this.state.dataSource}
//               pagination={this.state.pagination}
//               style={{
//                 cursor: "pointer",
//               }}
//               rowClassName={this.suspendColor}
//               onRowClick={(record) => {
//                 this.setState({
//                   projectdetailsId: record.id,
//                   projectdetailsOrderNo: record.orderNo,
//                   pname: record.pname,
//                   visible: true,
//                 });
//               }}
//             />
//           </Spin>
//         </div>
//         {this.state.visible ? (
//           <ProjectDetails
//             visible={this.state.visible}
//             id={this.state.projectdetailsId}
//             orderNo={this.state.projectdetailsOrderNo}
//             taskName={this.state.pname}
//             visitOk={() => {
//               this.setState({
//                 visible: false,
//               });
//             }}
//             visitCancel={() => {
//               this.loadData(this.state.page);
//               this.setState({
//                 visible: false,
//               });
//             }}
//           />
//         ) : null}
//       </div>
//     );
//   }
// }

// export default HighTech;