Spaces:
Runtime error
Runtime error
| import gradio as gr | |
| import pandas as pd | |
| import uuid | |
| from datetime import datetime, date | |
| # ========================= | |
| # In-memory "DB" | |
| # ========================= | |
| STATE = { | |
| "jobs": [], # {job_id, title, area, budget_min, budget_max, deadline_raw, details, created_at, status, approved_bid_id} | |
| "bids": [] # {bid_id, job_id, contractor, price, duration_days, note, created_at, status} | |
| } | |
| # ========================= | |
| # Prefecture -> City master (prototype) | |
| # ========================= | |
| PREF_CITIES = { | |
| "静岡県": ["静岡市", "浜松市", "藤枝市", "焼津市", "沼津市", "富士市", "三島市"], | |
| "東京都": ["千代田区", "港区", "新宿区", "渋谷区", "世田谷区", "台東区"], | |
| "神奈川県": ["横浜市", "川崎市", "相模原市", "藤沢市", "鎌倉市"], | |
| "愛知県": ["名古屋市", "豊田市", "岡崎市", "一宮市"], | |
| "大阪府": ["大阪市", "堺市", "吹田市", "豊中市"], | |
| } | |
| # ========================= | |
| # CSS (Card UI) | |
| # ========================= | |
| CARD_CSS = """ | |
| /* ====== カードRadioのグリッド化 ====== */ | |
| #job_cards .wrap, #union_job_cards .wrap, #union_bid_cards .wrap { | |
| display: grid !important; | |
| grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); | |
| gap: 12px; | |
| } | |
| /* label をカード化（常に文字色を濃色に固定） */ | |
| #job_cards label, #union_job_cards label, #union_bid_cards label { | |
| border: 1px solid #e5e7eb !important; | |
| border-radius: 16px !important; | |
| padding: 14px !important; | |
| background: #ffffff !important; | |
| cursor: pointer !important; | |
| line-height: 1.45 !important; | |
| white-space: pre-wrap !important; | |
| transition: all .12s ease; | |
| color: #111827 !important; | |
| } | |
| /* hover */ | |
| #job_cards label:hover, #union_job_cards label:hover, #union_bid_cards label:hover { | |
| border-color: #6366f1 !important; | |
| box-shadow: 0 6px 18px rgba(17, 24, 39, 0.08); | |
| } | |
| /* 選択時：背景 + 枠 + 文字色 */ | |
| #job_cards input:checked + label, | |
| #union_job_cards input:checked + label, | |
| #union_bid_cards input:checked + label { | |
| border-color: #4f46e5 !important; | |
| background: #eef2ff !important; | |
| color: #111827 !important; | |
| } | |
| /* 内部要素も濃色固定 */ | |
| #job_cards label span, #job_cards label div, #job_cards label p, | |
| #union_job_cards label span, #union_job_cards label div, #union_job_cards label p, | |
| #union_bid_cards label span, #union_bid_cards label div, #union_bid_cards label p { | |
| color: #111827 !important; | |
| } | |
| """ | |
| # ========================= | |
| # Utilities | |
| # ========================= | |
| def now_str(): | |
| return datetime.now().strftime("%Y-%m-%d %H:%M:%S") | |
| def yen(x): | |
| try: | |
| return f"¥{int(x):,}" | |
| except: | |
| return "-" | |
| def validate_yyyymmdd(s: str): | |
| if not isinstance(s, str): | |
| return None | |
| s = s.strip() | |
| if len(s) != 8 or not s.isdigit(): | |
| return None | |
| try: | |
| datetime.strptime(s, "%Y%m%d") | |
| return s | |
| except ValueError: | |
| return None | |
| def format_deadline(deadline_raw: str, mode: str): | |
| if not deadline_raw: | |
| return "" | |
| if mode == "YYYYMMDD": | |
| return deadline_raw | |
| try: | |
| d = datetime.strptime(deadline_raw, "%Y%m%d").date() | |
| return d.strftime("%Y-%m-%d") | |
| except Exception: | |
| return deadline_raw | |
| def days_remaining(deadline_raw: str): | |
| try: | |
| d = datetime.strptime(deadline_raw, "%Y%m%d").date() | |
| today = date.today() | |
| return (d - today).days | |
| except Exception: | |
| return None | |
| def remaining_label(deadline_raw: str): | |
| r = days_remaining(deadline_raw) | |
| if r is None: | |
| return "残り: -" | |
| if r >= 0: | |
| return f"残り: {r}日" | |
| return f"期限超過: {-r}日" | |
| def status_badge(status: str): | |
| # 見た目はここで統一（HTMLとして描画するので崩れない） | |
| if status == "OPEN": | |
| return ('募集中', '#eef2ff', '#111827') | |
| if status == "MATCHED": | |
| return ('承認済み', '#ecfeff', '#0f172a') | |
| return ('クローズ', '#f3f4f6', '#111827') | |
| # ========================= | |
| # View builders | |
| # ========================= | |
| def summarize(): | |
| jobs = STATE["jobs"] | |
| bids = STATE["bids"] | |
| open_jobs = [j for j in jobs if j["status"] == "OPEN"] | |
| matched_jobs = [j for j in jobs if j["status"] == "MATCHED"] | |
| closed_jobs = [j for j in jobs if j["status"] == "CLOSED"] | |
| total_bids = len(bids) | |
| avg_bids_per_job = round(total_bids / len(jobs), 2) if jobs else 0.0 | |
| return f""" | |
| # ギルドビルド（プロトタイプ） | |
| **目的：** 建築案件の「依頼 → 入札 → 組合管理 → 成約」を透明化し、適正価格・適正期間で成立させる。 | |
| --- | |
| ## いま起きていること（リアルタイム） | |
| - 案件数：**{len(jobs)}** | |
| - 募集中（OPEN）：**{len(open_jobs)}** | |
| - 承認済み（MATCHED）：**{len(matched_jobs)}** | |
| - クローズ（CLOSED）：**{len(closed_jobs)}** | |
| - 入札数：**{total_bids}** | |
| - 平均入札数/案件：**{avg_bids_per_job}** | |
| --- | |
| ## 体験の流れ（このアプリでできること） | |
| 1. **施主**：案件を投稿（予算・希望納期・内容） | |
| 2. **職人**：案件に入札（価格・工期・コメント） | |
| 3. **組合**：入札状況を可視化し、承認してマッチング（透明なルール運用） | |
| """ | |
| def jobs_table(date_mode: str): | |
| rows = [] | |
| for j in STATE["jobs"]: | |
| rows.append({ | |
| "job_id": j["job_id"], | |
| "タイトル": j["title"], | |
| "エリア": j["area"], | |
| "予算": f"{yen(j['budget_min'])} 〜 {yen(j['budget_max'])}", | |
| "希望納期": format_deadline(j["deadline_raw"], date_mode), | |
| "残り": remaining_label(j["deadline_raw"]), | |
| "状態": j["status"], | |
| "作成": j["created_at"], | |
| "採択bid_id": j["approved_bid_id"] or "" | |
| }) | |
| return pd.DataFrame(rows) | |
| def bids_table(job_id=None): | |
| rows = [] | |
| for b in STATE["bids"]: | |
| if job_id and b["job_id"] != job_id: | |
| continue | |
| rows.append({ | |
| "bid_id": b["bid_id"], | |
| "job_id": b["job_id"], | |
| "職人名": b["contractor"], | |
| "提示価格": yen(b["price"]), | |
| "工期(日)": b["duration_days"], | |
| "コメント": b["note"], | |
| "状態": b["status"], | |
| "作成": b["created_at"], | |
| }) | |
| return pd.DataFrame(rows) | |
| # ========================= | |
| # Cards | |
| # ========================= | |
| def open_job_cards(date_mode: str): | |
| items = [] | |
| for j in STATE["jobs"]: | |
| if j["status"] != "OPEN": | |
| continue | |
| dl = format_deadline(j["deadline_raw"], date_mode) | |
| rem_days = days_remaining(j["deadline_raw"]) | |
| rem = remaining_label(j["deadline_raw"]) | |
| # ★カードはシンプル：ID/概要は出さない | |
| label = ( | |
| f"{j['title']}\n" | |
| f"・エリア：{j['area']}\n" | |
| f"・予算：{yen(j['budget_min'])}〜{yen(j['budget_max'])}\n" | |
| f"・納期：{dl}（{rem}）" | |
| ) | |
| sort_key = rem_days if rem_days is not None else 10**9 | |
| items.append((sort_key, (label, j["job_id"]))) | |
| items.sort(key=lambda x: x[0]) | |
| return [x[1] for x in items] | |
| def union_job_cards(date_mode: str): | |
| items = [] | |
| for j in STATE["jobs"]: | |
| dl = format_deadline(j["deadline_raw"], date_mode) | |
| rem_days = days_remaining(j["deadline_raw"]) | |
| rem = remaining_label(j["deadline_raw"]) | |
| label = ( | |
| f"{j['title']}\n" | |
| f"・状態：{j['status']}\n" | |
| f"・エリア：{j['area']}\n" | |
| f"・予算：{yen(j['budget_min'])}〜{yen(j['budget_max'])}\n" | |
| f"・納期：{dl}（{rem}）" | |
| ) | |
| sort_key = rem_days if rem_days is not None else 10**9 | |
| items.append((sort_key, (label, j["job_id"]))) | |
| items.sort(key=lambda x: x[0]) | |
| return [x[1] for x in items] | |
| def union_bid_cards(job_id: str): | |
| """ | |
| 組合：選択案件に紐づく入札をカード化 | |
| """ | |
| if not job_id: | |
| return [] | |
| related = [b for b in STATE["bids"] if b["job_id"] == job_id] | |
| # PENDING → ACCEPTED/REJECTED の順が見やすい | |
| rank = {"PENDING": 0, "ACCEPTED": 1, "REJECTED": 2} | |
| related.sort(key=lambda b: (rank.get(b["status"], 9), int(b.get("price", 10**18)))) | |
| items = [] | |
| for b in related: | |
| st = b.get("status", "") | |
| label = ( | |
| f"{b['contractor']}\n" | |
| f"・提示価格：{yen(b['price'])}\n" | |
| f"・工期：{b['duration_days']}日\n" | |
| f"・状態：{st}" | |
| ) | |
| items.append((label, b["bid_id"])) | |
| return items | |
| def job_detail_html(job_id: str, date_mode: str): | |
| j = next((x for x in STATE["jobs"] if x["job_id"] == job_id), None) | |
| if not j: | |
| return "<div style='color:#6b7280;'>（案件が見つかりません）</div>" | |
| details = (j.get("details") or "").strip() or "（詳細なし）" | |
| dl = format_deadline(j["deadline_raw"], date_mode) | |
| rem = remaining_label(j["deadline_raw"]) | |
| badge_text, badge_bg, badge_fg = status_badge(j.get("status", "")) | |
| return f""" | |
| <div style="border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#ffffff;"> | |
| <div style="display:flex;align-items:flex-start;justify-content:space-between;gap:12px;"> | |
| <div style="font-size:20px;font-weight:900;line-height:1.2;">{j['title']}</div> | |
| <div style="padding:6px 10px;border-radius:999px;background:{badge_bg};color:{badge_fg};font-weight:800;"> | |
| {badge_text} | |
| </div> | |
| </div> | |
| <div style="margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;"> | |
| <div style="padding:7px 10px;border-radius:999px;background:#f3f4f6;">エリア：<b>{j['area']}</b></div> | |
| <div style="padding:7px 10px;border-radius:999px;background:#f3f4f6;">予算：<b>{yen(j['budget_min'])}〜{yen(j['budget_max'])}</b></div> | |
| <div style="padding:7px 10px;border-radius:999px;background:#f3f4f6;">納期：<b>{dl}</b></div> | |
| <div style="padding:7px 10px;border-radius:999px;background:#eef2ff;color:#111827;"><b>{rem}</b></div> | |
| </div> | |
| <div style="margin-top:14px;padding:12px;border-radius:14px;background:#fafafa;border:1px solid #f3f4f6;"> | |
| <div style="font-weight:800;margin-bottom:6px;color:#111827;">詳細</div> | |
| <div style="color:#374151;white-space:pre-wrap;line-height:1.6;">{details}</div> | |
| </div> | |
| </div> | |
| """ | |
| def bid_detail_html(bid_id: str): | |
| b = next((x for x in STATE["bids"] if x["bid_id"] == bid_id), None) | |
| if not b: | |
| return "<div style='color:#6b7280;'>（入札が見つかりません）</div>" | |
| note = (b.get("note") or "").strip() or "（コメントなし）" | |
| st = b.get("status", "") | |
| # 状態バッジ | |
| if st == "PENDING": | |
| bt, bg = "審査待ち", "#eef2ff" | |
| elif st == "ACCEPTED": | |
| bt, bg = "採択", "#ecfeff" | |
| else: | |
| bt, bg = "不採択", "#f3f4f6" | |
| return f""" | |
| <div style="border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#ffffff;"> | |
| <div style="display:flex;justify-content:space-between;gap:12px;align-items:flex-start;"> | |
| <div style="font-size:18px;font-weight:900;line-height:1.2;">{b['contractor']}</div> | |
| <div style="padding:6px 10px;border-radius:999px;background:{bg};color:#111827;font-weight:800;">{bt}</div> | |
| </div> | |
| <div style="margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;"> | |
| <div style="padding:7px 10px;border-radius:999px;background:#f3f4f6;">提示価格：<b>{yen(b['price'])}</b></div> | |
| <div style="padding:7px 10px;border-radius:999px;background:#f3f4f6;">工期：<b>{b['duration_days']}日</b></div> | |
| </div> | |
| <div style="margin-top:14px;padding:12px;border-radius:14px;background:#fafafa;border:1px solid #f3f4f6;"> | |
| <div style="font-weight:800;margin-bottom:6px;color:#111827;">コメント</div> | |
| <div style="color:#374151;white-space:pre-wrap;line-height:1.6;">{note}</div> | |
| </div> | |
| </div> | |
| """ | |
| # ========================= | |
| # Dropdown choices builders | |
| # ========================= | |
| def list_open_jobs_for_bid_choices(date_mode: str): | |
| opts = [] | |
| for j in STATE["jobs"]: | |
| if j["status"] == "OPEN": | |
| dl = format_deadline(j["deadline_raw"], date_mode) | |
| label = f"{j['job_id']}｜{j['title']}｜{j['area']}｜予算:{yen(j['budget_min'])}〜{yen(j['budget_max'])}｜納期:{dl}" | |
| opts.append((label, j["job_id"])) | |
| return opts | |
| def union_job_choices(date_mode: str): | |
| opts = [] | |
| for j in STATE["jobs"]: | |
| dl = format_deadline(j["deadline_raw"], date_mode) | |
| opts.append((f"{j['job_id']}｜{j['title']}｜{j['status']}｜納期:{dl}", j["job_id"])) | |
| return opts | |
| def union_bid_choices_for_job(job_id): | |
| if not job_id: | |
| return [] | |
| related = [b for b in STATE["bids"] if b["job_id"] == job_id] | |
| opts = [] | |
| for b in related: | |
| label = f"{b['bid_id']}｜{b['contractor']}｜{yen(b['price'])}｜{b['duration_days']}日｜{b['status']}" | |
| opts.append((label, b["bid_id"])) | |
| return opts | |
| # ========================= | |
| # Actions | |
| # ========================= | |
| def update_city_choices(selected_pref): | |
| cities = PREF_CITIES.get(selected_pref, []) | |
| return gr.update(choices=cities, value=(cities[0] if cities else None)) | |
| def create_job(title, pref, city, budget_min, budget_max, deadline_raw_input, details, date_mode): | |
| deadline_raw = validate_yyyymmdd(deadline_raw_input) | |
| if not title or not pref or not city or deadline_raw is None: | |
| return ( | |
| gr.Warning("タイトル・都道府県・市区町村・希望納期（YYYYMMDD 8桁）は必須です。"), | |
| summarize(), | |
| jobs_table(date_mode), | |
| gr.update(choices=list_open_jobs_for_bid_choices(date_mode), value=None), | |
| gr.update(choices=open_job_cards(date_mode), value=None), | |
| "<div style='color:#6b7280;'>（案件を選択してください）</div>", | |
| gr.update(choices=union_job_choices(date_mode), value=None), | |
| gr.update(choices=union_job_cards(date_mode), value=None), | |
| gr.update(choices=[], value=None), # union_bid_cards | |
| gr.update(choices=[], value=None), # union_bid dropdown | |
| "<div style='color:#6b7280;'>（案件カードを選択してください）</div>", | |
| "<div style='color:#6b7280;'>（入札カードを選択してください）</div>", | |
| ) | |
| job_id = "JOB-" + uuid.uuid4().hex[:8].upper() | |
| area = f"{pref}{city}" | |
| STATE["jobs"].append({ | |
| "job_id": job_id, | |
| "title": title.strip(), | |
| "area": area, | |
| "budget_min": int(budget_min) if budget_min else 0, | |
| "budget_max": int(budget_max) if budget_max else 0, | |
| "deadline_raw": deadline_raw, | |
| "details": (details or "").strip(), | |
| "created_at": now_str(), | |
| "status": "OPEN", | |
| "approved_bid_id": None | |
| }) | |
| return ( | |
| gr.Info(f"案件を作成しました：{job_id}"), | |
| summarize(), | |
| jobs_table(date_mode), | |
| gr.update(choices=list_open_jobs_for_bid_choices(date_mode), value=None), | |
| gr.update(choices=open_job_cards(date_mode), value=None), | |
| "<div style='color:#6b7280;'>（案件カードを選択すると詳細が表示されます）</div>", | |
| gr.update(choices=union_job_choices(date_mode), value=None), | |
| gr.update(choices=union_job_cards(date_mode), value=None), | |
| gr.update(choices=[], value=None), | |
| gr.update(choices=[], value=None), | |
| "<div style='color:#6b7280;'>（案件カードを選択してください）</div>", | |
| "<div style='color:#6b7280;'>（入札カードを選択してください）</div>", | |
| ) | |
| def refresh_contractor_view(date_mode): | |
| return ( | |
| gr.update(choices=list_open_jobs_for_bid_choices(date_mode), value=None), | |
| gr.update(choices=open_job_cards(date_mode), value=None), | |
| "<div style='color:#6b7280;'>（案件カードを選択すると詳細が表示されます）</div>" | |
| ) | |
| def on_contractor_card_select(job_id, date_mode): | |
| if not job_id: | |
| return ( | |
| gr.update(value=None), | |
| "<div style='color:#6b7280;'>（案件を選択してください）</div>", | |
| bids_table() | |
| ) | |
| return ( | |
| gr.update(value=job_id), | |
| job_detail_html(job_id, date_mode), | |
| bids_table(job_id) | |
| ) | |
| def place_bid(job_id, contractor, price, duration_days, note): | |
| if not job_id: | |
| return gr.Warning("入札先の案件を選択してください。"), bids_table() | |
| if not contractor or price is None or duration_days is None: | |
| return gr.Warning("職人名・価格・工期は必須です。"), bids_table(job_id) | |
| job = next((j for j in STATE["jobs"] if j["job_id"] == job_id), None) | |
| if not job: | |
| return gr.Warning("案件が見つかりません。"), bids_table() | |
| if job["status"] != "OPEN": | |
| return gr.Warning("この案件は募集中ではありません。"), bids_table(job_id) | |
| bid_id = "BID-" + uuid.uuid4().hex[:8].upper() | |
| STATE["bids"].append({ | |
| "bid_id": bid_id, | |
| "job_id": job_id, | |
| "contractor": contractor.strip(), | |
| "price": int(price), | |
| "duration_days": int(duration_days), | |
| "note": (note or "").strip(), | |
| "created_at": now_str(), | |
| "status": "PENDING" | |
| }) | |
| return gr.Info(f"入札を登録しました：{bid_id}"), bids_table(job_id) | |
| def union_refresh(selected_job_id, date_mode): | |
| jt = jobs_table(date_mode) | |
| bt = bids_table(selected_job_id) if selected_job_id else bids_table() | |
| # カード類も更新 | |
| job_cards = gr.update(choices=union_job_cards(date_mode), value=selected_job_id or None) | |
| bid_cards = gr.update(choices=union_bid_cards(selected_job_id), value=None) | |
| bid_dd = gr.update(choices=union_bid_choices_for_job(selected_job_id), value=None) | |
| detail_job = job_detail_html(selected_job_id, date_mode) if selected_job_id else "<div style='color:#6b7280;'>（案件カードを選択してください）</div>" | |
| detail_bid = "<div style='color:#6b7280;'>（入札カードを選択してください）</div>" | |
| return ( | |
| summarize(), | |
| jt, | |
| bt, | |
| gr.update(choices=union_job_choices(date_mode), value=selected_job_id or None), | |
| job_cards, | |
| bid_cards, | |
| bid_dd, | |
| detail_job, | |
| detail_bid | |
| ) | |
| def on_union_job_card_select(job_id, date_mode): | |
| if not job_id: | |
| return ( | |
| gr.update(value=None), | |
| bids_table(), | |
| gr.update(choices=[], value=None), # bid cards | |
| gr.update(choices=[], value=None), # bid dropdown | |
| "<div style='color:#6b7280;'>（案件カードを選択してください）</div>", | |
| "<div style='color:#6b7280;'>（入札カードを選択してください）</div>", | |
| ) | |
| return ( | |
| gr.update(value=job_id), | |
| bids_table(job_id), | |
| gr.update(choices=union_bid_cards(job_id), value=None), | |
| gr.update(choices=union_bid_choices_for_job(job_id), value=None), | |
| job_detail_html(job_id, date_mode), | |
| "<div style='color:#6b7280;'>（入札カードを選択してください）</div>", | |
| ) | |
| def on_union_bid_card_select(bid_id): | |
| if not bid_id: | |
| return ( | |
| gr.update(value=None), | |
| "<div style='color:#6b7280;'>（入札カードを選択してください）</div>" | |
| ) | |
| return ( | |
| gr.update(value=bid_id), | |
| bid_detail_html(bid_id) | |
| ) | |
| def approve_bid(job_id, bid_id, date_mode): | |
| if not job_id or not bid_id: | |
| return ( | |
| gr.Warning("案件と入札を選択してください。"), | |
| summarize(), | |
| jobs_table(date_mode), | |
| bids_table(job_id), | |
| gr.update(choices=union_job_choices(date_mode), value=job_id or None), | |
| gr.update(choices=union_job_cards(date_mode), value=job_id or None), | |
| gr.update(choices=union_bid_cards(job_id), value=None), | |
| gr.update(choices=union_bid_choices_for_job(job_id), value=None), | |
| job_detail_html(job_id, date_mode) if job_id else "<div style='color:#6b7280;'>（案件カードを選択してください）</div>", | |
| "<div style='color:#6b7280;'>（入札カードを選択してください）</div>", | |
| ) | |
| job = next((j for j in STATE["jobs"] if j["job_id"] == job_id), None) | |
| bid = next((b for b in STATE["bids"] if b["bid_id"] == bid_id), None) | |
| if not job or not bid or bid["job_id"] != job_id: | |
| return ( | |
| gr.Warning("対応する案件/入札が見つかりません。"), | |
| summarize(), | |
| jobs_table(date_mode), | |
| bids_table(job_id), | |
| gr.update(choices=union_job_choices(date_mode), value=job_id or None), | |
| gr.update(choices=union_job_cards(date_mode), value=job_id or None), | |
| gr.update(choices=union_bid_cards(job_id), value=None), | |
| gr.update(choices=union_bid_choices_for_job(job_id), value=None), | |
| job_detail_html(job_id, date_mode), | |
| "<div style='color:#6b7280;'>（入札カードを選択してください）</div>", | |
| ) | |
| if job["status"] != "OPEN": | |
| return ( | |
| gr.Warning("この案件は募集中ではありません。"), | |
| summarize(), | |
| jobs_table(date_mode), | |
| bids_table(job_id), | |
| gr.update(choices=union_job_choices(date_mode), value=job_id or None), | |
| gr.update(choices=union_job_cards(date_mode), value=job_id or None), | |
| gr.update(choices=union_bid_cards(job_id), value=None), | |
| gr.update(choices=union_bid_choices_for_job(job_id), value=None), | |
| job_detail_html(job_id, date_mode), | |
| "<div style='color:#6b7280;'>（入札カードを選択してください）</div>", | |
| ) | |
| job["status"] = "MATCHED" | |
| job["approved_bid_id"] = bid_id | |
| for b in STATE["bids"]: | |
| if b["job_id"] == job_id: | |
| b["status"] = "REJECTED" | |
| bid["status"] = "ACCEPTED" | |
| return ( | |
| gr.Info(f"承認しました：{job_id} → {bid_id}"), | |
| summarize(), | |
| jobs_table(date_mode), | |
| bids_table(job_id), | |
| gr.update(choices=union_job_choices(date_mode), value=job_id), | |
| gr.update(choices=union_job_cards(date_mode), value=job_id), | |
| gr.update(choices=union_bid_cards(job_id), value=None), | |
| gr.update(choices=union_bid_choices_for_job(job_id), value=None), | |
| job_detail_html(job_id, date_mode), | |
| "<div style='color:#6b7280;'>（入札カードを選択してください）</div>", | |
| ) | |
| def close_job(job_id, date_mode): | |
| if not job_id: | |
| return ( | |
| gr.Warning("案件を選択してください。"), | |
| summarize(), | |
| jobs_table(date_mode), | |
| gr.update(choices=union_job_choices(date_mode), value=None), | |
| gr.update(choices=union_job_cards(date_mode), value=None), | |
| gr.update(choices=[], value=None), | |
| gr.update(choices=[], value=None), | |
| "<div style='color:#6b7280;'>（案件カードを選択してください）</div>", | |
| "<div style='color:#6b7280;'>（入札カードを選択してください）</div>", | |
| ) | |
| job = next((j for j in STATE["jobs"] if j["job_id"] == job_id), None) | |
| if not job: | |
| return ( | |
| gr.Warning("案件が見つかりません。"), | |
| summarize(), | |
| jobs_table(date_mode), | |
| gr.update(choices=union_job_choices(date_mode), value=None), | |
| gr.update(choices=union_job_cards(date_mode), value=None), | |
| gr.update(choices=[], value=None), | |
| gr.update(choices=[], value=None), | |
| "<div style='color:#6b7280;'>（案件カードを選択してください）</div>", | |
| "<div style='color:#6b7280;'>（入札カードを選択してください）</div>", | |
| ) | |
| job["status"] = "CLOSED" | |
| return ( | |
| gr.Info(f"案件をクローズしました：{job_id}"), | |
| summarize(), | |
| jobs_table(date_mode), | |
| gr.update(choices=union_job_choices(date_mode), value=job_id), | |
| gr.update(choices=union_job_cards(date_mode), value=job_id), | |
| gr.update(choices=union_bid_cards(job_id), value=None), | |
| gr.update(choices=union_bid_choices_for_job(job_id), value=None), | |
| job_detail_html(job_id, date_mode), | |
| "<div style='color:#6b7280;'>（入札カードを選択してください）</div>", | |
| ) | |
| def on_date_mode_change(date_mode, contractor_selected_job, union_selected_job): | |
| contractor_card = job_detail_html(contractor_selected_job, date_mode) if contractor_selected_job else \ | |
| "<div style='color:#6b7280;'>（案件カードを選択すると詳細が表示されます）</div>" | |
| union_card = job_detail_html(union_selected_job, date_mode) if union_selected_job else \ | |
| "<div style='color:#6b7280;'>（案件カードを選択してください）</div>" | |
| return ( | |
| jobs_table(date_mode), | |
| gr.update(choices=list_open_jobs_for_bid_choices(date_mode), value=contractor_selected_job or None), | |
| gr.update(choices=open_job_cards(date_mode), value=contractor_selected_job or None), | |
| contractor_card, | |
| jobs_table(date_mode), | |
| gr.update(choices=union_job_choices(date_mode), value=union_selected_job or None), | |
| gr.update(choices=union_job_cards(date_mode), value=union_selected_job or None), | |
| gr.update(choices=union_bid_cards(union_selected_job), value=None), | |
| gr.update(choices=union_bid_choices_for_job(union_selected_job), value=None), | |
| union_card, | |
| "<div style='color:#6b7280;'>（入札カードを選択してください）</div>", | |
| ) | |
| def reset_all(date_mode): | |
| STATE["jobs"].clear() | |
| STATE["bids"].clear() | |
| return ( | |
| gr.Info("全データをリセットしました。"), | |
| summarize(), | |
| jobs_table(date_mode), | |
| bids_table(), | |
| gr.update(choices=[], value=None), | |
| gr.update(choices=[], value=None), | |
| "<div style='color:#6b7280;'>（案件カードを選択すると詳細が表示されます）</div>", | |
| gr.update(choices=[], value=None), | |
| gr.update(choices=[], value=None), | |
| gr.update(choices=[], value=None), | |
| gr.update(choices=[], value=None), | |
| jobs_table(date_mode), | |
| bids_table(), | |
| "<div style='color:#6b7280;'>（案件カードを選択してください）</div>", | |
| "<div style='color:#6b7280;'>（入札カードを選択してください）</div>", | |
| ) | |
| # ========================= | |
| # UI | |
| # ========================= | |
| with gr.Blocks(title="ギルドビルド｜プロトタイプ", theme=gr.themes.Soft(), css=CARD_CSS) as demo: | |
| header = gr.Markdown(summarize()) | |
| with gr.Row(): | |
| date_mode = gr.Radio( | |
| label="日付表示", | |
| choices=["YYYYMMDD", "YYYY-MM-DD"], | |
| value="YYYY-MM-DD" | |
| ) | |
| reset_btn = gr.Button("全データをリセット", variant="stop") | |
| with gr.Tabs(): | |
| # ------------------------- | |
| # Owner (施主) | |
| # ------------------------- | |
| with gr.Tab("施主：案件投稿"): | |
| gr.Markdown( | |
| "## 案件を投稿する\n" | |
| "希望納期は **YYYYMMDD（例：20260304）** の8桁数字で入力してください。" | |
| ) | |
| with gr.Row(): | |
| title = gr.Textbox(label="タイトル（例：外壁塗装）", placeholder="外壁塗装／屋根塗装など") | |
| pref = gr.Dropdown(label="都道府県", choices=list(PREF_CITIES.keys()), value="静岡県") | |
| city = gr.Dropdown(label="市区町村", choices=PREF_CITIES["静岡県"], value=PREF_CITIES["静岡県"][0]) | |
| with gr.Row(): | |
| budget_min = gr.Number(label="予算下限（円）", value=300000, precision=0) | |
| budget_max = gr.Number(label="予算上限（円）", value=800000, precision=0) | |
| deadline_raw_input = gr.Textbox(label="希望納期（YYYYMMDD・8桁）", placeholder="例：20260304") | |
| details = gr.Textbox(label="詳細（任意）", lines=4, placeholder="建物の状態、面積の目安、希望条件など") | |
| create_btn = gr.Button("募集を開始（案件作成）", variant="primary") | |
| jobs_df_owner = gr.Dataframe(label="案件一覧", value=jobs_table(date_mode.value), interactive=False) | |
| pref.change(fn=update_city_choices, inputs=[pref], outputs=[city], show_progress=False) | |
| # ------------------------- | |
| # Contractor (職人) | |
| # ------------------------- | |
| with gr.Tab("職人：入札"): | |
| gr.Markdown( | |
| "## 募集中の案件に入札する\n" | |
| "下の **案件カード** をクリック（選択）すると、入札先が自動セットされます。" | |
| ) | |
| with gr.Row(): | |
| job_choice = gr.Dropdown( | |
| label="入札先案件（選択中）", | |
| choices=list_open_jobs_for_bid_choices(date_mode.value), | |
| value=None | |
| ) | |
| refresh_jobs_btn = gr.Button("案件リスト更新") | |
| job_cards = gr.Radio( | |
| label="募集中案件（カード）", | |
| choices=open_job_cards(date_mode.value), | |
| value=None, | |
| elem_id="job_cards", | |
| ) | |
| # ★HTMLで詳細表示（右上の意図しない挙動を根本解決） | |
| selected_job_card = gr.HTML("<div style='color:#6b7280;'>（案件カードを選択すると詳細が表示されます）</div>") | |
| with gr.Row(): | |
| contractor = gr.Textbox(label="職人名（仮）", placeholder="例：山田塗装") | |
| price = gr.Number(label="提示価格（円）", value=600000, precision=0) | |
| duration_days = gr.Number(label="工期（日）", value=10, precision=0) | |
| note = gr.Textbox(label="コメント（任意）", lines=3, placeholder="材料/工程/保証/対応可能日など") | |
| bid_btn = gr.Button("入札する", variant="primary") | |
| bids_df_contractor = gr.Dataframe(label="この案件の入札一覧", value=bids_table(), interactive=False) | |
| # ------------------------- | |
| # Union (組合) | |
| # ------------------------- | |
| with gr.Tab("組合：可視化・承認"): | |
| gr.Markdown("## 組合ダッシュボード\n案件カードと入札カードで、承認（マッチング）まで進められます。") | |
| with gr.Row(): | |
| union_job = gr.Dropdown(label="案件を選択（手動）", choices=union_job_choices(date_mode.value), value=None) | |
| union_refresh_btn = gr.Button("更新") | |
| union_job_cards_ui = gr.Radio( | |
| label="案件（カード）", | |
| choices=union_job_cards(date_mode.value), | |
| value=None, | |
| elem_id="union_job_cards" | |
| ) | |
| union_selected_detail = gr.HTML("<div style='color:#6b7280;'>（案件カードを選択してください）</div>") | |
| gr.Markdown("### 入札（職人選択）") | |
| union_bid_cards_ui = gr.Radio( | |
| label="入札（カード）", | |
| choices=[], | |
| value=None, | |
| elem_id="union_bid_cards" | |
| ) | |
| union_selected_bid_detail = gr.HTML("<div style='color:#6b7280;'>（入札カードを選択してください）</div>") | |
| with gr.Row(): | |
| union_bid = gr.Dropdown(label="入札を選択（手動）", choices=[], value=None) | |
| approve_btn = gr.Button("この入札を承認（マッチング）", variant="primary") | |
| close_btn = gr.Button("案件をクローズ", variant="secondary") | |
| jobs_df_union = gr.Dataframe(label="案件一覧（全体）", value=jobs_table(date_mode.value), interactive=False) | |
| bids_df_union = gr.Dataframe(label="入札一覧（選択案件）", value=bids_table(), interactive=False) | |
| # ========================= | |
| # Wiring | |
| # ========================= | |
| create_btn.click( | |
| fn=create_job, | |
| inputs=[title, pref, city, budget_min, budget_max, deadline_raw_input, details, date_mode], | |
| outputs=[ | |
| gr.Textbox(visible=False), | |
| header, | |
| jobs_df_owner, | |
| job_choice, | |
| job_cards, | |
| selected_job_card, | |
| union_job, | |
| union_job_cards_ui, | |
| union_bid_cards_ui, | |
| union_bid, | |
| union_selected_detail, | |
| union_selected_bid_detail, | |
| ], | |
| show_progress=False | |
| ) | |
| refresh_jobs_btn.click( | |
| fn=refresh_contractor_view, | |
| inputs=[date_mode], | |
| outputs=[job_choice, job_cards, selected_job_card], | |
| show_progress=False | |
| ) | |
| job_cards.change( | |
| fn=on_contractor_card_select, | |
| inputs=[job_cards, date_mode], | |
| outputs=[job_choice, selected_job_card, bids_df_contractor], | |
| show_progress=False | |
| ) | |
| job_choice.change( | |
| fn=lambda jid: bids_table(jid) if jid else bids_table(), | |
| inputs=[job_choice], | |
| outputs=[bids_df_contractor], | |
| show_progress=False | |
| ) | |
| bid_btn.click( | |
| fn=place_bid, | |
| inputs=[job_choice, contractor, price, duration_days, note], | |
| outputs=[gr.Textbox(visible=False), bids_df_contractor], | |
| show_progress=False | |
| ) | |
| # 組合：更新 | |
| union_refresh_btn.click( | |
| fn=union_refresh, | |
| inputs=[union_job, date_mode], | |
| outputs=[ | |
| header, | |
| jobs_df_union, | |
| bids_df_union, | |
| union_job, | |
| union_job_cards_ui, | |
| union_bid_cards_ui, | |
| union_bid, | |
| union_selected_detail, | |
| union_selected_bid_detail | |
| ], | |
| show_progress=False | |
| ) | |
| # 組合：案件カード選択 | |
| union_job_cards_ui.change( | |
| fn=on_union_job_card_select, | |
| inputs=[union_job_cards_ui, date_mode], | |
| outputs=[union_job, bids_df_union, union_bid_cards_ui, union_bid, union_selected_detail, union_selected_bid_detail], | |
| show_progress=False | |
| ) | |
| # 組合：案件dropdown手動変更（カード・入札カードも同期） | |
| union_job.change( | |
| fn=lambda jid, dm: ( | |
| bids_table(jid) if jid else bids_table(), | |
| gr.update(choices=union_bid_cards(jid), value=None), | |
| gr.update(choices=union_bid_choices_for_job(jid), value=None), | |
| job_detail_html(jid, dm) if jid else "<div style='color:#6b7280;'>（案件カードを選択してください）</div>", | |
| "<div style='color:#6b7280;'>（入札カードを選択してください）</div>", | |
| gr.update(value=jid), | |
| ), | |
| inputs=[union_job, date_mode], | |
| outputs=[bids_df_union, union_bid_cards_ui, union_bid, union_selected_detail, union_selected_bid_detail, union_job_cards_ui], | |
| show_progress=False | |
| ) | |
| # 組合：入札カード選択 → union_bid(手動dropdown)にも同期 + 詳細表示 | |
| union_bid_cards_ui.change( | |
| fn=on_union_bid_card_select, | |
| inputs=[union_bid_cards_ui], | |
| outputs=[union_bid, union_selected_bid_detail], | |
| show_progress=False | |
| ) | |
| # 組合：入札dropdown手動変更 → 入札詳細表示（カード選択がなくてもOK） | |
| union_bid.change( | |
| fn=lambda bid_id: bid_detail_html(bid_id) if bid_id else "<div style='color:#6b7280;'>（入札カードを選択してください）</div>", | |
| inputs=[union_bid], | |
| outputs=[union_selected_bid_detail], | |
| show_progress=False | |
| ) | |
| approve_btn.click( | |
| fn=approve_bid, | |
| inputs=[union_job, union_bid, date_mode], | |
| outputs=[ | |
| gr.Textbox(visible=False), | |
| header, | |
| jobs_df_union, | |
| bids_df_union, | |
| union_job, | |
| union_job_cards_ui, | |
| union_bid_cards_ui, | |
| union_bid, | |
| union_selected_detail, | |
| union_selected_bid_detail, | |
| ], | |
| show_progress=False | |
| ) | |
| close_btn.click( | |
| fn=close_job, | |
| inputs=[union_job, date_mode], | |
| outputs=[ | |
| gr.Textbox(visible=False), | |
| header, | |
| jobs_df_union, | |
| union_job, | |
| union_job_cards_ui, | |
| union_bid_cards_ui, | |
| union_bid, | |
| union_selected_detail, | |
| union_selected_bid_detail, | |
| ], | |
| show_progress=False | |
| ) | |
| date_mode.change( | |
| fn=on_date_mode_change, | |
| inputs=[date_mode, job_choice, union_job], | |
| outputs=[ | |
| jobs_df_owner, job_choice, job_cards, selected_job_card, | |
| jobs_df_union, union_job, union_job_cards_ui, union_bid_cards_ui, union_bid, | |
| union_selected_detail, union_selected_bid_detail | |
| ], | |
| show_progress=False | |
| ) | |
| reset_btn.click( | |
| fn=reset_all, | |
| inputs=[date_mode], | |
| outputs=[ | |
| gr.Textbox(visible=False), | |
| header, | |
| jobs_df_owner, | |
| bids_df_union, | |
| job_choice, | |
| job_cards, | |
| selected_job_card, | |
| union_job, | |
| union_job_cards_ui, | |
| union_bid_cards_ui, | |
| union_bid, | |
| jobs_df_union, | |
| bids_df_union, | |
| union_selected_detail, | |
| union_selected_bid_detail | |
| ], | |
| show_progress=False | |
| ) | |
| demo.launch() | |