""" Flutter風ダッシュボード 下部ナビゲーションと洗練されたUIコンポーネントを実装 """ import flet as ft import signal import sys import logging from datetime import datetime from typing import List, Dict, Optional from models.invoice_models import DocumentType, Invoice, create_sample_invoices, Customer from components.customer_picker import CustomerPickerModal from services.app_service import AppService # ロギング設定 logging.basicConfig( level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s' ) class FlutterStyleDashboard: """Flutter風の統合ダッシュボード""" def __init__(self, page: ft.Page): self.page = page self.current_tab = 0 # 0: 新規作成, 1: 発行履歴 self.selected_customer = None self.selected_document_type = DocumentType.INVOICE self.amount_value = "250000" self.customer_picker = None self.is_customer_picker_open = False self.customer_search_query = "" self.show_offsets = False # ビジネスロジックサービス self.app_service = AppService() self.invoices = [] self.customers = [] self.setup_page() self.setup_database() self.setup_ui() def setup_page(self): """ページ設定""" self.page.title = "販売アシスト1号" self.page.window.width = 420 self.page.window.height = 900 self.page.theme_mode = ft.ThemeMode.LIGHT # Fletのライフサイクルに任せる（SystemExitがasyncioに伝播して警告になりやすい） def setup_database(self): """データ初期化（サービス層経由）""" try: # 顧客データ読み込み self.customers = self.app_service.customer.get_all_customers() # 伝票データ読み込み self.invoices = self.app_service.invoice.get_recent_invoices(20) logging.info(f"データ初期化: 顧客{len(self.customers)}件, 伝票{len(self.invoices)}件") except Exception as e: logging.error(f"データ初期化エラー: {e}") def create_sample_data(self): """サンプル伝票データ作成""" try: # サンプルデータ sample_invoices = create_sample_invoices() for invoice in sample_invoices: self.cursor.execute(''' INSERT OR REPLACE INTO slips (document_type, customer_name, amount, date, status, description) VALUES (?, ?, ?, ?, ?, ?) ''', ( invoice.document_type.value, invoice.customer.formal_name, invoice.total_amount, invoice.date.strftime('%Y-%m-%d'), '完了', invoice.notes )) self.conn.commit() except Exception as e: logging.error(f"サンプルデータ作成エラー: {e}") def setup_ui(self): """UIセットアップ""" # 下部ナビゲーション（NavigationRail風） bottom_nav = ft.Container( content=ft.Row([ ft.Container( content=ft.IconButton( ft.Icons.ADD_BOX, selected=self.current_tab == 0, on_click=lambda _: self.on_tab_change(0), ), ), ft.Text("新規作成"), ft.Container( content=ft.IconButton( ft.Icons.HISTORY, selected=self.current_tab == 1, on_click=lambda _: self.on_tab_change(1), ), ), ft.Text("発行履歴"), ], alignment=ft.MainAxisAlignment.CENTER), padding=ft.Padding.all(10), bgcolor=ft.Colors.BLUE_GREY_50, ) # メインコンテンツ self.main_content = ft.Column([], expand=True) # ページ構成 self.page.add( ft.Column([ self.main_content, bottom_nav, ], expand=True) ) # 初期表示 self.update_main_content() def on_tab_change(self, index): """タブ切り替え""" self.current_tab = index self.update_main_content() self.page.update() def update_main_content(self): """メインコンテンツ更新""" self.main_content.controls.clear() if self.current_tab == 0: if self.is_customer_picker_open: self.main_content.controls.append(self.create_customer_picker_screen()) else: # 新規作成画面 self.main_content.controls.append(self.create_slip_input_screen()) else: # 発行履歴画面 self.main_content.controls.append(self.create_slip_history_screen()) self.page.update() def create_customer_picker_screen(self) -> ft.Container: """顧客選択画面（画面内遷移・ダイアログ不使用）""" self.customers = self.app_service.customer.get_all_customers() def back(_=None): self.is_customer_picker_open = False self.customer_search_query = "" self.update_main_content() list_container = ft.Column([], spacing=0, scroll=ft.ScrollMode.AUTO, expand=True) def render_list(customers: List[Customer]): list_container.controls.clear() for customer in customers: list_container.controls.append( ft.ListTile( title=ft.Text(customer.formal_name, weight=ft.FontWeight.BOLD), subtitle=ft.Text(f"{customer.address}\n{customer.phone}"), on_click=lambda _, c=customer: select_customer(c), ) ) self.page.update() def select_customer(customer: Customer): self.selected_customer = customer logging.info(f"顧客を選択: {customer.formal_name}") back() def on_search_change(e): q = (e.control.value or "").strip().lower() self.customer_search_query = q if not q: render_list(self.customers) return filtered = [ c for c in self.customers if q in (c.name or "").lower() or q in (c.formal_name or "").lower() or q in (c.address or "").lower() or q in (c.phone or "").lower() ] render_list(filtered) search_field = ft.TextField( label="顧客検索", prefix_icon=ft.Icons.SEARCH, value=self.customer_search_query, on_change=on_search_change, autofocus=True, ) header = ft.Container( content=ft.Row( [ ft.IconButton(ft.Icons.ARROW_BACK, on_click=back), ft.Text("顧客を選択", size=18, weight=ft.FontWeight.BOLD), ] ), padding=ft.padding.all(15), bgcolor=ft.Colors.BLUE_GREY, ) content = ft.Column( [ header, ft.Container(content=search_field, padding=ft.padding.all(15)), ft.Container(content=list_container, padding=ft.padding.symmetric(horizontal=15), expand=True), ], expand=True, ) # 初期表示 render_list(self.customers) return ft.Container(content=content, expand=True) def create_slip_input_screen(self) -> ft.Container: """伝票入力画面""" # 帳票種類選択（タブ風ボタン） document_types = list(DocumentType) type_buttons = ft.Row([ ft.Container( content=ft.Button( content=ft.Text(doc_type.value, size=12), bgcolor=ft.Colors.BLUE_GREY_800 if i == 0 else ft.Colors.GREY_300, color=ft.Colors.WHITE if i == 0 else ft.Colors.BLACK, on_click=lambda _, idx=i, dt=doc_type: self.select_document_type(dt.value), width=100, height=45, ), margin=ft.margin.only(right=5), ) for i, doc_type in enumerate(document_types) ], wrap=True) return ft.Container( content=ft.Column([ # ヘッダー ft.Container( content=ft.Row([ ft.Text("📋 販売アシスト1号", size=20, weight=ft.FontWeight.BOLD), ft.Container(expand=True), ft.IconButton(ft.Icons.SETTINGS, icon_size=20), ]), padding=ft.padding.all(15), bgcolor=ft.Colors.BLUE_GREY, ), # 帳票種類選択 ft.Container( content=ft.Column([ ft.Text("帳票の種類を選択", size=16, weight=ft.FontWeight.BOLD), ft.Container(height=10), type_buttons, ]), padding=ft.padding.all(20), ), # 顧客選択 ft.Container( content=ft.Column([ ft.Text("宛先と基本金額の設定", size=16, weight=ft.FontWeight.BOLD), ft.Container(height=10), ft.Row( [ ft.TextField( label="取引先名", value=self.selected_customer.formal_name if self.selected_customer else "未選択", read_only=True, border_color=ft.Colors.BLUE_GREY, expand=True, ), ft.IconButton( ft.Icons.PERSON_SEARCH, tooltip="顧客を選択", on_click=self.open_customer_picker, ), ], spacing=8, ), ft.Container(height=10), ft.TextField( label="基本金額 (税抜)", value=self.amount_value, keyboard_type=ft.KeyboardType.NUMBER, on_change=self.on_amount_change, border_color=ft.Colors.BLUE_GREY, ), ]), padding=ft.padding.all(20), ), # 作成ボタン ft.Container( content=ft.Button( content=ft.Row([ ft.Icon(ft.Icons.DESCRIPTION, color=ft.Colors.WHITE), ft.Text("伝票を作成して詳細編集へ", color=ft.Colors.WHITE), ], alignment=ft.MainAxisAlignment.CENTER), style=ft.ButtonStyle( bgcolor=ft.Colors.BLUE_GREY_800, padding=ft.padding.all(20), shape=ft.RoundedRectangleBorder(radius=15), ), width=400, height=60, on_click=self.create_slip, ), padding=ft.padding.all(20), ), ]), expand=True, ) def create_slip_history_screen(self) -> ft.Container: """伝票履歴画面""" # 履歴データ読み込み slips = self.load_slips() if not self.show_offsets: slips = [s for s in slips if not (isinstance(s, Invoice) and getattr(s, "is_offset", False))] def on_toggle_offsets(e): self.show_offsets = bool(e.control.value) self.update_main_content() # 履歴カードリスト slip_cards = [] for slip in slips: card = self.create_slip_card(slip) slip_cards.append(card) return ft.Container( content=ft.Column([ # ヘッダー ft.Container( content=ft.Row([ ft.Text("📄 発行履歴管理", size=20, weight=ft.FontWeight.BOLD), ft.Container(expand=True), ft.Row( [ ft.Text("赤伝を表示", size=12, color=ft.Colors.WHITE), ft.Switch(value=self.show_offsets, on_change=on_toggle_offsets), ], spacing=5, ), ft.IconButton(ft.Icons.CLEAR_ALL, icon_size=20), ]), padding=ft.padding.all(15), bgcolor=ft.Colors.BLUE_GREY, ), # 履歴リスト ft.Column( controls=slip_cards, spacing=10, scroll=ft.ScrollMode.AUTO, expand=True, ), ]), expand=True, ) def create_slip_card(self, slip) -> ft.Card: """伝票カード作成""" # サービス層からは Invoice オブジェクトが返る if isinstance(slip, Invoice): slip_type = slip.document_type.value customer_name = slip.customer.formal_name amount = slip.total_amount date = slip.date.strftime("%Y-%m-%d") status = "赤伝" if getattr(slip, "is_offset", False) else "完了" else: slip_id, slip_type, customer_name, amount, date, status, description, created_at = slip # タイプに応じたアイコンと色 type_config = { "売上伝票": {"icon": "💰", "color": ft.Colors.GREEN}, "見積書": {"icon": "📄", "color": ft.Colors.BLUE}, "納品書": {"icon": "📦", "color": ft.Colors.PURPLE}, "請求書": {"icon": "📋", "color": ft.Colors.ORANGE}, "領収書": {"icon": "🧾", "color": ft.Colors.RED} } config = type_config.get(slip_type, {"icon": "📝", "color": ft.Colors.GREY}) def issue_offset(_=None): if not isinstance(slip, Invoice): return if getattr(slip, "is_offset", False): return offset_invoice = self.app_service.invoice.create_offset_invoice(slip.uuid) if offset_invoice and offset_invoice.file_path: self.app_service.invoice.delete_pdf_file(offset_invoice.file_path) # リストを更新 self.invoices = self.app_service.invoice.get_recent_invoices(20) self.update_main_content() actions_row = None if isinstance(slip, Invoice) and not getattr(slip, "is_offset", False): actions_row = ft.Row( [ ft.IconButton( ft.Icons.REPLAY_CIRCLE_FILLED, tooltip="赤伝（相殺）を発行", icon_color=ft.Colors.RED_400, on_click=issue_offset, ) ], alignment=ft.MainAxisAlignment.END, ) display_amount = amount if isinstance(slip, Invoice) and getattr(slip, "is_offset", False): display_amount = -abs(amount) return ft.Card( content=ft.Container( content=ft.Column([ ft.Row([ ft.Container( content=ft.Text(config["icon"], size=24), width=40, height=40, bgcolor=config["color"], border_radius=20, alignment=ft.alignment.Alignment(0, 0), ), ft.Container( content=ft.Column([ ft.Text(slip_type, size=12, weight=ft.FontWeight.BOLD), ft.Text(f"{customer_name} ¥{display_amount:,.0f}", size=10), ]), expand=True, ), ]), ft.Container(height=5), ft.Text(f"日付: {date}", size=10, color=ft.Colors.GREY_600), ft.Text(f"状態: {status}", size=10, color=ft.Colors.GREY_600), actions_row if actions_row else ft.Container(height=0), ]), padding=ft.padding.all(15), ), elevation=3, ) def open_customer_picker(self, e=None): """顧客選択を開く（画面内遷移）""" logging.info("顧客選択画面へ遷移") self.is_customer_picker_open = True self.update_main_content() def on_customer_selected(self, customer: Customer): """顧客選択時の処理""" self.selected_customer = customer logging.info(f"顧客を選択: {customer.formal_name}") # UIを更新して選択された顧客を表示 self.update_main_content() def on_customer_deleted(self, customer: Customer): """顧客削除時の処理""" self.app_service.customer.delete_customer(customer.id) self.customers = self.app_service.customer.get_all_customers() logging.info(f"顧客を削除: {customer.formal_name}") # モーダルを再表示してリストを更新 if self.customer_picker and self.customer_picker.is_open: self.customer_picker.update_customer_list(self.customers) def on_amount_change(self, e): """金額変更時の処理""" self.amount_value = e.control.value logging.info(f"金額を変更: {self.amount_value}") def on_document_type_change(self, index): """帳票種類変更""" document_types = list(DocumentType) selected_type = document_types[index] logging.info(f"帳票種類を変更: {selected_type.value}") # TODO: 選択された種類を保存 def select_document_type(self, doc_type: str): """帳票種類選択""" # DocumentTypeから対応するenumを見つける for dt in DocumentType: if dt.value == doc_type: self.selected_document_type = dt logging.info(f"帳票種類を選択: {doc_type}") break def create_slip(self, e=None): """伝票作成 - サービス層を使用""" if not self.selected_customer: logging.warning("顧客が選択されていません") return try: amount = int(self.amount_value) if self.amount_value else 250000 except ValueError: amount = 250000 logging.info(f"伝票を作成: {self.selected_document_type.value}, {self.selected_customer.formal_name}, ¥{amount:,}") # サービス層経由で伝票作成 invoice = self.app_service.invoice.create_invoice( customer=self.selected_customer, document_type=self.selected_document_type, amount=amount, notes="" ) if invoice: if invoice.file_path: self.app_service.invoice.delete_pdf_file(invoice.file_path) invoice.file_path = None logging.info(f"伝票作成成功: {invoice.invoice_number}") # リストを更新 self.invoices = self.app_service.invoice.get_recent_invoices(20) # 発行履歴タブに切り替え self.on_tab_change(1) else: logging.error("伝票作成失敗") def load_slips(self) -> List[Invoice]: """伝票データ読み込み - サービス層経由""" return self.app_service.invoice.get_recent_invoices(20) def main(page: ft.Page): """メイン関数""" app = FlutterStyleDashboard(page) page.update() if __name__ == "__main__": ft.app(target=main)