1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093 |
- import React, { Component } from "react";
- import { Form, Input, Button, message, Modal, Spin, Table } from "antd";
- import {
- ShowModal, splitUrl, getAccountName, getSecondaryAccountName,
- getVehicleName, getTypeName, commonAdd, dealBigMoney
- } from "../../../tools"
- import ImgList from "../../../common/imgList";
- import ReactToPrint from "react-to-print";
- import moment from "moment";
- import $ from "jquery/src/ajax";
- import './accountReview.less';
- const FormItem = Form.Item;
- class AccountDetails extends Component {
- constructor(props) {
- super(props);
- this.state = {
- editAmount: false,
- isTable: true,
- loading: false,
- visible: "",
- data: {},
- logvisible: false,
- logdataSour: [],
- logcolumns: [
- {
- title: "审核人",
- dataIndex: "auditorName",
- key: "auditorName"
- },
- {
- title: "操作",
- dataIndex: "status",
- key: "status",
- width: 120,
- render: (text, record) => {
- return (
- <span style={{ color: ["#1D4FEA", "#34DE38", "#108EE9", "red", "#1D4FEA"][text] }}>
- {["【发起】", "【通过】", "【完成】", "【驳回】", "【重新发起】"][text]}
- {this.state.processStatus == record.processStatus && !record.id &&
- <span style={{ color: "#FFA500" }}> 审核中...</span>}
- </span>
- );
- },
- },
- {
- title: "操作时间",
- dataIndex: "createTimeStr",
- key: "createTimeStr",
- width: 88,
- },
- {
- title: "备注",
- dataIndex: "remarks",
- key: "remarks",
- render: (text, record) => {
- return (
- <div style={{ minWidth: 250 }}>{text}</div>
- )
- }
- }
- ],
- columns: [
- {
- title: "序号",
- dataIndex: "a",
- key: "a",
- width: "2%",
- render: (text, record, index) => {
- return (
- <div>{index + 1}</div>
- )
- }
- },
- {
- title: "费用时间",
- dataIndex: "agreeTime",
- key: "agreeTime",
- width: "6%",
- render: (text, record) => {
- return (
- <div>{!!text ? text : record.startTime}</div>
- )
- }
- },
- {
- title: "出差时长",
- dataIndex: "duration",
- key: "duration",
- width: "4%",
- render: (text, record) => {
- return (
- <div>{record.types == 1 ? text : ""}</div>
- )
- }
- },
- {
- title: "出差地址",
- dataIndex: "districtName",
- key: "districtName",
- width: "12%",
- render: (text, record) => {
- return (
- <div>{text}</div>
- )
- }
- },
- {
- title: "出差企业",
- dataIndex: "userNames",
- key: "userNames",
- width: "12%",
- render: (text, record) => {
- return (
- <div>{text}</div>
- )
- }
- },
- {
- title: "合同编号",
- dataIndex: "contractNo",
- key: "contractNo",
- width: "8%",
- render: (text, record) => {
- return (
- <div>{text}</div>
- )
- }
- },
- {
- title: "交通工具",
- dataIndex: "cost",
- key: "cost",
- width: "10%",
- render: (text, record) => {
- return (
- <div>{!!text ? text : (!!record.vehicle && record.type == 1 ? (
- getVehicleName(record.vehicle, record.vehicleOther) +
- "(" + record.startDistrict + " - " + record.endDistrict + ")"
- ) : getTypeName(record.type, record.typeOther))}</div>
- )
- }
- },
- {
- title: "费用",
- dataIndex: "amount",
- key: "amount",
- width: "4%",
- render: (text, record) => {
- return (
- <div>{text}</div>
- )
- }
- },
- {
- title: "实报",
- dataIndex: "realAmount",
- key: "realAmount",
- render: (text, record) => {
- return (
- <div style={{ color: "red", cursor: !record.cost && this.props.isOperate && "pointer" }}
- onClick={() => {
- !record.cost && this.props.isOperate &&
- this.setState({
- editAmount: true,
- upAmount: text,
- upId: record.id,
- })
- }}
- >{text}</div>
- )
- }
- },
- {
- title: "类型",
- dataIndex: "types",
- key: "types",
- width: "8%",
- render: (text, record) => {
- return (
- <div>{getAccountName(text, record.typesOther)}</div>
- )
- }
- },
- {
- title: "出差事由",
- dataIndex: "plan",
- key: "plan",
- width: "10%",
- render: (text, record) => {
- return (
- <div>{text}</div>
- )
- }
- },
- {
- title: "报销订单/部门",
- dataIndex: "orderNo",
- key: "orderNo",
- width: "10%",
- render: (text, record) => {
- return (
- <div>
- <div>{text}</div>
- <div>{record.applyDepName}</div>
- </div>
- )
- }
- },
- {
- title: "报销事由",
- dataIndex: "remarks",
- key: "remarks",
- width: "10%",
- render: (text, record) => {
- return (
- <div>{text}</div>
- )
- }
- },
- ]
- };
- }
- componentDidMount() {
- const { id } = this.props
- !!id && this.getDetails(id)
- }
- // 报销信息详情
- getDetails(id) {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/expenseAccount/mainExpense",
- data: { id, },
- success: function (data) {
- ShowModal(this);
- this.setState({
- loading: false,
- });
- if (data.error.length === 0) {
- let allData = data.data;
- let allList = [];
- for (var i = 0; i < allData.sonList.length; i++) {
- let dlist = allData.sonList[i].detList
- for (var j = 0; j < dlist.length; j++) {
- let obj = dlist[j]
- allData.sonList[0].detList[0].contractNo = allData.contractNo; // 合同编号
- allData.sonList[0].detList[0].orderNo = allData.orderNo; // 订单号
- allData.sonList[0].detList[0].applyDepName = allData.applyDepName; // 部门
- allData.sonList[0].detList[0].remarks = allData.remarks; // 报销事由
- dlist[0].duration = allData.sonList[i].duration; // 费用时间
- dlist[0].districtName = allData.sonList[i].districtName; // 出差地址
- dlist[0].userNames = allData.sonList[i].userNames; // 出差企业
- dlist[0].plan = allData.sonList[i].plan; // 出差事由
- dlist[0].types = allData.sonList[i].type; // 报销类型
- dlist[0].typesOther = allData.sonList[i].typeOther;
- if (allData.sonList[i].type == 2) { // 非业务报销
- obj.type = allData.sonList[i].secondaryType;
- obj.typeOther = allData.sonList[i].secondaryTypeOther;
- } else if (allData.sonList[i].type == 3 || allData.sonList[i].type == 0) { // 第三方付款 其他
- obj.cost = "费用"
- } else if (allData.sonList[i].type == 4) { // 申请借支
- obj.cost = "借支费用"
- } else if (allData.sonList[i].type == 4) { // 申请抵扣
- obj.cost = "抵扣费用"
- }
- allList.push(obj)
- }
- allList.push({ id: allData.sonList[i].id, cost: "小计", amount: allData.sonList[i].totalAmount, realAmount: allData.sonList[i].realAmount })
- }
- allList.push({ id: allData.id, cost: "合计", amount: allData.totalAmount, realAmount: allData.realAmount })
- this.setState({
- data: data.data,
- newList: allList,
- })
- // console.log(allData, "==", allList)
- // this.setState({
- // data: data.data,
- // imgs: data.data.attachmentUrl
- // ? splitUrl(data.data.attachmentUrl, ",", globalConfig.avatarHost + "/upload")
- // : [],
- // })
- // this.getAccountList(id)
- // this.getLogData(id)
- } else {
- message.warning(data.error[0].message)
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- }
- // 报销费用详情
- // getAccountList(eaid) {
- // const { data } = this.state
- // $.ajax({
- // method: "get",
- // dataType: "json",
- // crossDomain: false,
- // url: globalConfig.context + "/api/admin/expenseAccount/details/list",
- // data: { eaid, },
- // success: function (datas) {
- // if (datas.error.length === 0) {
- // let sum = 0
- // for (var i = 0; i < datas.data.length; i++) {
- // sum = commonAdd(sum, datas.data[i].amount)
- // }
- // let leftList = JSON.parse(JSON.stringify(datas.data)) || []
- // let jsonArray = []
- // if (data.type != 4 && data.type != 5 && data.debitTotalAmount) {
- // leftList.push({ "other": "预借支", "amount": data.debitTotalAmount },)
- // }
- // if (data.type != 4 && data.type != 5) {
- // leftList.push(
- // { "other": "总金额", "amount": sum },
- // { "other": "实报金额", "amount": (sum > data.debitTotalAmount) ? commonAdd(sum, -data.debitTotalAmount) : 0 })
- // }
- // if (data.type == 1) {
- // // 差旅费
- // jsonArray = [
- // { "head": `支付公司:${data.payDepName}` },
- // { "head": `事由:${data.remarks}` },
- // { "head": `公出企业:${data.userNames}` },
- // { "head": `公出地点:${data.districtName}` },
- // { "head": `时间:${moment(data.releaseStartStr).format('YYYY-MM-DD HH:mm') + " 至 " + moment(data.releaseEndStr).format('YYYY-MM-DD HH:mm')}` },
- // { "head": `公出时长:${data.duration}` },
- // ]
- // } else if (data.type == 3) {
- // // 第三方付款
- // jsonArray = [
- // { "head": `支付公司:${data.payDepName}` },
- // { "head": `事由:${data.remarks}` },
- // ]
- // } else {
- // // 通用
- // jsonArray = [
- // { "head": `事由:${data.remarks}` },
- // ]
- // }
- // let newArray = []
- // if (jsonArray.length >= leftList.length) {
- // for (var i = 0; i < leftList.length; i++) {
- // jsonArray[i] = Object.assign(jsonArray[i], leftList[i])
- // }
- // newArray = jsonArray
- // } else {
- // for (var i = 0; i < jsonArray.length; i++) {
- // leftList[i] = Object.assign(jsonArray[i], leftList[i])
- // }
- // newArray = leftList
- // }
- // newArray.push({}, {})
- // this.setState({
- // list: datas.data || [],
- // newList: newArray,
- // total: sum,
- // })
- // } else {
- // message.warning(datas.error[0].message);
- // }
- // }.bind(this),
- // }).always(
- // function () {
- // this.setState({
- // loading: false,
- // });
- // }.bind(this)
- // );
- // }
- isHere(list = []) {
- for (var i = 0; i < list.length; i++) {
- if (!list[i].id) {
- this.setState({
- processStatus: list[i].processStatus
- })
- return
- }
- }
- }
- // 日志
- getLogData(eaid) {
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/expenseAccount/log/list",
- data: { eaid },
- success: function (data) {
- if (data.error.length === 0) {
- this.setState({
- logdataSour: data.data || []
- });
- this.isHere(data.data || [])
- } else {
- message.warning(data.error[0].message);
- }
- }.bind(this)
- }).always(
- function () {
- }.bind(this)
- );
- }
- // 审核
- toExamine(num) {
- const { checkData, reason } = this.state
- if (!reason) {
- message.warning("请填写审核说明~");
- return;
- }
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "POST",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/expenseAccount/examine",
- data: {
- id: checkData.id,
- reason,
- status: num,//1同意 3驳回
- },
- }).done(
- function (data) {
- if (!data.error.length) {
- message.success("审核成功!");
- this.setState({
- visible: "",
- reason: "",
- showDetails: false,
- checkData: {},
- });
- this.getDetails(this.state.data.id)
- } else {
- message.warning(data.error[0].message);
- }
- }.bind(this)
- );
- }
- distinct(arr, key) {
- let hash = {};
- let result = [];
- for (let i = arr.length - 1; i >= 0; i--) {
- let value = arr[i][key];
- if (!hash[value]) {
- hash[value] = true;
- result.unshift(arr[i]);
- }
- }
- return result;
- }
- // 修改实报金额
- updateRealAmount() {
- this.setState({
- upLoading: true,
- })
- $.ajax({
- method: "POST",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/expenseAccount/updateRealAmount",
- data: {
- id: this.state.upId,
- amount: this.state.upAmount,
- },
- }).done(
- function (data) {
- this.setState({
- upLoading: false,
- })
- if (!data.error.length) {
- message.success("修改成功!");
- this.setState({
- editAmount: false,
- upId: "",
- });
- this.getDetails(this.state.data.id)
- } else {
- message.warning(data.error[0].message);
- }
- }.bind(this)
- );
- }
- render() {
- const { TextArea } = Input
- const { data, visible, newList, logdataSour, columns } = this.state
- const { onCancel } = this.props
- const formItemLayout = {
- labelCol: { span: 5 },
- wrapperCol: { span: 18 },
- };
- return (
- <Modal
- maskClosable={false}
- visible={true}
- onOk={false}
- onCancel={onCancel}
- width={1400}
- title={<span style={{ fontWeight: "bold" }}>报销详情
- <Button
- type="primary"
- style={{ marginLeft: 30 }}
- onClick={() => { this.setState({ isTable: !this.state.isTable }) }}
- >{this.state.isTable ? "切换列表显示" : "切换表格显示"}</Button>
- </span>}
- footer=""
- >
- <Spin spinning={this.state.loading}>
- <div className="m_body"
- ref={(e) => {
- this.refs.all = e;
- }}
- >
- {this.state.isTable
- ? <div className="m_table">
- <div className="m_title">报销明细表</div>
- <div className="m_head">
- <div>报销编号:{data.checkNo}</div>
- <div>申请部门:{data.applyDepName}</div>
- <div>收款方式:{data.bank + " " + data.accounts + " " + data.name}</div>
- <div>报销人:{data.aname}</div>
- <div>报销日期:{moment(data.createTimeStr).format('YYYY年MM月DD日')}</div>
- </div>
- <Table
- columns={columns}
- dataSource={newList}
- bordered
- size="middle"
- pagination={false}
- />
- {/* <div className="m_head">
- <div>报销公司:{data.applyDepName}</div>
- <div>报销人:{data.aname}</div>
- </div> */}
- </div>
- : <Form layout="horizontal" id="demand-form">
- <Spin spinning={this.state.loading}>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="报销编号"
- >
- <span>{data.checkNo}</span>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="总金额"
- >
- <span>{data.totalAmount}</span>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="报销至订单"
- >
- <div>
- <div>{data.buyerName}</div>
- <div>{data.contractNo}</div>
- </div>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="报销时间"
- >
- <span>{data.createTimeStr}</span>
- </FormItem>
- </div>
- {data.type == 1 &&
- <div>
- <div style={{ fontSize: 13, fontWeight: "bold" }}>公出信息</div>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="公出企业"
- >
- <span>{data.userNames}</span>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="公出地点"
- >
- <span>{data.districtName}</span>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="时间"
- >
- <span>{data.releaseStartStr} 至 {data.releaseEndStr}</span>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="公出时长"
- >
- <span>{data.duration}小时</span>
- </FormItem>
- </div>
- </div>}
- <div style={{ fontSize: 13, fontWeight: "bold" }}>报销详细</div>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="报销人"
- >
- <span>{data.aname}</span>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="报销公司"
- >
- <span>{data.applyDepName}</span>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="支付公司"
- >
- <span>{data.payDepName}</span>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- labelCol={{ span: 5 }}
- wrapperCol={{ span: 18 }}
- label="报销事由"
- >
- <p style={{ maxWidth: 500, wordWrap: "break-word" }}>
- {data.remarks}
- </p>
- </FormItem>
- </div>
- <div style={{ fontSize: 13, fontWeight: "bold" }}>报销费用详细</div>
- {
- data.sonList.map(it =>
- <div key={it.id} style={{ borderBottom: "1px solid #000" }}>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="报销金额"
- >
- <span>{it.totalAmount}(元)</span>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="报销类型"
- >
- <span>
- {getAccountName(it.type, it.typeOther)}
- {it.type == 2 && (" - " + getSecondaryAccountName(it.secondaryType, it.secondaryTypeOther))}
- </span>
- </FormItem>
- </div>
- {/* 差旅费显示 */}
- {it.type == 1 &&
- it.detList.map(item =>
- item.type == 1
- ? <div>
- <div className="clearfix" >
- <FormItem
- {...formItemLayout}
- label="交通费"
- >
- <span>
- {getVehicleName(item.vehicle, item.vehicleOther)}
- ({item.startDistrict + " - " + item.endDistrict})
- {item.amount}(元)
- </span>
- </FormItem>
- </div>
- </div>
- : <div className="clearfix" >
- <FormItem
- {...formItemLayout}
- label={getTypeName(item.type)}
- >
- <span>{item.amount}(元)</span>
- </FormItem>
- </div>
- )
- }
- {/* 通用 */}
- {(it.type == 0 || it.type == 2 || it.type == 4 || it.type == 5) &&
- it.detList.map(item =>
- <div className="clearfix" >
- {!!item.agreeTimeStr &&
- <FormItem
- {...formItemLayout}
- label={it.type == 5 ? "支付时间:" : "需付款时间:"}
- >
- <span>{item.agreeTimeStr.slice(0, 10)}</span>
- </FormItem>}
- <FormItem
- {...formItemLayout}
- label={it.type == 4
- ? "预借支金额:" : it.type == 5
- ? "抵扣金额:" : "金额:"}
- >
- <span>{item.amount}(元)</span>
- </FormItem>
- </div>
- )
- }
- {/* 第三方付款 */}
- {it.type == 3 &&
- it.detList.map(item =>
- <div className="clearfix" >
- {!!item.agreeTimeStr &&
- <FormItem
- {...formItemLayout}
- label="需付款时间"
- >
- <span>{item.agreeTimeStr.slice(0, 10)}</span>
- </FormItem>
- }
- <FormItem
- {...formItemLayout}
- label="付款方式"
- >
- <span>{["公对公转账"][item.payType]}</span>
- </FormItem>
- <FormItem
- {...formItemLayout}
- label="发票类型"
- >
- <span>{["普票", "专票"][item.invoiceType]}</span>
- </FormItem>
- <FormItem
- {...formItemLayout}
- label="发票号"
- >
- <span>{item.invoiceNo}</span>
- </FormItem>
- <FormItem
- {...formItemLayout}
- label="付款单位"
- >
- <span>{item.payerName}</span>
- </FormItem>
- <FormItem
- {...formItemLayout}
- label="开户银行"
- >
- <span>{item.openBank}</span>
- </FormItem>
- <FormItem
- {...formItemLayout}
- label="银行账户"
- >
- <span>{item.bankAccounts}</span>
- </FormItem>
- <FormItem
- {...formItemLayout}
- label="开户行地址"
- >
- <span>{item.openBankAddress}</span>
- </FormItem>
- <FormItem
- {...formItemLayout}
- label="金额(元)"
- >
- <span>{item.amount}</span>
- </FormItem>
- </div>
- )
- }
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="附件"
- >
- <div style={{ paddingTop: '10px', paddingBottom: '10px' }}>
- {!!it.attachmentUrl ? <ImgList domId={it.id} fileList={splitUrl(it.attachmentUrl, ",", globalConfig.avatarHost + "/upload")} ItemWidth={'96px'} /> : <div />}
- </div>
- </FormItem>
- </div>
- </div>
- )
- }
- {data.type != 4 && data.debitTotalAmount &&
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="预借支"
- >
- <span style={{ color: "red" }}>{data.debitTotalAmount}(元)</span>
- </FormItem>
- </div>}
- {data.type != 4 && data.type != 5 &&
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="总金额"
- >
- <span style={{ color: "red" }}>{data.totalAmount}(元)</span>
- </FormItem>
- </div>}
- {data.type != 4 && data.type != 5 &&
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="实报金额"
- >
- <span style={{ color: "red" }}>{data.realAmount}(元)</span>
- </FormItem>
- </div>}
- <div style={{ fontSize: 13, fontWeight: "bold" }}>收款详情</div>
- {data.type != 3 && data.type != 5 &&
- <div>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="收款人"
- >
- <span>{data.name}</span>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="收款银行"
- >
- <span>{data.bank}</span>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- {...formItemLayout}
- label="收款账户"
- >
- <span>{data.accounts}</span>
- </FormItem>
- </div>
- </div>}
- <div style={{ fontSize: 13, fontWeight: "bold" }}>审核意见</div>
- <ul
- style={{
- width: "560px",
- overflow: "hidden",
- paddingLeft: "90px",
- position: "relative",
- }}
- >
- {logdataSour.map((item, index) => {
- return (
- <li
- key={index}
- style={{
- width: "100%",
- height: "auto",
- wordBreak: "break-all",
- marginBottom: "10px",
- }}
- >
- {/* {item.auditorName + ":" + item.status + item.remarks + "(" + item.createTimeStr + ")"} */}
- <span>{item.auditorName}:</span>
- <span style={{ color: ["#1D4FEA", "#34DE38", "#108EE9", "red", "#1D4FEA"][item.status] }}>
- {["【发起】,", "【通过】,", "【完成】,", "【驳回】,", "【重新发起】,"][item.status]}
- {this.state.processStatus == item.processStatus && !item.id && data.status != 0 &&
- <span style={{ color: "#FFA500" }}> 审核中...</span>}
- </span>
- <span>{item.remarks}</span>
- <span> {item.createTimeStr}</span>
- </li>
- );
- })}
- </ul>
- <div className="clearfix" style={{ marginTop: 20 }}>
- <Button
- type="primary"
- style={{
- float: "right",
- }}
- onClick={() => {
- this.setState({
- logvisible: true
- })
- this.getLogData(data.id)
- }}
- >
- 查看日志
- </Button>
- </div>
- {this.props.isOperate && data.examine == 1 &&
- <div className="clearfix"
- style={{ width: 500, margin: "20px auto" }}>
- <TextArea
- rows={4}
- value={this.state.reason}
- onChange={(e) => {
- this.setState({
- reason: e.target.value,
- })
- }}
- placeholder="请填写审核内容"
- />
- <div
- style={{
- width: 250,
- display: "flex",
- justifyContent: "space-between",
- margin: "20px auto 0"
- }}
- >
- <Button type="primary"
- style={{ margin: 4 }}
- onClick={(e) => {
- this.setState({
- checkData: data
- }, () => {
- this.toExamine(1)
- })
- }}
- >同意</Button>
- <Button type="danger"
- style={{ margin: 4 }}
- onClick={(e) => {
- this.setState({
- checkData: data
- }, () => {
- this.toExamine(3)
- })
- }}
- >驳回</Button>
- </div>
- </div>
- }
- </Spin>
- </Form>
- }
- </div>
- </Spin>
- <ReactToPrint
- trigger={() => (
- <Button
- type="primary"
- style={{
- float: "right",
- marginTop: 10,
- position: "absolute",
- top: 0,
- right: 50,
- }}
- >
- 打印
- </Button>
- )}
- content={() => this.refs.all}
- bodyClass="print-body"
- />
- {
- //审核弹窗
- this.state.visible != "" &&
- <Modal
- width="400px"
- maskClosable={false}
- title="审核"
- confirmLoading={this.state.loading}
- visible={this.state.visible != ""}
- onOk={() => { this.toExamine(visible == "adopt" ? 1 : visible == "reject" && 3) }}
- okText={this.state.visible == "adopt" ? "通过" : this.state.visible == "reject" && "驳回"}
- onCancel={() => {
- this.setState({
- visible: '',
- reason: "",
- checkData: {},
- })
- }}
- >
- <TextArea
- rows={4}
- value={this.state.reason}
- onChange={(e) => {
- this.setState({
- reason: e.target.value,
- })
- }}
- placeholder="请填写审核内容"
- />
- </Modal>
- }
- {
- // 审核日志
- this.state.logvisible &&
- <Modal
- visible={this.state.logvisible}
- className="admin-desc-content"
- width="800px"
- maskClosable={false}
- title="审核日志"
- footer={null}
- onCancel={() => {
- this.setState({
- logvisible: false,
- })
- }}
- >
- <div className="patent-table">
- <Spin spinning={this.state.loading}>
- <Table
- columns={this.state.logcolumns}
- dataSource={this.state.logdataSour}
- pagination={false}
- bordered
- size="small"
- />
- </Spin>
- </div>
- </Modal>
- }
- {
- // 修改实报金额
- this.state.editAmount &&
- <Modal
- visible={this.state.editAmount}
- maskClosable={false}
- title="修改金额"
- cancelText="取消"
- width={250}
- okText="确认"
- onOk={() => { this.updateRealAmount() }}
- onCancel={() => { this.setState({ editAmount: false }) }}
- >
- <Input
- placeholder='请输入'
- type='number'
- value={this.state.upAmount}
- onChange={e => {
- this.setState({
- upAmount: e.target.value
- })
- }}
- />
- </Modal>
- }
- </Modal>
- );
- }
- }
- export default AccountDetails;
|