釣り人がワカサギドーム船で知りたいこと、それは
空き状態 と 今釣れているのか
ではないでしょうか。
そこで、ワカサギドーム船の釣果と空き情報をカレンダー形式で表示するページを作りました
https://kyum.chu.jp/yoyaku/public/reserve/calender/1/0
まずはお客様が見るページです
🎣 ワカサギ釣りドーム船の予約カレンダー解説ページ
このページは、特定の店舗（ドーム船）のワカサギ釣り予約状況と当日の釣果情報を提供する予約カレンダー画面です。ユーザーは、表示されている商品（ドーム船など）を選択し、カレンダーを通じて予約の可否や過去の釣りの出来高を確認できます。
📅 画面の主要要素と機能
1. 予約情報の設定
- 店舗名と商品選択: 画面上部には、店舗名（例: 「ワカサギドームサンプル」）とともに、ドロップダウン形式のセレクタ が配置されています。これにより、提供されている複数の釣り商品（例: コース、異なるドーム船など）を切り替えて、それぞれの予約状況を確認できます。
- 月移動: 「前月」「次月」 のリンクをクリックすることで、表示する月を変更できます。
2. 日付ごとの表示情報
カレンダー内の各日付の枠内には、その日の営業状況と予約に関連する情報、および過去の釣果が表示されます。
- 営業状況:
- 枠内には、営業状態を示すボタン（例: 「営業」）が表示されています。これは、店舗側が設定した「通常営業」「休業」「貸し切り」などの状態を示します。
- 店舗オーナーとしてログインしている場合、このボタンをクリックすると、その日の営業状態や定員などを編集するためのモーダルウィンドウが開きます。
- 予約可能残席数:
- 日の左下には、残席数が表示されています。これは、その日の最大定員からネット予約外の予約人数とネット予約人数を引いた、ネット予約可能な残り枠を示します。
- 釣果レベル (★マーク):
- 過去の日付には、★の数（1～5個） でその日の釣果レベル（出来高） が表示されます。
- この★マークや釣果のメモが表示されているエリアをクリックすると、その日の詳細な釣果情報（天気、気温、釣果数など） を含むポップアップが表示されます。
- 予約ボタン:
- 明日以降の日付で、かつ残席がある場合、枠内右下に 「予約」ボタン が表示されます。
- このボタンをクリックすると、予約手続きを行うための新規画面（
reserve.createルート）へ遷移します。
店舗オーナーの画面
ログイン操作
店舗オーナー用の画面は画面上部の[Login] を選択ます
すると 以下のログイン画面に変わります
ユーザーID：sample
パスワード：sample123
と入力し、[ログイン]を選択すると店舗オーナー画面となります
店舗オーナーの画面は以下となります
日付枠内の変更
日付枠内の表示を変えたい場合は、右上の[営業]となっているところを選択すると以下の画面が開きます。
・Stars(★)では釣果レベルを１～５で指定します
・メモには、その日の天候や釣果などを自由に入力してください
・[適用]を選択するとカレンダーに反映します
予約済お客様に対しての受付
本日以降の日付の場合は、枠内に予約者名・[詳細]と[予約]のボタンが表示されます
[詳細]を選択すると、その日の予約者が表示されます
受付ボタンを選択すると、商品の数を指定する画面となります
数量の列の数字両側の⊖⊕ボタンで数を増減して指定すると、小計と合計が計算されます
購入品を指定して[受付を登録]を押すと受付の完了画面となります
[領収書作成]を押すと領収書のpdfを作成します
※以下は例であり、実際には店舗ごとの領収書に対して金額などが記入されます
予約の追加
予約ボタンを選択すると新規予約画面となります
必要項目を入力し、[予約実行]を選択すると予約の受付となります
お客様用のカレンダー画面にも同じボタンがありますが、これは店舗の指定で非表示とすることも可能です