|
|
@ -1,12 +1,10 @@
|
|
|
|
import { useState, useEffect } from 'react'
|
|
|
|
import { useState, useEffect } from 'react'
|
|
|
|
import { useParams, useNavigate } from 'react-router-dom'
|
|
|
|
import { useParams, useNavigate } from 'react-router-dom'
|
|
|
|
import { Row, Col, Modal, InputNumber, Form, Typography, DatePicker, Input, Button, App } from 'antd'
|
|
|
|
import { Modal, InputNumber, Form, Typography, DatePicker, Button } from 'antd'
|
|
|
|
import useHotelStore from '@/stores/Hotel'
|
|
|
|
import useHotelStore from '@/stores/Hotel'
|
|
|
|
import { HotelList, RoomList } from "./HotelComponents";
|
|
|
|
import { RoomList } from "./HotelComponents"
|
|
|
|
import { ExclamationCircleFilled } from '@ant-design/icons'
|
|
|
|
|
|
|
|
import dayjs from 'dayjs'
|
|
|
|
import dayjs from 'dayjs'
|
|
|
|
import { isEmpty } from '@/utils/commons'
|
|
|
|
import { isEmpty } from '@/utils/commons'
|
|
|
|
const { Title } = Typography
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function Detail() {
|
|
|
|
function Detail() {
|
|
|
|
|
|
|
|
|
|
|
@ -21,7 +19,6 @@ function Detail() {
|
|
|
|
|
|
|
|
|
|
|
|
const navigate = useNavigate()
|
|
|
|
const navigate = useNavigate()
|
|
|
|
const [searchForm] = Form.useForm()
|
|
|
|
const [searchForm] = Form.useForm()
|
|
|
|
const { notification, modal } = App.useApp()
|
|
|
|
|
|
|
|
const [selectedHotel, getRoomListByHotel, roomList] =
|
|
|
|
const [selectedHotel, getRoomListByHotel, roomList] =
|
|
|
|
useHotelStore(state =>
|
|
|
|
useHotelStore(state =>
|
|
|
|
[state.selectedHotel, state.getRoomListByHotel, state.roomList])
|
|
|
|
[state.selectedHotel, state.getRoomListByHotel, state.roomList])
|
|
|
@ -58,9 +55,6 @@ function Detail() {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const handleRoomChange = (room, plan) => {
|
|
|
|
const handleRoomChange = (room, plan) => {
|
|
|
|
console.info('room: ', room)
|
|
|
|
|
|
|
|
console.info('plan: ', plan)
|
|
|
|
|
|
|
|
console.info('hotel: ', selectedHotel)
|
|
|
|
|
|
|
|
const forHtJson = {
|
|
|
|
const forHtJson = {
|
|
|
|
hotelName: selectedHotel.hotel_name,
|
|
|
|
hotelName: selectedHotel.hotel_name,
|
|
|
|
roomName: room.RoomName,
|
|
|
|
roomName: room.RoomName,
|
|
|
@ -74,21 +68,21 @@ function Detail() {
|
|
|
|
document.getElementById('forHtJson').value = JSON.stringify(forHtJson)
|
|
|
|
document.getElementById('forHtJson').value = JSON.stringify(forHtJson)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const [isModalOpen, setIsModalOpen] = useState(false);
|
|
|
|
const [isModalOpen, setIsModalOpen] = useState(false)
|
|
|
|
const showModal = () => {
|
|
|
|
const showModal = () => {
|
|
|
|
setIsModalOpen(true);
|
|
|
|
setIsModalOpen(true)
|
|
|
|
};
|
|
|
|
}
|
|
|
|
const handleOk = () => {
|
|
|
|
const handleOk = () => {
|
|
|
|
setIsModalOpen(false);
|
|
|
|
setIsModalOpen(false)
|
|
|
|
};
|
|
|
|
}
|
|
|
|
const handleCancel = () => {
|
|
|
|
const handleCancel = () => {
|
|
|
|
setIsModalOpen(false);
|
|
|
|
setIsModalOpen(false)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div className='min-w-[1152px]'>
|
|
|
|
<div className='min-w-[1152px]'>
|
|
|
|
<input type='hidden' id='forHtJson' />
|
|
|
|
<input type='hidden' id='forHtJson' />
|
|
|
|
<Modal title='你选择了' open={isModalOpen} onOk={handleOk} onCancel={handleCancel}>
|
|
|
|
<Modal title='你选择了' open={isModalOpen} onOk={handleOk} onCancel={handleCancel} footer={null}>
|
|
|
|
<p>酒店:{hotelQuotation.hotelName}</p>
|
|
|
|
<p>酒店:{hotelQuotation.hotelName}</p>
|
|
|
|
<p>房型:{hotelQuotation.roomName}</p>
|
|
|
|
<p>房型:{hotelQuotation.roomName}</p>
|
|
|
|
<p>价格:{hotelQuotation.price}</p>
|
|
|
|
<p>价格:{hotelQuotation.price}</p>
|
|
|
@ -141,7 +135,7 @@ function Detail() {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<RoomList loading={loading} onChange={({room, plan}) => {handleRoomChange(room, plan)}} dataSource={roomList}></RoomList>
|
|
|
|
<RoomList loading={loading} onChange={({room, plan}) => {handleRoomChange(room, plan)}} dataSource={roomList}></RoomList>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
export default Detail
|
|
|
|
export default Detail
|
|
|
|