perf: 删除无效代码,去除房型对话框确认和取消按钮

main
Jimmy Liow 10 months ago
parent a758629a8d
commit 718bd9ac75

@ -6,7 +6,6 @@
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "vite build", "build": "vite build",
"4test": "vite build --mode test",
"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0", "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
"preview": "vite preview" "preview": "vite preview"
}, },

@ -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

@ -1,6 +1,6 @@
import { useState, useEffect } from 'react' import { useState, useEffect } from 'react'
import { useNavigate, useSearchParams } from 'react-router-dom' import { useNavigate, useSearchParams } from 'react-router-dom'
import { Row, Col, InputNumber, Space, Form, Typography, DatePicker, Input, Button, App } from 'antd' import { Space, Typography } from 'antd'
import useHotelStore from '@/stores/Hotel' import useHotelStore from '@/stores/Hotel'
import dayjs from 'dayjs' import dayjs from 'dayjs'
import { HotelList, SearchForm } from './HotelComponents' import { HotelList, SearchForm } from './HotelComponents'
@ -15,8 +15,6 @@ const List = () => {
useHotelStore(state => useHotelStore(state =>
[state.searchByCriteria, state.hotelList, state.selectHotel]) [state.searchByCriteria, state.hotelList, state.selectHotel])
const { notification } = App.useApp()
const navigate = useNavigate() const navigate = useNavigate()
const [searchParams, setSearchParams] = useSearchParams() const [searchParams, setSearchParams] = useSearchParams()

Loading…
Cancel
Save