| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185 | import React, { Component } from "react";import { Modal, Table, Button, message, Spin, Upload } from "antd";import $ from "jquery/src/ajax";import "./table.less";import {  splitUrl,} from "@/tools.js";import ImgList from "../../../../common/imgList";class Refund extends Component {  constructor(props) {    super(props);    this.state = {      visible: false,      dataSource: [],      loading: false,      columns: [        {          title: "退款金额(万元)",          dataIndex: "refundAmount",          key: "refundAmount",        },        {          title: "退款时间",          dataIndex: "refundDate",          key: "refundDate"        },        {          title: "备注",          dataIndex: "remarks",          key: "remarks"        },      ],    };  }  componentDidMount() {    if (this.props.dataSource) {      return    }    this.loadData()  }  loadData() {    this.setState({      loading: true    });    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/orderChange/listRefund",      data: {        id: this.props.id      },      success: function (data) {        if (data.error.length || data.data.list == "") {          if (data.error && data.error.length) {            message.warning(data.error[0].message);          }        } else {          this.setState({            dataSource: data.data          });        }      }.bind(this)    }).always(      function () {        this.setState({          loading: false        });      }.bind(this)    );  }  render() {    const urlStr = this.props.data.refundUrl    const orgCodeUrl = urlStr ? splitUrl(      urlStr,      ",",      globalConfig.avatarHost + "/upload"    )      : []    return (      <div        style={{          position: "relative",          display:            (this.props.data.processState == 7 ||              this.props.data.processState == 8) &&              this.props.data.status == 4              ? "block"              : "none",          marginTop: 10        }}      >        <hr style={{ marginTop: 12, marginBottom: 10, backgroundColor: "black", height: 1, border: "none" }} />        <h3 style={{ marginLeft: 20, fontWeight: 800, marginBottom: 10, display: "inline-block" }}>          执行退款 <span style={{ fontSize: 12, fontWeight: "normal", color: "red" }}>(注:执行退款,系统将从已收款金额中直接减款)</span>        </h3>        <Table          pagination={false}          bordered          columns={this.state.columns}          dataSource={this.props.dataSource ? this.props.dataSource : this.state.dataSource}          size="small"          scroll={{ x: "max-content", y: 0 }}        />        <div className="clearfix">          <h3 style={{ marginLeft: 20, fontWeight: 800, marginBottom: 10 }}>            退款凭证            </h3>          <div style={{ marginLeft: 20 }}>            {/*<Upload*/}            {/*  className="demandDetailShow-upload"*/}            {/*  listType="picture-card"*/}            {/*  fileList={orgCodeUrl}*/}            {/*  onPreview={file => {*/}            {/*    this.setState({*/}            {/*      previewImage: file.url || file.thumbUrl,*/}            {/*      previewVisible: true*/}            {/*    });*/}            {/*  }}*/}            {/*/>*/}            {orgCodeUrl ? <div style={{paddingTop:'10px',paddingBottom:'10px'}}>              <ImgList fileList={orgCodeUrl} domId={'refund1'}/>            </div> : <div/>}            <Modal              maskClosable={false}              footer={null}              visible={this.state.previewVisible}              onCancel={() => {                this.setState({ previewVisible: false, rotateDeg: 0 }, () => {                });              }}            >              <img                alt=""                style={{                  width: "100%",                  transform: `rotate(${this.state.rotateDeg}deg)`                }}                src={this.state.previewImage || ""}              />              {/* <Button                onClick={this.rotate}                style={{                  position: "relative",                  left: "50%",                  transform: "translateX(-50%)"                }}              >                旋转              </Button>              <Button                onClick={this.upImg}                style={{                  position: "absolute",                  left: -81,                  top: "50%",                  transform: "translateY(-50%)"                }}              >                上一张              </Button>              <Button                onClick={this.downImg}                style={{                  position: "absolute",                  right: -81,                  top: "50%",                  transform: "translateY(-50%)"                }}              >                下一张              </Button> */}            </Modal>          </div>        </div>      </div>    );  }}export default Refund;
 |