| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061 | import React, { Component } from "react";import {  AutoComplete,  Button,  DatePicker,  Input,  message,  Modal,  Select,  Spin,  Table,  Tabs,  Tag,  Tooltip,} from "antd";import { ShowModal, splitUrl, getClockState } from "@/tools";import { clockState } from "@/dataDic";import { ChooseList } from "../../order/orderNew/chooseList";import $ from "jquery/src/ajax";import "./index.less";import moment from "moment";import ImgList from "../../../common/imgList";import Cascaders from "../../../common/cascaders";const { TabPane } = Tabs;const { RangePicker } = DatePicker;class PublicSummary extends Component {  constructor(props) {    super(props);    this.state = {      pageNo: 1,      loading: false,      changeList: undefined,      annexUrlArr: [],      photoUrlArr: [],      imgListVisible: false,      logVisible: false,      columns: [        {          title: "编号",          dataIndex: "key",          key: "key",          width: 45,          fixed: "left",        },        {          title: "客户名称",          dataIndex: "userName",          key: "userName",          width: 150,          fixed: "left",          render: (text) => {            return (              <div>{text}</div>            );          },        },        {          title: "公出地点",          dataIndex: "districtName",          key: "districtName",          width: 120,          render: (text) => {            return (              <div>{text}</div>            );          },        },        {          title: "跟单人",          dataIndex: "sname",          key: "sname",          width: 90,          render: (text, record) => {            return (              <Tooltip title={text}>                <div>{text}</div>              </Tooltip>            );          },        },        {          title: "公出人员",          dataIndex: "aname",          key: "aname",          width: 190,          render: (text, record) => {            return (              <Tooltip title={text}>                <div>                  <p style={{ color: "red" }}>[ 打卡人:{text} ]</p>                  {record.assist !== 0 && <p style={{ color: "#8552A1" }} >[ 协单人:{record.assistAidName}]</p>}                  {!!record.assistantName && <p style={{ color: "#228fbd" }} >[ 协单助手:{record.assistantName}]</p>}                </div>              </Tooltip>            );          },        },        {          title: "申请时间",          dataIndex: "createTimes",          key: "createTimes",          width: 80,        },        {          title: "公出时间",          dataIndex: "releaseStarts",          key: "releaseStarts",          width: 130,          render: (text, record) => (            <div>              <div>{text}</div>              <div style={{ paddingLeft: "44px" }}>至</div>              <div>{record.releaseEnds}</div>            </div>          ),        },        {          title: "公出时长(时)",          dataIndex: "duration",          key: "duration",          width: 50,        },        {          title: "打卡时间",          dataIndex: "clockInTimes",          key: "clockInTimes",          width: 80,          render: (text, record) => (            <span>              <div style={{ width: 70 }}>{text}</div>              <Tag color={["#F21212", "#34DE38", "#ffd400"][record.clockIn]}>{["未打卡", "已打卡", "异常打卡"][record.clockIn]}</Tag>            </span>          )        },        {          title: "标签",          dataIndex: "status",          key: "status",          width: 200,          render: (text, record) => (            <div>              <div style={{ display: "flex", flexDirection: "row" }}>                <Tag                  color={["#45b97c", "#69541b", "#f47920", "#8552a1", "#228fbd"][record.type]}                >                  {                    record.type === 0                      ? "业务公出" : record.type === 1                        ? "技术公出" : record.type === 2                          ? "行政公出" : record.type === 3                            ? "技术协单" : record.type === 4                              ? "协单助手" : ""                  }                </Tag>                <Tag color={getClockState(text).color}>                  {getClockState(text).title}                </Tag>                {record.updateStatus == 1 && <Tag color="#1E90FF">改</Tag>}              </div>              {record.type === 1 && <div style={{ marginTop: 5 }}>{record.contractNo}</div>}              {record.type === 1 && <div>{record.totalAmout + "(万元)"}</div>}            </div>          ),        },        {          title: "公出目标",          dataIndex: "remarks",          key: "remarks",          width: 280,          render: (text) => {            return (              <div>{text}</div>            );          },        },        {          title: "公出计划",          dataIndex: "plan",          key: "plan",          width: 280,          render: (text) => {            return (              <div>{text}</div>            );          },        },        {          title: "预计效果",          dataIndex: "expectedEffect",          key: "expectedEffect",          width: 280,          render: (text) => {            return (              <div>{text}</div>            );          },        },        {          title: "本次公出目标总结",          dataIndex: "supplement",          key: "supplement",          width: 280,          render: (text) => {            return (              <div>{text}</div>            );          },        },        {          title: "下一次公出计划",          dataIndex: "nextPlan",          key: "nextPlan",          width: 280,          render: (text) => {            return (              <div>{text}</div>            );          },        },        {          title: "审核/指导",          dataIndex: "auditInfo",          key: "auditInfo",          width: 200,          render: (text, record) => {            return <div style={{ wordBreak: "break-all" }} >              {record.auditTimes && `审核时间:${record.auditTimes}`}              {text}            </div >;          },        },        {          title: "操作",          dataIndex: "annexUrl",          key: "annexUrl",          render: (text, record) => (            <div>              <Button                type={"primary"}                onClick={(e) => {                  e.stopPropagation();                  let arr1 = text || [];                  let arr2 = record.photoUrl || [];                  this.setState(                    {                      annexUrlArr: splitUrl(arr1, ",", globalConfig.avatarHost + "/upload"),                      photoUrlArr: splitUrl(arr2, ",", globalConfig.avatarHost + "/upload"),                    }, () => {                      this.setState({                        imgListVisible: true,                      });                    }                  );                }}              >                查看附件              </Button>              <Button                type="primary"                style={{ marginTop: 10 }}                onClick={() => {                  this.getLog(record.id)                }}              >                公出日志              </Button>            </div>          ),        },      ],      logColumns: [        {          title: "状态",          dataIndex: "status",          key: "status",          render: (text) => (            <Tag color={getClockState(text, true).color}>              {getClockState(text, true).title}            </Tag>          ),        },        {          title: "操作人",          dataIndex: "aname",          key: "aname",        },        {          title: "操作时间",          dataIndex: "createTimes",          key: "createTimes",        },        {          title: "备注",          dataIndex: "remarks",          key: "remarks",          render: (text) => {            return (              <Tooltip placement="topLeft" title={text}>                <div                  style={{                    maxWidth: "250px",                    overflow: "hidden",                    textOverflow: "ellipsis",                    whiteSpace: "nowrap",                  }}                >                  {text}                </div>              </Tooltip>            );          },        }      ],      pagination: {        defaultCurrent: 1,        defaultPageSize: 10,        showQuickJumper: true,        pageSize: 10,        onChange: function (page) {          this.loadData(page);        }.bind(this),        showTotal: function (total) {          return "共" + total + "条数据";        },      },      dataSource: [],      logData: [],      releaseDate: [moment(Date.now() - 777600000).format('YYYY-MM-DD'), moment(Date.now()).format('YYYY-MM-DD')],      status: undefined,      clockIn: undefined,      deps: undefined,      theTypes: undefined,      theTypes1: undefined,      theCustomerTypes: undefined,      contractNo: undefined,    };    this.loadData = this.loadData.bind(this);    this.resetAll = this.resetAll.bind(this);    this.changeList = this.changeList.bind(this);    this.selectSuperId = this.selectSuperId.bind(this);    this.supervisor = this.supervisor.bind(this);    this.httpChange = this.httpChange.bind(this);    this.blurChange = this.blurChange.bind(this);    this.selectAuto = this.selectAuto.bind(this);    this.httpChange1 = this.httpChange1.bind(this);    this.blurChange1 = this.blurChange1.bind(this);    this.selectAuto1 = this.selectAuto1.bind(this);    this.getCustomer = this.getCustomer.bind(this);    this.selectCustomerAuto = this.selectCustomerAuto.bind(this);    this.httpCustomerChange = this.httpCustomerChange.bind(this);    this.blurCustomerChange = this.blurCustomerChange.bind(this);    this.exportExec = this.exportExec.bind(this);    this.addRowColor = this.addRowColor.bind(this)  }  //获取上级组织  selectSuperId() {    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/organization/selectSuperId",      data: {},      success: function (data) {        let theArr = [];        if (data.error && data.error.length === 0) {          for (let i = 0; i < data.data.length; i++) {            let theData = data.data[i];            theArr.push(              <Select.Option value={theData.id} key={theData.id}>                {theData.name}              </Select.Option>            );          }          this.setState({            contactsOption: theArr,          });        } else {          message.warning(data.error[0].message);        }      }.bind(this),    }).always(      function () {        this.setState({          loading: false,        });      }.bind(this)    );  }  addRowColor(record) {    if (record.assist === 1 || record.assist === 2 || record.assist === 3) {      return 'light'    } else {      return 'dark'    }  }  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/release/publicReleaseDtails",      data: {        pageNo: pageNo || 1,        pageSize: this.state.pagination.pageSize,        releaseStart: this.state.releaseDate[0] || undefined,        releaseEnd: this.state.releaseDate[1] || undefined,        aid: this.state.theTypes || undefined,        sid: this.state.theTypes1 || undefined,        uid: this.state.theCustomerTypes || undefined,        status: this.state.status,        clockIn: this.state.clockIn,        deps: this.state.deps || undefined,        publicType: this.state.type,        contractNo: this.state.contractNo || undefined,      },      success: function (data) {        ShowModal(this);        let theArr = [];        this.setState({          loading: false,        });        if (data.error && data.error.length === 0) {          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({            dataSource: theArr,            pagination: this.state.pagination,            pageNo: data.data.pageNo,          });        } else {          message.warning(data.error[0].message);        }      }.bind(this),    }).always(      function () {        this.setState({          loading: false,        });      }.bind(this)    );  }  resetAll() {    this.setState(      {        releaseDate: [moment(Date.now() - 777600000).format('YYYY-MM-DD'), moment(Date.now()).format('YYYY-MM-DD')],        theCustomerTypes: undefined,        status: undefined,        clockIn: undefined,        deps: undefined,        auto: "",        auto1: "",        customer: "",        theTypes: undefined,        theTypes1: undefined,        type: undefined,        contractNo: undefined,      },      () => {        this.Cascaders.empty();        this.loadData();      }    );  }  supervisor(e) {    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/customer/listAdminByName",      data: {        adminName: e,        status: "2",      },      success: function (data) {        if (data.error && data.error.length === 0) {          this.setState({            customerArr: data.data,          });        } else {          message.warning(data.error[0].message);        }      }.bind(this),    }).always(function () { }.bind(this));  }  supervisor1(e) {    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/customer/listAdminByName",      data: {        adminName: e,        status: "2",      },      success: function (data) {        if (data.error && data.error.length === 0) {          this.setState({            customerArr1: data.data,          });        } else {          message.warning(data.error[0].message);        }      }.bind(this),    }).always(function () { }.bind(this));  }  httpChange(e) {    if (e.length >= 1) {      this.supervisor(e);    }    this.setState({      auto: e,    });  }  httpChange1(e) {    if (e.length >= 1) {      this.supervisor1(e);    }    this.setState({      auto1: e,    });  }  selectAuto(value, options) {    this.setState({      auto: value,    });  }  selectAuto1(value, options) {    this.setState({      auto1: value,    });  }  httpCustomerChange(e) {    if (e.length >= 1) {      this.getCustomer(e);    }    this.setState({      customer: e,    });  }  selectCustomerAuto(value, options) {    this.setState({      customer: value,    });  }  getCustomer(e) {    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/customer/getUserByName",      data: {        name: e,      },      success: function (data) {        if (data.error && data.error.length === 0) {          this.setState({            customerList: data.data,          });        } else {          message.warning(data.error[0].message);        }      }.bind(this),    }).always(function () { }.bind(this));  }  blurCustomerChange(e) {    let theType = "";    let contactLists = this.state.customerList || [];    if (e) {      contactLists.map(function (item) {        if (item.name == e.toString()) {          theType = item.id;        }      });    }    this.setState({      theCustomerTypes: theType,    });  }  blurChange(e) {    let theType = "";    let contactLists = this.state.customerArr || [];    if (e) {      contactLists.map(function (item) {        if (item.name == e.toString()) {          theType = item.id;        }      });    }    this.setState({      theTypes: theType,    });  }  blurChange1(e) {    let theType = "";    let contactLists = this.state.customerArr1 || [];    if (e) {      contactLists.map(function (item) {        if (item.name == e.toString()) {          theType = item.id;        }      });    }    this.setState({      theTypes1: theType,    });  }  componentWillMount() {    this.loadData();    this.selectSuperId();  }  exportExec() {    this.setState({      exportPendingLoading: true,    });    message.config({      duration: 20,    });    let loading = message.loading("下载中...");    let data = {      releaseStart: this.state.releaseDate[0] || undefined,      releaseEnd: this.state.releaseDate[1] || undefined,      aid: this.state.theTypes || undefined,      sid: this.state.theTypes1 || undefined,      uid: this.state.theCustomerTypes || undefined,      status: this.state.status,      clockIn: this.state.clockIn,      // depId: this.state.depId,      deps: this.state.deps || undefined,      publicType: this.state.type,      contractNo: this.state.contractNo || undefined    };    for (let i of Object.keys(data)) {      if (i === "status" || i === "clockIn") {        if (isNaN(parseInt(data[i]))) {          delete data[i];        }      } else if (!data[i]) {        delete data[i];      }    }    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url:        globalConfig.context + "/api/admin/release/publicReleaseDtails/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;  }  // 公出日志  getLog(e) {    this.setState({      loading: true,      logVisible: true    });    $.ajax({      method: "get",      dataType: "json",      url: globalConfig.context + "/api/admin/release/listPublicReleaseLog",      data: {        id: e,      },      success: function (data) {        if (data.error.length === 0) {          this.setState({            logData: data.data || [],          });        } else {          message.warning(data.error[0].message);        }      }.bind(this),    }).always(      function () {        this.setState({          loading: false,        });      }.bind(this)    );  }  render() {    const dataSources = this.state.customerArr || [];    const dataSources1 = this.state.customerArr1 || [];    const options = dataSources.map((group) => (      <Select.Option key={group.id} value={group.name}>        {group.name}      </Select.Option>    ));    const options1 = dataSources1.map((group) => (      <Select.Option key={group.id} value={group.name}>        {group.name}      </Select.Option>    ));    const customerList = this.state.customerList || [];    const customerOptions = customerList.map((group) => (      <Select.Option key={group.id} value={group.name}>        {group.name}      </Select.Option>    ));    return (      <div>        <div className="user-content">          <div className="content-title">            <span>公出详细列表(全部)</span>          </div>          <Tabs defaultActiveKey="1" className="test">            <TabPane tab="搜索" key="1">              <div                className="user-search"                style={{                  marginTop: "10px",                  marginLeft: "10px",                  marginRight: "10px",                }}              >                <span>                  <Input                    placeholder="合同编号"                    style={{ width: 120, marginRight: 10 }}                    value={this.state.contractNo}                    onChange={(e) => {                      this.setState({                        contractNo: e.target.value,                      });                    }}                  />                </span>                <span>                  <AutoComplete                    className="certain-category-search"                    dropdownClassName="certain-category-search-dropdown"                    dropdownMatchSelectWidth={false}                    style={{ width: "120px" }}                    dataSource={customerOptions}                    placeholder="输入客户名称"                    value={this.state.customer}                    onChange={this.httpCustomerChange}                    filterOption={true}                    onBlur={this.blurCustomerChange}                    onSelect={this.selectCustomerAuto}                  >                    <Input />                  </AutoComplete>                </span>                <span>                  <Select                    placeholder="请选择审核状态"                    style={{ width: 120 }}                    value={this.state.status}                    onChange={(e) => {                      this.setState({ status: e });                    }}                  >                    {clockState.map((v, k) => (                      <Select.Option key={k} value={v.id}>                        {v.title}                      </Select.Option>                    ))}                  </Select>                </span>                <span>                  <Select                    placeholder="请选择打卡状态"                    style={{ width: 120 }}                    value={this.state.clockIn}                    onChange={(e) => {                      this.setState({ clockIn: e });                    }}                  >                    <Select.Option value={0}>未打卡</Select.Option>                    <Select.Option value={1}>已打卡</Select.Option>                    <Select.Option value={2}>异常打卡</Select.Option>                  </Select>                </span>                <span style={{ marginRight: "10px" }}>                  <Select                    placeholder="请选择公出类型"                    style={{ width: 120 }}                    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>                </span>                <span>                  <AutoComplete                    className="certain-category-search"                    dropdownClassName="certain-category-search-dropdown"                    dropdownMatchSelectWidth={false}                    style={{ width: "120px" }}                    dataSource={options}                    placeholder="输入公出申请人"                    value={this.state.auto}                    onChange={this.httpChange}                    filterOption={true}                    onBlur={this.blurChange}                    onSelect={this.selectAuto}                  >                    <Input />                  </AutoComplete>                </span>                <span>                  <AutoComplete                    className="certain-category-search"                    dropdownClassName="certain-category-search-dropdown"                    dropdownMatchSelectWidth={false}                    style={{ width: "120px" }}                    dataSource={options1}                    placeholder="输入跟单人"                    value={this.state.auto1}                    onChange={this.httpChange1}                    filterOption={true}                    onBlur={this.blurChange1}                    onSelect={this.selectAuto1}                  >                    <Input />                  </AutoComplete>                </span>                <Cascaders                  ref={node => this.Cascaders = node}                  placeholder="请选择公出部门"                  id="id"                  name="name"                  children="list"                  height={28}                  onSel={(e) => {                    this.setState({                      deps: JSON.stringify(e),                    });                  }}                />                {/* <span style={{ marginRight: "10px" }}>                  <Select                    placeholder="请选择公出部门"                    style={{ width: 200 }}                    value={this.state.depId}                    onChange={(e) => {                      this.setState({ depId: e });                    }}                    notFoundContent="未获取到上级组织列表"                  >                    {this.state.contactsOption}                  </Select>                </span> */}                <span style={{ marginRight: "10px" }}>                  <span style={{ marginRight: "5px", marginBottom: "10px" }}>                    公出时间 :                  </span>                  <RangePicker                    allowClear={window.adminData.shiroList.indexOf("11") == -1}                    disabledDate={(current) => {//“运营管理”角色只能查看部分时间段(暂时10天)的数据                      let iskeep = window.adminData.shiroList.indexOf("11") != -1                      return iskeep && current && current.valueOf() < Date.now() - 864000000;                    }}                    style={{ marginRight: "10px", marginBottom: "10px", width: 200 }}                    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 }}>                <Spin spinning={this.state.loading}>                  <ChooseList                    columns={this.state.columns}                    changeFn={this.changeList}                    changeList={this.state.changeList}                    top={55}                    margin={11}                  />                </Spin>              </div>            </TabPane>            <TabPane tab="导出" key="3">              <div style={{ float: "left" }}>                <Button                  loading={this.state.exportPendingLoading}                  onClick={this.exportExec}                  style={{ margin: 10 }}                >                  导出excel                </Button>              </div>            </TabPane>          </Tabs>          <div className="patent-table">            <Spin spinning={this.state.loading}>              <Table                bordered                size="middle"                scroll={{ x: "120%" }}                columns={                  this.state.changeList                    ? this.state.changeList                    : this.state.columns                }                dataSource={this.state.dataSource}                pagination={this.state.pagination}                rowClassName={this.addRowColor}              />            </Spin>          </div>        </div>        {this.state.imgListVisible ? (          <Modal            maskClosable={false}            visible={this.state.imgListVisible}            onOk={() => {              this.setState({                imgListVisible: false,              });            }}            onCancel={() => {              this.setState({                imgListVisible: false,              });            }}            width="500px"            title="图片"            footer=""          >            <div>              <div>申请附件</div>              <ImgList                fileList={this.state.annexUrlArr}                domId="publicStatistics"              />              <div style={{ paddingTop: "35px" }}>打卡照片</div>              <ImgList                fileList={this.state.photoUrlArr}                domId="publicStatistics1"              />            </div>          </Modal>        ) : null}        {          this.state.logVisible &&          <Modal            maskClosable={false}            visible={this.state.logVisible}            width="700px"            title="公出日志"            footer=""            onCancel={() => {              this.setState({                logVisible: false,              });            }}          >            <Table              pagination={false}              columns={this.state.logColumns}              dataSource={this.state.logData}            />          </Modal>        }      </div>    );  }}export default PublicSummary;
 |