|
|
|
@ -2,81 +2,94 @@ 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, Typography, DatePicker, Radio } from "antd";
|
|
|
|
import { Row, Col, Space, Button, Table, Input, Typography, DatePicker, App } from "antd";
|
|
|
|
import { useStore } from "@/stores/StoreContext.js";
|
|
|
|
import { useStore } from "@/stores/StoreContext.js";
|
|
|
|
import * as config from "@/config";
|
|
|
|
import * as config from "@/config";
|
|
|
|
|
|
|
|
|
|
|
|
const { Title } = Typography;
|
|
|
|
const { Title } = Typography;
|
|
|
|
const feedbackListColumns = [
|
|
|
|
const feedbackListColumns = [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "团名",
|
|
|
|
title: "Ref.No",
|
|
|
|
dataIndex: "EOI_Group_Name",
|
|
|
|
dataIndex: "EOI_Group_Name",
|
|
|
|
render: (text, record) => <NavLink to={`/feedback/${record.EOI_GRI_SN}`}>{text}</NavLink>,
|
|
|
|
render: (text, record) => <NavLink to={`/feedback/${record.EOI_GRI_SN}`}>{text}</NavLink>,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "离团日期",
|
|
|
|
title: "Arrival Date",
|
|
|
|
dataIndex: "EOI_Date",
|
|
|
|
dataIndex: "EOI_Date",
|
|
|
|
render: (text, record) => text,
|
|
|
|
render: (text, record) => text,
|
|
|
|
sorter: (a, b) => b.EOI_Date - a.EOI_Date,
|
|
|
|
sorter: (a, b) => b.EOI_Date - a.EOI_Date,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "城市",
|
|
|
|
title: "Cities",
|
|
|
|
key: "City",
|
|
|
|
key: "City",
|
|
|
|
dataIndex: "City",
|
|
|
|
dataIndex: "City",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "评分",
|
|
|
|
title: "Guides",
|
|
|
|
dataIndex: "Average",
|
|
|
|
dataIndex: "GriName",
|
|
|
|
sorter: (a, b) => b.Average - a.Average,
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "图片数",
|
|
|
|
title: "Post Survey",
|
|
|
|
dataIndex: "PicNum",
|
|
|
|
dataIndex: "Average",
|
|
|
|
sorter: (a, b) => b.PicNum - a.PicNum,
|
|
|
|
sorter: (a, b) => b.Average - a.Average,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "导游",
|
|
|
|
title: "External Reviews",
|
|
|
|
dataIndex: "GriName",
|
|
|
|
dataIndex: "GriName",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "表状态",
|
|
|
|
|
|
|
|
dataIndex: "FState",
|
|
|
|
|
|
|
|
sorter: (a, b) => b.FState - a.FState,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
];
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
|
|
function Index() {
|
|
|
|
function Index() {
|
|
|
|
|
|
|
|
const { notification } = App.useApp();
|
|
|
|
const { feedbackStore, authStore } = useStore();
|
|
|
|
const { feedbackStore, authStore } = useStore();
|
|
|
|
const { feedbackList, search_date_start, search_date_end } = feedbackStore;
|
|
|
|
const { feedbackList, search_date_start, search_date_end } = feedbackStore;
|
|
|
|
const [referenceNo, onNumberChange] = useState("");
|
|
|
|
const [referenceNo, onNumberChange] = useState("");
|
|
|
|
const showTotal = total => `Total ${feedbackList.length} items`;
|
|
|
|
const showTotal = total => `Total ${feedbackList.length} items`;
|
|
|
|
|
|
|
|
|
|
|
|
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 => {
|
|
|
|
|
|
|
|
notification.error({
|
|
|
|
|
|
|
|
message: `Error`,
|
|
|
|
|
|
|
|
description: ex.message,
|
|
|
|
|
|
|
|
placement: 'top',
|
|
|
|
|
|
|
|
duration: 4,
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
}, []);
|
|
|
|
}, []);
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<Space direction="vertical" style={{ width: "100%" }}>
|
|
|
|
<Space direction="vertical" style={{ width: "100%" }}>
|
|
|
|
<Title level={3}>反馈表</Title>
|
|
|
|
<Title level={3}></Title>
|
|
|
|
|
|
|
|
|
|
|
|
<Row gutter={16}>
|
|
|
|
<Row gutter={16}>
|
|
|
|
<Col md={24} lg={6} xxl={4}>
|
|
|
|
<Col md={24} lg={6} xxl={4}>
|
|
|
|
<Input
|
|
|
|
<Input
|
|
|
|
placeholder="团号"
|
|
|
|
placeholder="Reference Number"
|
|
|
|
onChange={e => {
|
|
|
|
onChange={e => {
|
|
|
|
onNumberChange(e.target.value);
|
|
|
|
onNumberChange(e.target.value);
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</Col>
|
|
|
|
</Col>
|
|
|
|
<Col md={24} lg={6} xxl={4}>
|
|
|
|
<Col md={24} lg={8} xxl={6}>
|
|
|
|
<DatePicker.RangePicker format={config.DATE_FORMAT} allowClear={false} style={{ width: "100%" }} value={[search_date_start, search_date_end]} presets={config.DATE_PRESETS} onChange={feedbackStore.onDateRangeChange} />
|
|
|
|
<Space direction="horizontal">
|
|
|
|
|
|
|
|
Arrival Date
|
|
|
|
|
|
|
|
<DatePicker.RangePicker
|
|
|
|
|
|
|
|
format={config.DATE_FORMAT}
|
|
|
|
|
|
|
|
allowClear={false}
|
|
|
|
|
|
|
|
style={{ width: "100%" }}
|
|
|
|
|
|
|
|
value={[search_date_start, search_date_end]}
|
|
|
|
|
|
|
|
presets={config.DATE_PRESETS}
|
|
|
|
|
|
|
|
onChange={feedbackStore.onDateRangeChange}
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</Space>
|
|
|
|
</Col>
|
|
|
|
</Col>
|
|
|
|
<Col md={24} lg={4} xxl={4}>
|
|
|
|
<Col md={24} lg={4} xxl={4}>
|
|
|
|
<Button
|
|
|
|
<Button
|
|
|
|
type="primary"
|
|
|
|
type="primary"
|
|
|
|
loading={feedbackStore.loading}
|
|
|
|
loading={feedbackStore.loading}
|
|
|
|
onClick={() => feedbackStore.searchFeedbackList(authStore.login.travelAgencyId, referenceNo, search_date_start.format(config.DATE_FORMAT), search_date_end.format(config.DATE_FORMAT) + " 23:59")}>
|
|
|
|
onClick={() => feedbackStore.searchFeedbackList(authStore.login.travelAgencyId, referenceNo, search_date_start.format(config.DATE_FORMAT), search_date_end.format(config.DATE_FORMAT) + " 23:59")}>
|
|
|
|
搜索
|
|
|
|
Search
|
|
|
|
</Button>
|
|
|
|
</Button>
|
|
|
|
</Col>
|
|
|
|
</Col>
|
|
|
|
</Row>
|
|
|
|
</Row>
|
|
|
|
|
YCC
2 years ago