123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332 |
- import React from 'react';
- import {
- DatePicker,
- Tooltip,
- Button,
- AutoComplete,
- Input,
- Select,
- Spin,
- Table,
- message,
- Form,
- Tabs,
- } from 'antd';
- import $ from 'jquery/src/ajax';
- import moment from 'moment';
- import { ShowModal, getApprovedState, getWhether, getLiquidationStatus } from "@/tools.js";
- import { projectStatusList, salesList } from "@/dataDic";
- import { citySelect } from "../../../NewDicProvinceList";
- import ShowModalDiv from "@/showModal.jsx";
- import { ChooseList } from "../../order/orderNew/chooseList";
- import StaffSearch from '../../../../component/common/staffSearch';
- import Cascaders from "../../../common/cascaders";
- import './index.less';
- const TabPane = Tabs.TabPane;
- const { RangePicker, MonthPicker } = DatePicker;
- const ProjecDataStatistics = Form.create()(React.createClass({
- getInitialState() {
- return {
- searchValues: {},
- loading: false,
- exportPendingLoading: false,
- changeList: undefined,
- dataSource: [],
- pagination: {
- defaultCurrent: 1,
- defaultPageSize: 10,
- showQuickJumper: true,
- pageSize: 10,
- onChange: function (page) {
- this.loadData(page);
- }.bind(this),
- showTotal: function (total) {
- return '共' + total + '条数据';
- }
- },
- columns: [
- {
- title: "销售类型",
- dataIndex: "salesType",
- key: "salesType",
- render: (text, record) => {
- return (
- <Tooltip
- title={salesList[text] + ((text == 3 || text == 4 || text == 5) ? (!record.other ? "" : "," + record.other) : "")}
- >
- <span>
- {salesList[text]}
- </span>
- </Tooltip>
- );
- },
- },
- {
- title: "订单类型",
- dataIndex: "serviceType",
- key: "serviceType",
- render: text => {
- return (
- <div style={{ maxWidth: 200 }}>{text}</div>
- )
- }
- },
- {
- title: "结算状态",
- dataIndex: "liquidationStatus",
- key: "liquidationStatus",
- render: (text) => {
- return getLiquidationStatus(text);
- },
- },
- {
- title: '是否会员',
- dataIndex: 'projectType',
- key: 'projectType',
- render: text => { return getWhether(text) }
- },
- {
- title: '是否大客户',
- dataIndex: 'bigCustomer',
- key: 'bigCustomer',
- render: text => { return getWhether(text) }
- },
- {
- title: "是否特批",
- dataIndex: "approval",
- key: "approval",
- render: (text) => {
- return getApprovedState(text);
- },
- },
- {
- title: '签单时间',
- dataIndex: 'signTime',
- key: 'signTime',
- },
- {
- title: "派单时间",
- dataIndex: "createTime",
- key: "createTime",
- },
- {
- title: '公司名称',
- dataIndex: 'buyerName',
- key: 'buyerName',
- render: text => {
- return (
- <Tooltip title={text}>
- <div style={{ maxWidth: 200 }}>{text}</div>
- </Tooltip>
- )
- }
- },
- {
- title: "合同编号",
- dataIndex: "contractNo",
- key: "contractNo",
- },
- {
- title: '合同类型',
- dataIndex: 'htlx',
- key: 'htlx',
- // render: (text) => { return getContractType(text) }
- },
- {
- title: '省份',
- dataIndex: 'province',
- key: 'province',
- },
- {
- title: "派单公司",
- dataIndex: "depName",
- key: "depName",
- },
- {
- title: '签单金额',
- dataIndex: 'totalAmount',
- key: 'totalAmount',
- },
- {
- title: '合同收款比例',
- dataIndex: 'contractAmountProportion',
- key: 'contractAmountProportion',
- },
- {
- title: '应收款',
- dataIndex: 'orderReceivables',
- key: 'orderReceivables',
- },
- {
- title: '已收款',
- dataIndex: 'settlementAmount',
- key: 'settlementAmount',
- },
- {
- title: "欠款",
- dataIndex: "arrearsAmount",
- key: "arrearsAmount",
- },
- {
- title: "已报销",
- dataIndex: "expenseAmount",
- key: "expenseAmount",
- },
- {
- title: "应公出/已公出/超出",
- dataIndex: "shouldPublic",
- key: "shouldPublic",
- render: (text, record) => {
- return (
- <span>
- {text + " / " + record.alreadyPublic + " / " + record.exceedPublic}
- </span>
- );
- },
- },
- {
- title: "总成本/实付",
- dataIndex: "costAmount",
- key: "costAmount",
- render: (text, record) => {
- return (
- <span>
- {text + " / " + record.paymentAmount}
- </span>
- );
- },
- },
- {
- title: "已开票金额",
- dataIndex: "invicueAmount",
- key: "invicueAmount",
- },
- {
- title: "退款金额",
- dataIndex: "refundAmount",
- key: "refundAmount",
- },
- {
- title: "财务负责人",
- dataIndex: "financeName",
- key: "financeName",
- },
- {
- title: "营销负责人",
- dataIndex: "salesmanName",
- key: "salesmanName",
- },
- {
- title: "项目名称",
- dataIndex: "commodityName",
- key: "commodityName",
- },
- {
- title: "项目转入时间",
- dataIndex: "taskDistributionTime",
- key: "taskDistributionTime",
- },
- {
- title: "是否重报",
- dataIndex: "restatementType",
- key: "restatementType",
- },
- {
- title: "是否科技项目",
- dataIndex: "orderType",
- key: "orderType",
- },
- {
- title: "项目数",
- dataIndex: "commodityQuantity",
- key: "commodityQuantity",
- },
- {
- title: "项目成本",
- dataIndex: "projectCostAmount",
- key: "projectCostAmount",
- },
- {
- title: "项目状态",
- dataIndex: "projectStatus",
- key: "projectStatus",
- },
- {
- title: "项目启动时间",
- dataIndex: "taskStartTime",
- key: "taskStartTime",
- },
- {
- title: "项目完成时间",
- dataIndex: "taskEndTime",
- key: "taskEndTime",
- },
- // {
- // title: "技术组",
- // dataIndex: "expenseAmount",
- // key: "expenseAmount",
- // },
- {
- title: "项目负责人",
- dataIndex: "receiverName",
- key: "receiverName",
- },
- {
- title: "满意度",
- dataIndex: "satisfactionDegree",
- key: "satisfactionDegree",
- },
- {
- title: "项目备注",
- dataIndex: "taskComment",
- key: "taskComment",
- render: text => {
- return (
- <div style={{ maxWidth: 200 }}>{text}</div>
- )
- }
- },
- {
- title: "核算比例",
- dataIndex: "hsbl",
- key: "hsbl",
- },
- {
- title: "订单情况",
- dataIndex: "orderStatus",
- key: "orderStatus",
- },
- {
- title: "变更情况",
- dataIndex: "changeType",
- key: "changeType",
- },
- {
- title: "退单退款",
- dataIndex: "refundType",
- key: "refundType",
- },
- ],
- dataSource: [],
- departmentArr: [],
- };
- },
- componentWillMount() {
- this.departmentList();
- this.selectSuperId();
- this.loadData();
- },
- loadData(pageNo) {
- const { searchValues, pagination } = this.state;
- this.setState({
- loading: true,
- });
- let datas = Object.assign(searchValues, {
- pageNo: pageNo || 1,
- pageSize: pagination.pageSize,
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/statistis/orderProject",
- data: datas,
- success: function (data) {
- ShowModal(this);
- this.setState({
- loading: false,
- });
- if (data.error && data.error.length === 0) {
- if (data.data.list) {
- pagination.current = data.data.pageNo;
- pagination.total = data.data.totalCount;
- if (data.data && data.data.list && !data.data.list.length) {
- pagination.current = 0;
- pagination.total = 0;
- }
- this.setState({
- dataSource: data.data.list,
- pagination: this.state.pagination,
- pageNo: data.data.pageNo,
- });
- } else {
- this.setState({
- dataSource: data.data,
- pagination: false,
- });
- }
- } else {
- message.warning(data.error[0].message);
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- // 部门
- departmentList() {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/organization/selectSuperId",
- data: {},
- success: function (data) {
- let thedata = data.data;
- let theArr = [];
- if (!thedata) {
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- }
- thedata = {};
- } else {
- thedata.map(function (item, index) {
- theArr.push({
- key: index,
- name: item.name,
- id: item.id,
- });
- });
- }
- this.setState({
- departmentArr: theArr,
- });
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- // 项目类别
- selectSuperId() {
- $.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);
- }
- }
- 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>
- );
- }
- this.setState({
- contactsOption: theArr,
- contactsOptionData: data.data,
- });
- }.bind(this)
- }).always(
- );
- },
- changeList(arr) {
- const newArr = [];
- let list = this.state.columns
- list.forEach((item) => {
- arr.forEach((val) => {
- if (val === item.title) {
- newArr.push(item);
- }
- });
- });
- this.setState({
- changeList: newArr,
- });
- },
- exportAll() {
- message.config({
- duration: 20,
- });
- let loading = message.loading("下载中...");
- this.setState({
- exportPendingLoading: true,
- });
- let data = JSON.parse(JSON.stringify(this.state.searchValues));
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: "/api/admin/statistis/orderProject/export",
- 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;
- },
- search() {
- this.loadData();
- },
- reset() {
- this.setState({
- financeName: "",
- salesmanName: "",
- techName: "",
- searchValues: JSON.parse(JSON.stringify({})),
- }, () => {
- // this.Cascaders1.empty();
- // this.Cascaders2.empty();
- this.StaffSearch1.httpChange("");
- this.StaffSearch2.httpChange("");
- this.StaffSearch3.httpChange("");
- this.loadData();
- })
- },
- render() {
- const { searchValues } = this.state
- let departmentArr = this.state.departmentArr || [];
- const getRowClassName = (record, index) => {
- // 根据某些条件返回不同的类名
- if (index % 10 + 1 === 1) {
- return 'even-row1';
- } else if (index % 10 + 1 === 2) {
- return 'even-row2';
- } else if (index % 10 + 1 === 3) {
- return 'even-row3';
- } else if (index % 10 + 1 === 4) {
- return 'even-row4';
- } else if (index % 10 + 1 === 5) {
- return 'even-row5';
- } else if (index % 10 + 1 === 6) {
- return 'even-row6';
- } else if (index % 10 + 1 === 7) {
- return 'even-row7';
- } else if (index % 10 + 1 === 8) {
- return 'even-row8';
- } else if (index % 10 + 1 === 9) {
- return 'even-row9';
- } else if (index % 10 + 1 === 10) {
- return 'even-row10';
- }
- };
- return (
- <div className="user-content">
- <ShowModalDiv ShowModal={this.state.showModal} onClose={() => { this.setState({ showModal: false }) }} />
- <div className="content-title" style={{ marginBottom: 10 }}>
- <span style={{ fontWeight: 900, fontSize: 16 }}>项目数据统计</span>
- </div>
- <div className="user-search">
- <Tabs
- defaultActiveKey="1"
- className="test">
- <TabPane tab="搜索" key="1">
- <div
- className="user-search"
- style={{
- marginTop: "10px",
- marginLeft: "10px",
- marginRight: "10px",
- }}
- >
- <Input
- placeholder="订单编号"
- style={{
- width: 220,
- marginRight: "10px",
- }}
- value={searchValues["orderNo"]
- ? searchValues["orderNo"]
- : ""}
- onChange={(e) => {
- searchValues["orderNo"] = e.target.value;
- this.setState({
- searchValues: searchValues,
- });
- }}
- />
- <Input
- placeholder="合同编号"
- style={{
- width: 220,
- marginRight: "10px",
- }}
- value={searchValues["contractNo"]
- ? searchValues["contractNo"]
- : ""}
- onChange={(e) => {
- searchValues["contractNo"] = e.target.value;
- this.setState({
- searchValues: searchValues,
- });
- }}
- />
- <Input
- placeholder="企业名称"
- style={{
- width: 220,
- marginRight: "10px",
- }}
- value={searchValues["userName"]
- ? searchValues["userName"]
- : ""}
- onChange={(e) => {
- searchValues["userName"] = e.target.value;
- this.setState({
- searchValues: searchValues,
- });
- }}
- />
- <Select
- placeholder="项目分类"
- style={{ width: 220 }}
- value={searchValues["businessCategory"]
- ? searchValues["businessCategory"]
- : undefined}
- onChange={(e) => {
- searchValues["businessCategory"] = e;
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- {this.state.contactsOption}
- </Select>
- <Input
- placeholder="项目名称"
- value={searchValues["projectName"]
- ? searchValues["projectName"]
- : ""}
- style={{ width: 220, marginRight: 10 }}
- onChange={e => {
- searchValues["projectName"] = e.target.value
- this.setState({
- searchValues: searchValues,
- });
- }}
- />
- <span
- style={{
- display: "inline-block",
- }}
- >
- <span style={{ marginBottom: "10px" }}>订单部门:</span>
- <Select
- placeholder="选择订单部门"
- style={{ width: 170, }}
- value={searchValues["depId"]
- ? searchValues["depId"]
- : undefined}
- onChange={(e) => {
- searchValues["depId"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- {departmentArr.map(function (item) {
- return (
- <Select.Option key={item.id}>{item.name}</Select.Option>
- );
- })}
- </Select>
- {/* <Cascaders
- ref={ref => this.Cascaders1 = ref}
- placeholder="请选择订单部门"
- height={28}
- width={170}
- onSel={(e) => {
- searchValues["deps"] = JSON.stringify(e)
- this.setState({
- searchValues: searchValues,
- });
- }}
- /> */}
- </span>
- <span
- style={{
- display: "inline-block",
- }}
- >
- <span style={{ marginBottom: "10px" }}>负责部门:</span>
- <Select
- placeholder="选择负责部门"
- style={{ width: 170, }}
- value={searchValues["liabilitiesDepId"]
- ? searchValues["liabilitiesDepId"]
- : undefined}
- onChange={(e) => {
- searchValues["liabilitiesDepId"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- {departmentArr.map(function (item) {
- return (
- <Select.Option key={item.id}>{item.name}</Select.Option>
- );
- })}
- </Select>
- {/* <Cascaders
- ref={ref => this.Cascaders2 = ref}
- placeholder="请选择负责部门"
- height={28}
- width={170}
- onSel={(e) => {
- searchValues["thchDeps"] = JSON.stringify(e)
- this.setState({
- searchValues: searchValues,
- });
- }}
- /> */}
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px", marginBottom: "10px" }}>
- 申报批次:
- </span>
- <Select
- value={searchValues["declarationBatch"]
- ? searchValues["declarationBatch"]
- : undefined}
- placeholder="请选择批次"
- style={{
- width: 150,
- marginRight: "10px",
- }}
- onChange={(e) => {
- searchValues["declarationBatch"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- <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={searchValues["projectAmountType"]
- ? searchValues["projectAmountType"]
- : undefined}
- placeholder="请选择项目金额"
- style={{
- width: 150,
- marginRight: "10px",
- }}
- onChange={(e) => {
- searchValues["projectAmountType"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- <Option value={1}>1万以下</Option>
- <Option value={2}>1~5万</Option>
- <Option value={3}>5~10万</Option>
- <Option value={4}>10~20万</Option>
- <Option value={5}>20万以上</Option>
- </Select>
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 项目状态:
- </span>
- <Select
- value={(searchValues["projectStatus"] || searchValues["projectStatus"] == 0)
- ? searchValues["projectStatus"]
- : undefined}
- placeholder="请选择项目状态"
- style={{
- width: 150,
- marginRight: "10px",
- }}
- onChange={(e) => {
- searchValues["projectStatus"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- {
- projectStatusList.map((item) =>
- <Option value={item.value} key={item.value}>{item.label}</Option>
- )
- }
- </Select>
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 满 意 度:
- </span>
- <Select
- value={searchValues["satisfactionDegree"]
- ? searchValues["satisfactionDegree"]
- : undefined}
- placeholder="请选择满意度"
- style={{
- width: 150,
- marginRight: "10px",
- }}
- onChange={(e) => {
- searchValues["satisfactionDegree"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- <Option value="0">非常满意</Option>
- <Option value="1">满意</Option>
- <Option value="2">一般</Option>
- <Option value="3">不满意</Option>
- </Select>
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 派单时间:
- </span>
- <RangePicker
- allowClear={false}
- style={{ marginRight: "10px", width: 250 }}
- value={[
- searchValues["startDate"]
- ? moment(searchValues["startDate"])
- : null,
- searchValues["endDate"]
- ? moment(searchValues["endDate"])
- : null,
- ]}
- onChange={(data, dataString) => {
- searchValues["startDate"] = String(
- dataString[0]
- );
- searchValues["endDate"] = String(
- dataString[1]
- );
- this.setState({
- searchValues: searchValues,
- });
- }}
- />
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 项目转入时间:
- </span>
- <RangePicker
- allowClear={false}
- style={{ marginRight: "10px", width: 250 }}
- value={[
- searchValues["projectStartDate"]
- ? moment(searchValues["projectStartDate"])
- : null,
- searchValues["projectEndDate"]
- ? moment(searchValues["projectEndDate"])
- : null,
- ]}
- onChange={(data, dataString) => {
- searchValues["projectStartDate"] = String(
- dataString[0]
- );
- searchValues["projectEndDate"] = String(
- dataString[1]
- );
- this.setState({
- searchValues: searchValues,
- });
- }}
- />
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 销售类型:
- </span>
- <Select
- value={searchValues["salesType"]
- ? searchValues["salesType"]
- : undefined}
- placeholder="请选择销售类型"
- style={{
- width: 150,
- marginRight: "10px",
- }}
- onChange={(e) => {
- searchValues["salesType"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- <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>
- <Option value="8">私有/渠道</Option>
- </Select>
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 订单类型:
- </span>
- <Input
- placeholder="请输入订单类型"
- style={{
- width: 150,
- marginRight: "10px",
- }}
- value={searchValues["serviceType"]
- ? searchValues["serviceType"]
- : ""}
- onChange={(e) => {
- searchValues["serviceType"] = e.target.value;
- this.setState({
- searchValues: searchValues,
- });
- }}
- />
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 结算状态:
- </span>
- <Select
- value={searchValues["liquidationStatus"]
- ? searchValues["liquidationStatus"]
- : undefined}
- placeholder="请选择结算状态"
- style={{
- width: 150,
- marginRight: "10px",
- }}
- onChange={(e) => {
- searchValues["liquidationStatus"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- <Option value="0">首付待付请</Option>
- <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
- placeholder={"催款节点"}
- style={{ width: 150 }}
- value={searchValues["dunType"]
- ? searchValues["dunType"]
- : undefined}
- onChange={(e) => {
- searchValues["dunType"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- <Option value="0">未启动</Option>
- <Option value="1">已启动</Option>
- </Select>
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 签单时间:
- </span>
- <RangePicker
- allowClear={false}
- style={{ marginRight: "10px", width: 250 }}
- value={[
- searchValues["signStartDate"]
- ? moment(searchValues["signStartDate"])
- : null,
- searchValues["signEndDate"]
- ? moment(searchValues["signEndDate"])
- : null,
- ]}
- onChange={(data, dataString) => {
- searchValues["signStartDate"] = String(
- dataString[0]
- );
- searchValues["signEndDate"] = String(
- dataString[1]
- );
- this.setState({
- searchValues: searchValues,
- });
- }}
- />
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 项目完成时间:
- </span>
- <RangePicker
- allowClear={false}
- style={{ marginRight: "10px", width: 250 }}
- value={[
- searchValues["projectCompleteStartTime"]
- ? moment(searchValues["projectCompleteStartTime"])
- : null,
- searchValues["projectCompleteEndTime"]
- ? moment(searchValues["projectCompleteEndTime"])
- : null,
- ]}
- onChange={(data, dataString) => {
- searchValues["projectCompleteStartTime"] = String(
- dataString[0]
- );
- searchValues["projectCompleteEndTime"] = String(
- dataString[1]
- );
- this.setState({
- searchValues: searchValues,
- });
- }}
- />
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 是否特批:
- </span>
- <Select
- placeholder={"是否特批"}
- style={{ width: 150 }}
- value={searchValues["approval"]
- ? searchValues["approval"]
- : undefined}
- onChange={(e) => {
- searchValues["approval"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- <Option value="0">否</Option>
- <Option value="1">是</Option>
- </Select>
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 是否会员:
- </span>
- <Select
- placeholder={"是否会员"}
- style={{ width: 150 }}
- value={searchValues["projectType"]
- ? searchValues["projectType"]
- : undefined}
- onChange={(e) => {
- searchValues["projectType"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- <Option value="0">否</Option>
- <Option value="1">是</Option>
- </Select>
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 是否重报:
- </span>
- <Select
- placeholder={"是否重报"}
- style={{ width: 150 }}
- value={searchValues["restatement"]
- ? searchValues["restatement"]
- : undefined}
- onChange={(e) => {
- searchValues["restatement"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- <Option value="0">否</Option>
- <Option value="1">是</Option>
- </Select>
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 是否变更:
- </span>
- <Select
- placeholder={"是否变更"}
- style={{ width: 150 }}
- value={searchValues["changeType"]
- ? searchValues["changeType"]
- : undefined}
- onChange={(e) => {
- searchValues["changeType"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- <Option value="0">否</Option>
- <Option value="1">是</Option>
- </Select>
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 是否退单:
- </span>
- <Select
- placeholder={"是否退单"}
- style={{ width: 150 }}
- value={searchValues["refundType"]
- ? searchValues["refundType"]
- : undefined}
- onChange={(e) => {
- searchValues["refundType"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- <Option value="0">否</Option>
- <Option value="1">是</Option>
- </Select>
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 是否大客户:
- </span>
- <Select
- placeholder={"是否大客户"}
- style={{ width: 150 }}
- value={searchValues["bigCustomer"]
- ? searchValues["bigCustomer"]
- : undefined}
- onChange={(e) => {
- searchValues["bigCustomer"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- <Option value="0">否</Option>
- <Option value="1">是</Option>
- </Select>
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 是否科技项目:
- </span>
- <Select
- placeholder={"是否科技项目"}
- style={{ width: 150 }}
- value={searchValues["orderType"]
- ? searchValues["orderType"]
- : undefined}
- onChange={(e) => {
- searchValues["orderType"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- <Option value="0">否</Option>
- <Option value="1">是</Option>
- </Select>
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 省份选择:
- </span>
- <Select
- placeholder="请选择省份"
- style={{
- width: 150,
- }}
- value={searchValues["province"]
- ? searchValues["province"]
- : undefined}
- onChange={(e) => {
- searchValues["province"] = e
- this.setState({
- searchValues: searchValues,
- });
- }}
- >
- {citySelect().map(function (item) {
- return (
- <Select.Option key={item.value} value={item.value}>
- {item.label}
- </Select.Option>
- );
- })}
- </Select>
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 财务负责人:
- </span>
- <StaffSearch
- ref={ref => this.StaffSearch1 = ref}
- valueName={this.state.financeName}
- placeholder="财务负责人"
- width="150px"
- onBlurText={e => {
- this.setState({
- financeName: e.title
- })
- }}
- onBlurChange={(obj) => {
- searchValues["financeId"] = obj.value
- this.setState({
- searchValues: searchValues,
- });
- }}
- />
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 营销负责人:
- </span>
- <StaffSearch
- ref={ref => this.StaffSearch2 = ref}
- valueName={this.state.salesmanName}
- placeholder="营销负责人"
- width="150px"
- onBlurText={e => {
- this.setState({
- salesmanName: e.title
- })
- }}
- onBlurChange={(obj) => {
- searchValues["salesmanId"] = obj.value
- this.setState({
- searchValues: searchValues,
- });
- }}
- />
- </span>
- <span style={{ display: "inline-block" }}>
- <span style={{ marginRight: "10px" }}>
- 技术负责人:
- </span>
- <StaffSearch
- ref={ref => this.StaffSearch3 = ref}
- valueName={this.state.techName}
- placeholder="技术负责人"
- width="150px"
- onBlurText={e => {
- this.setState({
- techName: e.title
- })
- }}
- onBlurChange={(obj) => {
- searchValues["techId"] = obj.value
- this.setState({
- searchValues: searchValues,
- });
- }}
- />
- </span>
- <Button type="primary" onClick={this.search} style={{ marginRight: 10 }}>
- 搜索
- </Button>
- <Button onClick={this.reset}>重置</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"
- loading={this.state.exportPendingLoading}
- onClick={this.exportAll}
- style={{ margin: 10 }}
- >
- 导出excel
- </Button>
- </TabPane>
- </Tabs>
- </div>
- <div className="patent-table">
- <Spin spinning={this.state.loading}>
- <Table
- columns={this.state.changeList
- ? this.state.changeList
- : this.state.columns}
- dataSource={this.state.dataSource}
- pagination={this.state.pagination}
- bordered
- rowClassName={getRowClassName}
- scroll={{ x: 4000 }}
- />
- </Spin>
- </div>
- </div >
- );
- }
- }));
- export default ProjecDataStatistics;
|