Haina
/
GHHub
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

统一查询栏目。修改账单查询

Browse Source
release
YCC 2 years ago
parent e1c5245cb9
commit a57a874d86
5 changed files with 348 additions and 391 deletions
Show Stats Download Patch File Download Diff File

2
src/stores/Feedback.js
Unescape Escape View File

@ -11,7 +11,7 @@ class Feedback {
} }
loading = false; loading = false;
search_date_start = dayjs().startOf("M"); search_date_start = dayjs().subtract(2, "M").startOf("M");
search_date_end = dayjs().endOf("M"); search_date_end = dayjs().endOf("M");
feedbackList = []; //反馈列表 feedbackList = []; //反馈列表
feedbackImages = []; //图片列表 feedbackImages = []; //图片列表

429
src/stores/Invoice.js
Unescape Escape View File

@ -1,122 +1,118 @@
import { makeAutoObservable,runInAction } from "mobx"; import { makeAutoObservable, runInAction } from "mobx";
import { fetchJSON,postForm} from "@/utils/request"; import { fetchJSON, postForm } from "@/utils/request";
import { prepareUrl,isNotEmpty } from '@/utils/commons'; import { prepareUrl, isNotEmpty } from "@/utils/commons";
import { HT_HOST } from "@/config"; import { HT_HOST } from "@/config";
import { json } from "react-router-dom"; import { json } from "react-router-dom";
import * as config from "@/config"; import * as config from "@/config";
import dayjs from "dayjs"; import dayjs from "dayjs";
class Invoice { class Invoice {
constructor(root) { constructor(root) {
makeAutoObservable(this, { rootStore: false }); makeAutoObservable(this, { rootStore: false });
this.root = root; this.root = root;
} }
invoiceList = []; //账单列表
invoicekImages = []; //图片列表
invoiceGroupInfo= {}; //账单详细
invoiceProductList=[];//账单细项
invoiceZDDetail = []; //报账信息
invoiceCurrencyList=[];//币种
invoicePicList = [] //多账单图片列表数组
invoiceFormData = {'info_money':0,'info_Currency':'','info_date':''}; //存储form数据
fetchInvoiceList(current,OrderType,GroupNo,DateStart,DateEnd,Orderbytype){
this.invoicePage.current=current;
const totalNum = current == 1 ? 0 : this.invoicePage.total;
//组合param
const fetchUrl = prepareUrl(HT_HOST + '/service-cusservice/PTSearchGMBPageList')
.append('VEI_SN', this.root.authStore.login.travelAgencyId) //
.append('OrderType',OrderType)
.append('GroupNo',GroupNo)
.append('DateStart',DateStart)
.append('DateEnd',DateEnd)
.append('Orderbytype',Orderbytype)
.append('TimeType',0)
.append('limitmarket',"")
.append('mddgroup',"")
.append('SecuryGroup',"")
.append('TotalNum', totalNum)
.append('PageSize', this.invoicePage.size)
.append('PageIndex', this.invoicePage.current)
.build();
return fetchJSON(fetchUrl)
.then(json => {
runInAction(()=>{
if (json.errcode==0){
if (isNotEmpty(json.Result)){
this.invoiceList = json.Result.map((data,index)=>{
return{
key:data.GMDSN,
gmd_gri_sn : data.gmd_gri_sn,
gmd_vei_sn : data.gmd_vei_sn,
GetGDate : data.GetGDate,
GMD_FillWorkers_SN : data.GMD_FillWorkers_SN,
GMD_FWks_LastEditTime : data.GMD_FWks_LastEditTime,
GMD_VerifyUser_SN : data.GMD_VerifyUser_SN,
GMD_Dealed : data.GMD_Dealed,
GMD_VRequestVerify : data.GMD_VRequestVerify,
LeftGDate : data.LeftGDate,
GMD_FillWorkers_Name : data.GMD_FillWorkers_Name,
GroupName : data.GroupName,
AllMoney : data.AllMoney,
PersonNum : data.PersonNum,
VName : data.VName,
FKState:data.FKState
}
});
this.invoicePage.total = json.Result[0].TotalCount;
}
// else{
// this.invoiceList=[];
// this.invoicePage.total=0;
// }
}else{
throw new Error(json.errmsg + ': ' + json.errcode);
}
});
});
}
fetchInvoiceDetail(GMDSN,GSN){
const fetchUrl = prepareUrl(HT_HOST + '/service-cusservice/PTGetZDDetail')
.append('VEI_SN', this.root.authStore.login.travelAgencyId) //
.append('GRI_SN',GSN)
.append('GMD_SN',GMDSN)
.append('LGC',1)
.append('Bill',1)
.build();
return fetchJSON(fetchUrl)
.then(json=>{
runInAction(()=>{
if(json.errcode==0){
this.invoiceGroupInfo = json.GroupInfo[0];
this.invoiceProductList = json.ProductList;
this.invoiceCurrencyList = json.CurrencyList;
this.invoiceZDDetail = json.ZDDetail;
}else{
throw new Error(json.errmsg + ': ' + json.errcode);
}
})
return json;
});
} invoiceList = []; //账单列表
invoicekImages = []; //图片列表
invoiceGroupInfo = {}; //账单详细
invoiceProductList = []; //账单细项
invoiceZDDetail = []; //报账信息
invoiceCurrencyList = []; //币种
invoicePicList = []; //多账单图片列表数组
invoiceFormData = { info_money: 0, info_Currency: "", info_date: "" }; //存储form数据
loading = false;
search_date_start = dayjs().subtract(2, "M").startOf("M");
search_date_end = dayjs().endOf("M");
onDateRangeChange = dates => {
console.log(dates);
this.search_date_start = dates[0];
this.search_date_end = dates[1];
};
fetchInvoiceList(VEI_SN, GroupNo, DateStart, DateEnd) {
this.loading = true;
const fetchUrl = prepareUrl(HT_HOST + "/service-cusservice/PTSearchGMBPageList")
.append("VEI_SN", VEI_SN)
.append("OrderType", 0)
.append("GroupNo", GroupNo)
.append("DateStart", DateStart)
.append("DateEnd", DateEnd)
.append("Orderbytype", 1)
.append("TimeType", 0)
.append("limitmarket", "")
.append("mddgroup", "")
.append("SecuryGroup", "")
.append("TotalNum", 0)
.append("PageSize", 2000)
.append("PageIndex", 1)
.build();
return fetchJSON(fetchUrl).then(json => {
runInAction(() => {
this.loading = false;
if (json.errcode == 0) {
if (isNotEmpty(json.Result)) {
this.invoiceList = json.Result.map((data, index) => {
return {
key: data.GMDSN,
gmd_gri_sn: data.gmd_gri_sn,
gmd_vei_sn: data.gmd_vei_sn,
GetGDate: data.GetGDate,
GMD_FillWorkers_SN: data.GMD_FillWorkers_SN,
GMD_FWks_LastEditTime: data.GMD_FWks_LastEditTime,
GMD_VerifyUser_SN: data.GMD_VerifyUser_SN,
GMD_Dealed: data.GMD_Dealed,
GMD_VRequestVerify: data.GMD_VRequestVerify,
LeftGDate: data.LeftGDate,
GMD_FillWorkers_Name: data.GMD_FillWorkers_Name,
GroupName: data.GroupName,
AllMoney: data.AllMoney,
PersonNum: data.PersonNum,
VName: data.VName,
FKState: data.FKState,
};
});
this.invoicePage.total = json.Result[0].TotalCount;
}
// else{
// this.invoiceList=[];
// this.invoicePage.total=0;
// }
} else {
throw new Error(json.errmsg + ": " + json.errcode);
}
});
});
}
fetchInvoiceDetail(GMDSN, GSN) {
const fetchUrl = prepareUrl(HT_HOST + "/service-cusservice/PTGetZDDetail")
.append("VEI_SN", this.root.authStore.login.travelAgencyId)
.append("GRI_SN", GSN)
.append("GMD_SN", GMDSN)
.append("LGC", 1)
.append("Bill", 1)
.build();
return fetchJSON(fetchUrl).then(json => {
runInAction(() => {
if (json.errcode == 0) {
this.invoiceGroupInfo = json.GroupInfo[0];
this.invoiceProductList = json.ProductList;
this.invoiceCurrencyList = json.CurrencyList;
this.invoiceZDDetail = json.ZDDetail;
} else {
throw new Error(json.errmsg + ": " + json.errcode);
}
});
return json;
});
}
//获取供应商提交的图片 //获取供应商提交的图片
getInvoicekImages(VEI_SN, GRI_SN) { getInvoicekImages(VEI_SN, GRI_SN) {
let url = `/service-fileServer/ListFile`; let url = `/service-fileServer/ListFile`;
url += `?GRI_SN=${GRI_SN}&VEI_SN=${VEI_SN}&FilePathName=invoice`; url += `?GRI_SN=${GRI_SN}&VEI_SN=${VEI_SN}&FilePathName=invoice`;
@ -140,51 +136,48 @@ class Invoice {
}); });
} }
//从数据库获取图片列表 //从数据库获取图片列表
getInvoicekImages_fromData(jsonData){ getInvoicekImages_fromData(jsonData) {
let arrLen = jsonData.length; let arrLen = jsonData.length;
let arrPicList = jsonData.map((data,index)=>{ let arrPicList = jsonData.map((data, index) => {
const GMD_Pic = data.GMD_Pic; const GMD_Pic = data.GMD_Pic;
let picList = []; let picList = [];
if (isNotEmpty(GMD_Pic)){ if (isNotEmpty(GMD_Pic)) {
let js_Pic = JSON.parse(GMD_Pic) let js_Pic = JSON.parse(GMD_Pic);
picList = js_Pic.map((picData,pic_Index)=>{ picList = js_Pic.map((picData, pic_Index) => {
return { return {
uid: -pic_Index, //用负数，防止添加删除的时候错误 uid: -pic_Index, //用负数，防止添加删除的时候错误
name: '', name: "",
status: "done", status: "done",
url: picData.url, url: picData.url,
} };
}); });
} }
if (data.GMD_Dealed == false && arrLen == (index+1)){ if (data.GMD_Dealed == false && arrLen == index + 1) {
this.invoicekImages = picList;
this.invoicekImages = picList; }
} return picList;
return picList; });
}) runInAction(() => {
this.invoicePicList = arrPicList;
runInAction(()=>{ });
this.invoicePicList = arrPicList; }
});
}
//获取数据库的表单默认数据回填。
getFormData(jsonData){
let arrLen = jsonData.length;
return jsonData.map((data,index)=>{
if (data.GMD_Dealed == false && arrLen == (index+1)){ //只有最后一条账单未审核通过才显示
runInAction(() => {
this.invoiceFormData = {'info_money':data.GMD_Cost,'info_Currency':data.GMD_Currency,'info_date':isNotEmpty(data.GMD_PayDate)?dayjs(data.GMD_PayDate):''};
});
}
});
}
//获取数据库的表单默认数据回填。
getFormData(jsonData) {
let arrLen = jsonData.length;
return jsonData.map((data, index) => {
if (data.GMD_Dealed == false && arrLen == index + 1) {
//只有最后一条账单未审核通过才显示
runInAction(() => {
this.invoiceFormData = { info_money: data.GMD_Cost, info_Currency: data.GMD_Currency, info_date: isNotEmpty(data.GMD_PayDate) ? dayjs(data.GMD_PayDate) : "" };
});
}
});
}
removeFeedbackImages(fileurl) { removeFeedbackImages(fileurl) {
let url = `/service-fileServer/FileDelete`; let url = `/service-fileServer/FileDelete`;
url += `?fileurl=${fileurl}`; url += `?fileurl=${fileurl}`;
return fetch(config.HT_HOST + url) return fetch(config.HT_HOST + url)
@ -198,78 +191,68 @@ class Invoice {
}); });
} }
postEditInvoiceDetail(GMD_SN, Currency, Cost, PayDate, Pic, Memo) {
let postUrl = HT_HOST + "/service-cusservice/EditSupplierFK";
let formData = new FormData();
formData.append("LMI_SN", this.root.authStore.login.userId);
formData.append("GMD_SN", GMD_SN);
formData.append("Currency", Currency);
formData.append("Cost", Cost);
formData.append("PayDate", isNotEmpty(PayDate) ? PayDate : "");
formData.append("Pic", Pic);
formData.append("Memo", Memo);
return postForm(postUrl, formData).then(json => {
console.info(json);
return json;
});
}
postEditInvoiceDetail(GMD_SN,Currency,Cost,PayDate,Pic,Memo){ postAddInvoice(GRI_SN, Currency, Cost, PayDate, Pic, Memo) {
let postUrl = HT_HOST + '/service-cusservice/EditSupplierFK'; let postUrl = HT_HOST + "/service-cusservice/AddSupplierFK";
let formData = new FormData(); let formData = new FormData();
formData.append('LMI_SN', this.root.authStore.login.userId); formData.append("LMI_SN", this.root.authStore.login.userId);
formData.append('GMD_SN', GMD_SN); formData.append("VEI_SN", this.root.authStore.login.travelAgencyId);
formData.append('Currency', Currency); formData.append("GRI_SN", GRI_SN);
formData.append('Cost', Cost); formData.append("Currency", Currency);
formData.append('PayDate', isNotEmpty(PayDate)?PayDate:'' ); formData.append("Cost", Cost);
formData.append('Pic', Pic); formData.append("PayDate", isNotEmpty(PayDate) ? PayDate : "");
formData.append('Memo', Memo); formData.append("Pic", Pic);
formData.append("Memo", Memo);
return postForm(postUrl,formData) return postForm(postUrl, formData).then(json => {
.then(json=>{ console.info(json);
console.info(json); return json;
return json; });
}); }
}
postAddInvoice(GRI_SN,Currency,Cost,PayDate,Pic,Memo){
let postUrl = HT_HOST + '/service-cusservice/AddSupplierFK';
let formData = new FormData();
formData.append('LMI_SN', this.root.authStore.login.userId);
formData.append('VEI_SN', this.root.authStore.login.travelAgencyId);
formData.append('GRI_SN', GRI_SN);
formData.append('Currency', Currency);
formData.append('Cost', Cost);
formData.append('PayDate', isNotEmpty(PayDate)?PayDate:'' );
formData.append('Pic', Pic);
formData.append('Memo', Memo);
return postForm(postUrl,formData)
.then(json=>{
console.info(json);
return json;
});
}
invoicePage = {
current:1,
size:10,
total:0
}
/* 测试数据 */
//账单列表范例数据
testData=
[
{
"GSMSN":449865,
"gmd_gri_sn":334233,
"gmd_vei_sn":628,
"GetDate":"2023-04-2 00:33:33",
"GMD_FillWorkers_SN":8617,
"GMD_FWks_LastEditTime":"2023-04-26 12:33:33",
"GMD_VerifyUser_SN":8928,
"GMD_Dealed":1,
"GMD_VRequestVerify":1,
"TotalCount":22,
"LeftGDate":"2023-03-30 00:00:00",
"GMD_FillWorkers_Name":"",
"GroupName":" 中华游230501-CA230402033",
"AllMoney":3539,
"PersonNum":"1大1小",
"VName":""
}
]
invoicePage = {
current: 1,
size: 10,
total: 0,
};
/* 测试数据 */
//账单列表范例数据
testData = [
{
GSMSN: 449865,
gmd_gri_sn: 334233,
gmd_vei_sn: 628,
GetDate: "2023-04-2 00:33:33",
GMD_FillWorkers_SN: 8617,
GMD_FWks_LastEditTime: "2023-04-26 12:33:33",
GMD_VerifyUser_SN: 8928,
GMD_Dealed: 1,
GMD_VRequestVerify: 1,
TotalCount: 22,
LeftGDate: "2023-03-30 00:00:00",
GMD_FillWorkers_Name: "",
GroupName: " 中华游230501-CA230402033",
AllMoney: 3539,
PersonNum: "1大1小",
VName: "",
},
];
} }
export default Invoice; export default Invoice;

16
src/views/feedback/Index.jsx
Unescape Escape View File

@ -35,7 +35,7 @@ const feedbackListColumns = [
}, },
{ {
title: "External Reviews", title: "External Reviews",
dataIndex: "GriName", dataIndex: "TAGood",
}, },
]; ];
@ -49,12 +49,13 @@ function Index() {
useEffect(() => { useEffect(() => {
feedbackStore.searchFeedbackList(authStore.login.travelAgencyId, referenceNo, search_date_start.format(config.DATE_FORMAT), search_date_end.format(config.DATE_FORMAT) + " 23:59") feedbackStore.searchFeedbackList(authStore.login.travelAgencyId, referenceNo, search_date_start.format(config.DATE_FORMAT), search_date_end.format(config.DATE_FORMAT) + " 23:59")
.catch(ex => { .catch(ex => {
notification.error({ // notification.error({
message: `Error`, // message: `Error`,
description: ex.message, // description: ex.message,
placement: 'top', // placement: 'top',
duration: 4, // duration: 4,
}); // });
console.log(ex.message);
}); });
}, []); }, []);
@ -93,6 +94,7 @@ function Index() {
</Button> </Button>
</Col> </Col>
</Row> </Row>
<Title level={3}></Title>
<Row> <Row>
<Col md={24} lg={24} xxl={12}> <Col md={24} lg={24} xxl={12}>
<Table bordered={true} columns={feedbackListColumns} dataSource={toJS(feedbackList)} pagination={{ defaultPageSize: 20, showTotal: showTotal }} /> <Table bordered={true} columns={feedbackListColumns} dataSource={toJS(feedbackList)} pagination={{ defaultPageSize: 20, showTotal: showTotal }} />

291
src/views/invoice/Index.jsx
Unescape Escape View File

@ -2,175 +2,146 @@ import { NavLink } from "react-router-dom";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { toJS } from "mobx"; import { toJS } from "mobx";
import { Row, Col, Space, Button, Table, Input, DatePicker,Typography,App,Steps } from "antd"; import { Row, Col, Space, Button, Table, Input, DatePicker, Typography, App, Steps } from "antd";
import { useStore } from "@/stores/StoreContext.js"; import { useStore } from "@/stores/StoreContext.js";
import * as config from "@/config"; import * as config from "@/config";
import { formatDate,isNotEmpty } from "@/utils/commons"; import { formatDate, isNotEmpty } from "@/utils/commons";
import { AuditOutlined, SmileOutlined, SolutionOutlined, EditOutlined } from '@ant-design/icons'; import { AuditOutlined, SmileOutlined, SolutionOutlined, EditOutlined } from "@ant-design/icons";
const { Title } = Typography; const { Title } = Typography;
function Index() { function Index() {
const { authStore, invoiceStore } = useStore();
const { invoiceList, invoicePage, search_date_start, search_date_end } = invoiceStore;
const [groupNo, onGroupNoChange] = useState("");
const [arrivalDateRange, onDateRangeChange] = useState([]);
const [dataLoading, setDataLoading] = useState(false);
const { notification } = App.useApp();
const showTotal = total => `Total ${invoiceList.length} items`;
const { invoiceStore } = useStore(); const invoiceListColumns = [
const { invoiceList ,invoicePage } = invoiceStore; {
const [groupNo, onGroupNoChange] = useState(''); title: "Ref.No",
const [arrivalDateRange, onDateRangeChange] = useState([]); dataIndex: "GroupName",
const [dataLoading, setDataLoading] = useState(false); key: "GroupName",
const { notification } = App.useApp(); render: (text, record) => <NavLink to={`/invoice/detail/${record.key}/${record.gmd_gri_sn}`}>{text}</NavLink>,
},
{
title: "离团时间",
dataIndex: "GetGDate",
key: "GetGDate",
render: (text, record) => formatDate(new Date(text)),
},
{
title: "接团时间",
key: "LeftGDate",
dataIndex: "LeftGDate",
render: (text, record) => (isNotEmpty(text) ? formatDate(new Date(text)) : ""),
},
{
title: "人数",
key: "PersonNum",
dataIndex: "PersonNum",
},
{
title: "团总额",
key: "AllMoney",
dataIndex: "AllMoney",
},
{
title: "填表时间",
key: "GMD_FWks_LastEditTime",
dataIndex: "GMD_FWks_LastEditTime",
render: (text, record) => (isNotEmpty(text) ? formatDate(new Date(text)) : ""),
},
{
title: "填表人",
key: "GMD_FillWorkers_Name",
dataIndex: "GMD_FillWorkers_Name",
},
{
title: "账单状态",
key: "status",
render: BillStatus,
},
];
function BillStatus(text, record) {
// if (record.GMD_Dealed){
// return "已审核";
// }else if (record.GMDFillworkers_SN<1){
// return "未填写";
// }else if (record.VRequestVerify){
// return "未审核";
// }else{
// return "未提交";
// }
let FKState = record.FKState - 1;
return (
<Steps
current={FKState}
initial={1}
items={[
{
title: "提交",
//status: 'finish',
icon: <EditOutlined />,
},
{
title: "顾问",
// status: 'finish',
icon: <SolutionOutlined />,
},
{
title: "财务",
//status: 'process',
icon: <AuditOutlined />,
},
{
title: "Done",
//status: 'wait',
icon: <SmileOutlined />,
},
]}
/>
);
}
const invoiceListColumns = [ return (
{ <Space direction="vertical" style={{ width: "100%" }}>
title: '团名', <Title level={3}></Title>
dataIndex: 'GroupName', <Row gutter={16}>
key: 'GroupName', <Col md={24} lg={6} xxl={4}>
}, <Input
{ placeholder="Reference Number"
title: '离团时间', onChange={e => {
dataIndex: 'GetGDate', onGroupNoChange(e.target.value);
key: 'GetGDate', }}
render:(text,record) =>formatDate(new Date(text)) />
}, </Col>
{ <Col md={24} lg={8} xxl={6}>
title: '接团时间', <Space direction="horizontal">
key: 'LeftGDate', Arrival Date
dataIndex: 'LeftGDate', <DatePicker.RangePicker format={config.DATE_FORMAT} allowClear={false} style={{ width: "100%" }} value={[search_date_start, search_date_end]} presets={config.DATE_PRESETS} onChange={invoiceStore.onDateRangeChange} />
render:(text,record) => isNotEmpty(text)?formatDate(new Date(text)):"" </Space>
}, </Col>
{ <Col md={24} lg={4} xxl={4}>
title: '人数', <Button
key: 'PersonNum', type="primary"
dataIndex: 'PersonNum' loading={invoiceStore.loading}
}, onClick={() => invoiceStore.fetchInvoiceList(authStore.login.travelAgencyId, groupNo, search_date_start.format(config.DATE_FORMAT), search_date_end.format(config.DATE_FORMAT))}>
{ Search
title: '团总额', </Button>
key: 'AllMoney', </Col>
dataIndex: 'AllMoney' </Row>
}, <Title level={3}></Title>
{ <Row>
title: '填表时间', <Col span={24}>
key: 'GMD_FWks_LastEditTime', <Table bordered loading={dataLoading} pagination={{ defaultPageSize: 20, showTotal: showTotal }} columns={invoiceListColumns} dataSource={toJS(invoiceList)} />
dataIndex: 'GMD_FWks_LastEditTime', </Col>
render:(text,record) => isNotEmpty(text)?formatDate(new Date(text)):"" </Row>
}, </Space>
{ );
title: '填表人',
key: 'GMD_FillWorkers_Name',
dataIndex: 'GMD_FillWorkers_Name'
},
{
title: '账单状态',
key: 'status',
render:BillStatus
},
{
title: 'Action',
key: 'action',
render:(text, record) => <NavLink to={`/invoice/detail/${record.key}/${record.gmd_gri_sn}`}>Details</NavLink>,
}
];
function BillStatus(text,record){
// if (record.GMD_Dealed){
// return "已审核";
// }else if (record.GMDFillworkers_SN<1){
// return "未填写";
// }else if (record.VRequestVerify){
// return "未审核";
// }else{
// return "未提交";
// }
let FKState = record.FKState-1
return <Steps
current={FKState}
initial={1}
items={[
{
title: '提交',
//status: 'finish',
icon: <EditOutlined />,
},
{
title: '顾问',
// status: 'finish',
icon: <SolutionOutlined />,
},
{
title: '财务',
//status: 'process',
icon: <AuditOutlined />,
},
{
title: 'Done',
//status: 'wait',
icon: <SmileOutlined />,
},
]}
/>
}
const onSearchClick = (current = 1) => {
setDataLoading(true);
invoiceStore.fetchInvoiceList(current, 0, groupNo, arrivalDateRange[0], arrivalDateRange[1], 1)
.catch(ex => {
notification.error({
message: `Notification`,
description: ex.message,
placement: 'top',
duration: 4,
});
})
.finally(() => {
setDataLoading(false);
});
}
return (
<Space direction="vertical" style={{ width: '100%' }}>
<Title level={3}>账单管理</Title>
<Row gutter={{ md: 24 }}>
<Col span={4}>
<Input placeholder="团名" onChange={(e) => { onGroupNoChange(e.target.value) }} />
</Col>
<Col span={6}>
<Space direction="horizontal">
Date
<DatePicker.RangePicker
allowClear={false}
inputReadOnly={true}
placeholder={['Start', 'End']}
onChange={(date, dateRange) => { onDateRangeChange(dateRange) }}
/>
</Space>
</Col>
<Col span={14}>
<Button type='primary' onClick={() => onSearchClick()} loading={dataLoading}>Search</Button>
</Col>
</Row>
<Row>
<Col span={24}>
<Table
bordered
loading={dataLoading}
pagination={{
position: ['bottomCenter'],
current: invoicePage.current,
pageSize: invoicePage.size,
total: invoicePage.total,
simple: true
}}
onChange={(pagination, filters, sorter, extra) => {onSearchClick(pagination.current);}}
columns={invoiceListColumns} dataSource={toJS(invoiceList)}
/>
</Col>
</Row>
</Space>
)
} }
export default observer(Index); export default observer(Index);

1
src/views/reservation/Newest.jsx
Unescape Escape View File

@ -211,6 +211,7 @@ function Newest() {
</Space> </Space>
</Col> </Col>
</Row> </Row>
<Title level={3}></Title>
<Row> <Row>
<Col span={24}> <Col span={24}>
<Table <Table

Write Preview
Loading…
Cancel
Save